:root{
    --bg:#0f0f12;
    --text:#f7f7fb;
    --muted:#cfd3dc;
    --brand:#ff116a;
    --brand-2:#6a4cff;
    --brand-3:#00d4ff;
    --card:#15151b;
    --glass:rgba(255,255,255,.06);
    --stroke:rgba(255,255,255,.12);
    --shadow:0 20px 40px rgba(0,0,0,.35);
    --radius:18px;
    }
    
    
    *{box-sizing:border-box}
    html,body{height:100%}
    body{margin:0; font-family:'Rubik',system-ui,-apple-system,Segoe UI,Roboto; background:radial-gradient(1200px 800px at 100% -10%, #2a1b3d 0%, #141419 35%, var(--bg) 70%),
    conic-gradient(from 210deg at 110% -10%, #110f1b, #121217 40%, #16161c);
    color:var(--text); overflow-x:hidden}
    
    
    .bg-orbs::before, .bg-orbs::after{content:""; position:fixed; inset:auto; pointer-events:none; filter: blur(60px); opacity:.35; z-index:-1; transform:translateZ(0)}

    
    
    nav.topbar{ position:sticky; top:0; z-index:50; backdrop-filter:saturate(140%) blur(12px); background:linear-gradient( to left, rgba(26,26,34,.75), rgba(26,26,34,.55)); border-bottom:1px solid var(--stroke)}
    .topbar-inner{ max-width:1100px; margin:0 auto; padding:.9rem 1.2rem; display:flex; align-items:center; gap:1rem;}
    .brand{ font-weight:800; letter-spacing:.3px; background:linear-gradient(90deg,var(--brand),var(--brand-2),var(--brand-3)); -webkit-background-clip:text; background-clip:text; color:transparent; font-size:clamp(20px,3vw,26px)}
    .pill{ margin-inline-start:auto; display:inline-flex; align-items:center; gap:.55rem; padding:.45rem .8rem; border-radius:999px; border:1px solid var(--stroke); color:var(--muted); font-size:.92rem; background:var(--glass)}
    .pill .dot{ width:8px; height:8px; border-radius:999px; background:linear-gradient(90deg,var(--brand-3),var(--brand)); box-shadow:0 0 10px var(--brand-3)}
    
    
    .wrap{ max-width:1100px; margin:0 auto; padding:24px 16px 48px}
    
    
    .contact-wrap{ position:relative; background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); border:1px solid var(--stroke); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden }
    .contact-wrap::before{ content:""; position:absolute; inset:auto; right:-40px; top:-40px; width:180px; height:180px; border-radius:30px; background:conic-gradient(from 120deg, var(--brand), var(--brand-2), var(--brand-3), var(--brand)); filter:blur(20px); opacity:.25}
    .content{ padding:clamp(18px,4vw,36px) }
    
    
    .contact-title{ font-weight:800; font-size:clamp(24px,4.5vw,38px); line-height:1.2; margin:.2rem 0 .6rem; display:flex; align-items:center; justify-content:center; gap:.8rem }
    .back-btn{ display:inline-flex; align-items:center; justify-content:center; padding:.4rem .7rem; font-size:.85rem; border-radius:8px; background:var(--brand-2); color:#fff; text-decoration:none; font-weight:600; transition:transform .2s }
    .back-btn:hover{ transform:scale(1.05) }
    
    
    .contact-desc{ color:var(--muted); line-height:1.9; font-size:clamp(14px,2.5vw,18px); max-width:820px }
    
    
    .social-row{ display:flex; flex-wrap:wrap; gap:.7rem; justify-content:center; align-items:center; margin:1rem 0 }
    .social-btn{ width:44px; height:44px; border-radius:999px; display:inline-grid; place-items:center; text-decoration:none; border:1px solid var(--stroke); background:radial-gradient(120px 80px at 30% 30%, rgba(255,255,255,.15), rgba(255,255,255,.06)); transition:transform .18s ease, box-shadow .2s ease, border-color .2s ease }
    .social-btn:hover{ transform:translateY(-3px) scale(1.03); box-shadow:0 12px 22px rgba(0,0,0,.35); border-color:transparent }
    .social-btn span{ font-size:1.4rem }
    
    
    .contact-lines{ text-align:center; line-height:2; color:#e9ecf5; margin:.2rem auto 1rem; font-size:clamp(14px,2.5vw,18px)}
    .contact-lines a{ color:var(--brand-3); font-weight:700; text-decoration:none }
    
    
    .map-card{ background:var(--card); border-radius:14px; border:1px solid var(--stroke); box-shadow:var(--shadow); overflow:hidden }
    .map-embed{ display:block; width:100%; aspect-ratio: 16 / 10; border:0 }
    
    
    .cta-row{ display:flex; flex-wrap:wrap; gap:.8rem; justify-content:center; align-items:center; margin:1.2rem 0 }
    .btn-cta{ --g: linear-gradient(90deg,var(--brand),var(--brand-2),var(--brand-3)); display:inline-flex; align-items:center; gap:.5rem; padding:.85rem 1.2rem; border-radius:12px; border:1px solid transparent; color:white; text-decoration:none; font-weight:800; background:var(--g); box-shadow:0 10px 22px rgba(0,0,0,.35); transition:transform .18s ease, filter .2s ease }
    .btn-cta:hover{ transform:translateY(-2px) }
    .btn-cta.alt{ --g: linear-gradient(90deg,#2d6cdf,#00a7ff) }
    
    
    .home-fab { position: fixed; bottom: 22px; left: 22px; background: linear-gradient(135deg,var(--brand),var(--brand-2)); color: #fff; font-size: 1.45rem; width:52px; height:52px; display:grid; place-items:center; border-radius: 50%; text-decoration: none; box-shadow: 0 10px 24px rgba(0,0,0,0.36); z-index: 999; transition: transform .18s ease }
    .home-fab:hover { transform: scale(1.08) translateY(-2px) }