{} *{} {}
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 :root{ --bg:#0b0f14; --bg2:#121821; --panel:#161d27; --panel2:#1b2430; --gold:#d4af37; --gold-soft:#f0d77a; --gold-deep:#b58c1d; --text:#f4f1ea; --muted:#b8b1a3; --line:rgba(212,175,55,.25); --line-soft:rgba(255,255,255,.08); --shadow:0 18px 55px rgba(0,0,0,.35); --shadow-strong:0 25px 70px rgba(0,0,0,.45); --radius:20px; --max:1140px; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{ margin:0; font-family:"Segoe UI", Arial, sans-serif; background: radial-gradient(circle at top right, rgba(212,175,55,.10), transparent 22%), linear-gradient(180deg, var(--bg), var(--bg2)); color:var(--text); line-height:1.6; } a{text-decoration:none;color:inherit} .container{width:min(var(--max),92%);margin:0 auto} .topbar{ position:sticky; top:0; z-index:10; border-bottom:1px solid var(--line); background:rgba(6,8,12,.72); backdrop-filter:blur(10px); } .topbar-inner{ display:flex; justify-content:space-between; align-items:center; gap:20px; padding:14px 0; font-size:14px; color:var(--muted); } .brand{ font-weight:700; letter-spacing:.8px; color:var(--gold-soft); text-transform:uppercase; } .hero{ position:relative; overflow:hidden; padding:96px 0 76px; background: linear-gradient(rgba(11,15,20,.70), rgba(11,15,20,.86)), url('https://i.imgur.com/iwD7Qil.png?auto=format&fit=crop&w=1600&q=80') center center / cover no-repeat; border-bottom:1px solid var(--line); } .hero:before{ content:""; position:absolute; inset:0; background: radial-gradient(circle at 78% 20%, rgba(212,175,55,.13), transparent 24%), linear-gradient(90deg, rgba(11,15,20,.78) 0%, rgba(11,15,20,.35) 38%, rgba(11,15,20,.15) 60%, rgba(11,15,20,.42) 100%); pointer-events:none; } .hero-grid{ position:relative; z-index:2; display:grid; grid-template-columns:1.15fr .85fr; gap:34px; align-items:center; } .eyebrow{ display:inline-block; padding:8px 14px; border:1px solid var(--line); border-radius:999px; color:var(--gold-soft); font-size:13px; letter-spacing:.4px; margin-bottom:18px; background:rgba(212,175,55,.07); box-shadow:0 0 0 1px rgba(212,175,55,.06) inset; } h1{ margin:0 0 18px; font-size:clamp(40px,5vw,66px); line-height:1.02; letter-spacing:-1.1px; text-shadow:0 2px 8px rgba(0,0,0,.28); } .hero-copy p{ color:#ddd4c4; font-size:19px; max-width:720px; margin:0 0 28px; } .cta-row{ display:flex; flex-wrap:wrap; gap:14px; margin:20px 0 14px; } .btn{ display:inline-flex; align-items:center; justify-content:center; padding:15px 24px; border-radius:999px; font-weight:700; transition:.22s ease; border:1px solid transparent; min-height:54px; position:relative; overflow:hidden; box-shadow:var(--shadow); cursor:pointer; } .btn:before{ content:""; position:absolute; inset:0; background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.18) 30%, transparent 60%); transform:translateX(-120%); transition:transform .6s ease; } .btn:hover:before{transform:translateX(120%)} .btn:hover{transform:translateY(-2px)} .btn-primary{ background:linear-gradient(180deg,var(--gold-soft),var(--gold)); color:#111; box-shadow:0 10px 28px rgba(212,175,55,.22); } .btn-secondary{ border-color:var(--line); background:rgba(255,255,255,.03); color:var(--text); } .sub-link{ display:inline-block; margin-top:8px; color:var(--gold-soft); font-size:14px; font-weight:600; } .hero-card, .card, .bio-box, .router-box, .faq-item, .visa-box, .final-cta{ background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)); border:1px solid rgba(255,255,255,.06); box-shadow:var(--shadow-strong); border-radius:var(--radius); backdrop-filter:blur(7px); } .hero-card{ padding:28px; } .hero-card h3{ margin:0 0 14px; font-size:24px; color:var(--gold-soft); } .mini-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; } .mini{ padding:16px; border-radius:16px; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.05); } .mini strong{ display:block; margin-bottom:6px; color:#f3ebd6; } .mini span{ color:var(--muted); font-size:14px; } section{ padding:42px 0; } .section-title{ font-size:clamp(30px,3vw,44px); margin:0 0 10px; text-align:center; } .section-lead{ color:var(--muted); max-width:820px; margin:0 auto 28px; font-size:17px; text-align:center; } .visa-box{ padding:30px; background: radial-gradient(circle at top right, rgba(212,175,55,.13), transparent 28%), linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)); } .visa-grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:24px; align-items:center; } .visa-box h2{ margin:0 0 12px; font-size:clamp(30px,3vw,40px); color:var(--gold-soft); line-height:1.08; } .visa-box p{ margin:0 0 18px; color:var(--muted); font-size:16px; } .visa-points{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; } .visa-point{ padding:14px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.02); } .visa-point strong{ display:block; margin-bottom:6px; color:var(--gold-soft); font-size:15px; } .visa-point span{ font-size:14px; color:var(--muted); } .visa-side{ padding:20px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.025); } .visa-side h4{ margin:0 0 10px; color:var(--gold-soft); font-size:20px; } .visa-side p{ margin:0 0 14px; font-size:14px; } .cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; } .card{ padding:28px; } .tag{ display:inline-block; margin-bottom:14px; padding:6px 11px; border-radius:999px; color:var(--gold-soft); border:1px solid var(--line); font-size:12px; text-transform:uppercase; letter-spacing:.5px; } .card h3{ margin:0 0 10px; font-size:24px; } .card p{color:var(--muted)} .card ul{ padding-left:18px; color:var(--muted); margin:18px 0 22px; } .bio-box{ padding:34px; display:grid; grid-template-columns:220px 1fr; gap:28px; align-items:start; } .bio-badge{ aspect-ratio:1/1; border-radius:24px; border:1px solid var(--line); display:flex; align-items:center; justify-content:center; background: radial-gradient(circle at top, rgba(212,175,55,.18), transparent 35%), linear-gradient(180deg, #161b22, #0e1319); color:var(--gold-soft); font-size:28px; font-weight:800; letter-spacing:1px; } .bio-box h3{ margin:0 0 14px; font-size:30px; } .bio-box p{ margin:0 0 14px; color:var(--muted); font-size:16px; } .router-box{ padding:30px; max-width:900px; margin:0 auto; } .router-grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px; } .field label{ display:block; margin-bottom:8px; font-weight:600; color:var(--gold-soft); } .field select{ width:100%; padding:14px 16px; border-radius:14px; border:1px solid rgba(255,255,255,.10); background:#0f141b; color:var(--text); font-size:16px; outline:none; } .result{ display:none; margin-top:22px; padding:20px; border-radius:16px; border:1px solid var(--line); background:rgba(212,175,55,.06); } .result h4{ margin:0 0 8px; color:var(--gold-soft); font-size:22px; } .result p{ margin:0 0 16px; color:var(--muted); } .faq{ display:grid; gap:14px; max-width:900px; margin:0 auto; } .faq-item{ padding:20px 22px; } .faq-item strong{ display:block; margin-bottom:6px; color:var(--gold-soft); } .final-cta{ padding:36px; text-align:center; border:1px solid var(--line); background: radial-gradient(circle at top center, rgba(212,175,55,.10), transparent 30%), linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)); } .final-cta p{ color:var(--muted); max-width:720px; margin:0 auto 20px; } footer{ margin-top:38px; padding:34px 0 50px; border-top:1px solid rgba(255,255,255,.06); } footer p{ color:var(--muted); margin:6px 0; font-size:15px; text-align:center; } @media (max-width: 920px){ .hero-grid, .cards, .bio-box, .router-grid, .visa-grid, .visa-points{ grid-template-columns:1fr; } .mini-grid{grid-template-columns:1fr} .topbar-inner{ flex-direction:column; align-items:flex-start; } h1{font-size:42px} }