.contacts-hero{padding:4rem 0 2rem;text-align:center;}
.contacts-title{font-size:3.5rem;font-weight:800;color:white;margin-bottom:1rem;}
.contacts-subtitle{font-size:1.2rem;color:#b0c4de;}
.contacts-primary{padding:2rem 0;}
.primary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.primary-card{display:flex;align-items:center;padding:1.5rem;background:rgba(20,30,45,0.5);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.06);border-radius:20px;text-decoration:none;transition:all 0.3s;cursor:pointer;}
.primary-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,0.3);}
.telegram-card:hover{border-color:#0088cc;box-shadow:0 20px 40px rgba(0,136,204,0.2);}
.email-card:hover{border-color:#f59e0b;box-shadow:0 20px 40px rgba(245,158,11,0.2);}
.phone-card:hover{border-color:#34a853;box-shadow:0 20px 40px rgba(52,168,83,0.2);}
.card-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);border-radius:16px;margin-right:1rem;color:white;}
.card-content{flex:1;}
.card-content h3{font-size:1.2rem;font-weight:600;margin-bottom:0.25rem;color:white;}
.card-content p{color:var(--text-dim);font-size:0.9rem;margin-bottom:0.5rem;}
.card-badge{display:inline-block;padding:0.25rem 0.75rem;background:rgba(74,111,165,0.2);border-radius:50px;font-size:0.75rem;color:var(--primary);font-weight:500;}
.card-arrow{font-size:1.5rem;color:var(--primary);opacity:0;transition:opacity 0.3s;}
.primary-card:hover .card-arrow{opacity:1;}
.contacts-social{padding:2rem 0;}
.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.social-card{display:flex;align-items:center;padding:1rem 1.5rem;background:rgba(20,30,45,0.3);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.04);border-radius:60px;text-decoration:none;transition:all 0.3s;}
.social-card:hover{background:rgba(74,111,165,0.15);border-color:rgba(74,111,165,0.3);transform:scale(1.02);}
.social-icon{font-size:1.8rem;margin-right:1rem;min-width:2rem;text-align:center;}
.social-name{flex:1;font-weight:600;color:white;font-size:1rem;margin-right:0.75rem;}
.social-handle{color:var(--text-dim);font-size:0.85rem;white-space:nowrap;}
.contacts-form{padding:2rem 0 4rem;}
.form-card{max-width:600px;margin:0 auto;padding:2.5rem !important;}
.form-title{font-size:1.8rem;font-weight:700;color:white;text-align:center;margin-bottom:2rem;}
.contact-form{display:flex;flex-direction:column;gap:1.5rem;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.form-group{position:relative;}
.form-group input,.form-group textarea{width:100%;padding:1rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:white;font-size:1rem;transition:all 0.3s;outline:none;}
.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);background:rgba(255,255,255,0.08);box-shadow:0 0 0 4px rgba(74,111,165,0.1);}
.form-group label{position:absolute;left:1rem;top:1rem;color:var(--text-dim);transition:all 0.3s;pointer-events:none;font-size:1rem;}
.form-group input:focus~label,.form-group input:not(:placeholder-shown)~label,.form-group textarea:focus~label,.form-group textarea:not(:placeholder-shown)~label{top:-0.5rem;left:0.8rem;font-size:0.75rem;background:#1a2333;padding:0 0.5rem;color:var(--primary);}
.form-group input::placeholder,.form-group textarea::placeholder{color:transparent;}