:root {
      --navy: #0d1b4b;
      --navy-light: #1a2f6e;
      --gold: #f5c518;
      --orange: #e8611a;
      --white: #f9f7f2;
      --dark: #08112e;
      --card-bg: rgba(255,255,255,0.04);
    }
    * { margin:0; padding:0; box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { font-family:'Nunito',sans-serif; background:var(--dark); color:var(--white); overflow-x:hidden; }
    ::-webkit-scrollbar { width:5px; }
    ::-webkit-scrollbar-track { background:var(--dark); }
    ::-webkit-scrollbar-thumb { background:var(--gold); border-radius:3px; }
    nav {
      position:fixed; top:0; left:0; right:0; z-index:1000;
      display:flex; align-items:center; justify-content:space-between;
      padding:12px 48px;
      background:rgba(8,17,46,0.92); backdrop-filter:blur(16px);
      border-bottom:1px solid rgba(245,197,24,0.15);
      transition:all 0.3s;
    }
    nav.scrolled { padding:8px 48px; background:rgba(8,17,46,0.99); }
    .nav-logo { display:flex; align-items:center; gap:10px; text-decoration:none; }
    .nav-logo img { height:80px; mix-blend-mode:screen; filter:brightness(1.1); }
    .nav-links { display:flex; gap:28px; list-style:none; align-items:center; }
    .nav-links a { color:var(--white); text-decoration:none; font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:0.95rem; letter-spacing:1.5px; text-transform:uppercase; position:relative; padding-bottom:4px; transition:color 0.3s; }
    .nav-links a::after { content:''; position:absolute; bottom:0; left:0; width:0; height:2px; background:var(--gold); transition:width 0.3s; }
    .nav-links a:hover { color:var(--gold); }
    .nav-links a:hover::after { width:100%; }
    .nav-cta { background:var(--gold) !important; color:var(--navy) !important; padding:8px 20px; border-radius:4px; font-weight:800 !important; }
    .nav-cta:hover { background:var(--orange) !important; }
    .nav-cta::after { display:none !important; }
    .container { max-width:1180px; margin:0 auto; padding:0 36px; }
    section { padding:90px 0; }
    .page-hero {
      min-height:50vh; display:flex; align-items:flex-end;
      padding:140px 0 60px; position:relative; overflow:hidden;
      background:linear-gradient(135deg, var(--dark) 0%, var(--navy) 100%);
    }
    .page-hero-bg {
      position:absolute; inset:0;
      background:
        radial-gradient(ellipse at 20% 50%, rgba(245,197,24,0.14) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 30%, rgba(245,197,24,0.08) 0%, transparent 55%);
    }
    .page-hero-grid {
      position:absolute; inset:0;
      background-image:linear-gradient(rgba(245,197,24,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(245,197,24,0.03) 1px, transparent 1px);
      background-size:60px 60px;
    }
    .page-hero .container { position:relative; }
    .page-tag { display:inline-block; font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:0.8rem; letter-spacing:3px; text-transform:uppercase; color:var(--gold); border-left:3px solid var(--gold); padding-left:12px; margin-bottom:14px; }
    .page-title { font-family:'Bebas Neue',sans-serif; font-size:clamp(3rem,7vw,5.5rem); line-height:0.95; letter-spacing:2px; }
    .page-title .accent { color:var(--gold); }
    .page-title .accent-orange { color:var(--orange); }
    .page-sub { color:rgba(249,247,242,0.65); font-size:1.05rem; line-height:1.7; max-width:600px; margin-top:18px; }
    .section-tag { display:inline-block; font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:0.78rem; letter-spacing:3px; text-transform:uppercase; color:var(--gold); border-left:3px solid var(--gold); padding-left:10px; margin-bottom:12px; }
    .section-title { font-family:'Bebas Neue',sans-serif; font-size:clamp(2rem,5vw,3.2rem); letter-spacing:1.5px; }
    .section-title .accent { color:var(--gold); }
    .section-title .accent-orange { color:var(--orange); }
    .btn-primary { display:inline-block; background:var(--gold); color:var(--navy); padding:13px 34px; border-radius:4px; font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:1rem; letter-spacing:2px; text-transform:uppercase; text-decoration:none; transition:all 0.3s; position:relative; overflow:hidden; }
    .btn-primary::before { content:''; position:absolute; inset:0; background:var(--orange); transform:translateX(-100%); transition:transform 0.3s; }
    .btn-primary:hover::before { transform:translateX(0); }
    .btn-primary span { position:relative; z-index:1; }
    .btn-secondary { display:inline-block; background:transparent; color:var(--white); padding:13px 34px; border-radius:4px; border:2px solid rgba(255,255,255,0.3); font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:1rem; letter-spacing:2px; text-transform:uppercase; text-decoration:none; transition:all 0.3s; }
    .btn-secondary:hover { border-color:var(--gold); color:var(--gold); transform:translateY(-2px); }
    .reveal { opacity:0; transform:translateY(36px); transition:opacity 0.7s ease, transform 0.7s ease; }
    .reveal.visible { opacity:1; transform:translateY(0); }
    .reveal-delay-1 { transition-delay:0.1s; }
    .reveal-delay-2 { transition-delay:0.2s; }
    .reveal-delay-3 { transition-delay:0.3s; }
    .why-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:48px; }
    .why-card { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:12px; padding:32px; transition:transform 0.3s; }
    .why-card:hover { transform:translateY(-6px); border-color:rgba(245,197,24,0.25); }
    .why-icon { font-size:2rem; margin-bottom:14px; }
    .why-title { font-family:'Bebas Neue',sans-serif; font-size:1.4rem; margin-bottom:8px; letter-spacing:1px; }
    .why-text { color:rgba(249,247,242,0.6); line-height:1.7; font-size:0.9rem; }
    .roles-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:40px; }
    .role-card { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.07); border-radius:10px; padding:26px; display:flex; gap:18px; align-items:flex-start; transition:all 0.3s; }
    .role-card:hover { border-color:var(--gold); background:rgba(255,255,255,0.05); }
    .role-icon { font-size:1.8rem; flex-shrink:0; }
    .role-name { font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:1rem; letter-spacing:1.5px; text-transform:uppercase; color:var(--gold); margin-bottom:6px; }
    .role-desc { color:rgba(249,247,242,0.6); font-size:0.88rem; line-height:1.6; }
    .form-section { background:var(--navy); padding:90px 0; }
    .form-wrap { display:grid; grid-template-columns:1fr 420px; gap:56px; align-items:start; }
    .form-box { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.1); border-radius:14px; padding:40px; }
    .form-box label { font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:0.72rem; letter-spacing:2px; text-transform:uppercase; color:rgba(249,247,242,0.5); display:block; margin-bottom:8px; margin-top:18px; }
    .form-box label:first-child { margin-top:0; }
    .form-box input, .form-box select, .form-box textarea { width:100%; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.12); border-radius:6px; padding:12px 14px; color:var(--white); font-family:'Nunito',sans-serif; font-size:0.95rem; outline:none; transition:border-color 0.2s; box-sizing:border-box; }
    .form-box input:focus, .form-box select:focus, .form-box textarea:focus { border-color:var(--gold); }
    .form-box select option { background:var(--navy); }
    .form-box textarea { resize:vertical; min-height:100px; }
    .submit-btn { width:100%; background:linear-gradient(90deg,var(--orange),var(--gold)); color:var(--navy); padding:16px; border:none; border-radius:6px; font-family:'Bebas Neue',sans-serif; font-size:1.3rem; letter-spacing:3px; cursor:pointer; transition:all 0.3s; margin-top:24px; box-shadow:0 8px 30px rgba(245,197,24,0.2); }
    .submit-btn:hover { transform:translateY(-2px); box-shadow:0 14px 40px rgba(245,197,24,0.35); }
    .sidebar-info { position:sticky; top:100px; }
    .info-card { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:12px; padding:28px; margin-bottom:18px; }
    .info-card-title { font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:0.75rem; letter-spacing:2.5px; text-transform:uppercase; color:var(--gold); margin-bottom:14px; }
    .info-stat { text-align:center; padding:16px 0; }
    .info-stat-num { font-family:'Bebas Neue',sans-serif; font-size:2.8rem; color:var(--gold); line-height:1; }
    .info-stat-label { font-size:0.8rem; color:rgba(249,247,242,0.5); margin-top:4px; font-family:'Barlow Condensed',sans-serif; letter-spacing:1px; }
    footer { background:#060e24; padding:56px 0 28px; border-top:1px solid rgba(245,197,24,0.1); }
    .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; margin-bottom:40px; }
    .footer-logo { height:80px; margin-bottom:14px; display:block; mix-blend-mode:screen; filter:brightness(1.1); }
    .footer-brand p { color:rgba(249,247,242,0.5); font-size:0.88rem; line-height:1.7; max-width:270px; }
    .footer-col-title { font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:0.82rem; letter-spacing:2px; text-transform:uppercase; color:var(--gold); margin-bottom:14px; }
    .footer-links { list-style:none; }
    .footer-links li { margin-bottom:9px; }
    .footer-links a { color:rgba(249,247,242,0.5); text-decoration:none; font-size:0.88rem; transition:color 0.2s; }
    .footer-links a:hover { color:var(--white); }
    .social-links { display:flex; gap:10px; margin-top:18px; }
    .social-link { width:36px; height:36px; background:rgba(255,255,255,0.06); border-radius:6px; display:flex; align-items:center; justify-content:center; color:var(--white); text-decoration:none; font-size:0.9rem; transition:all 0.3s; }
    .social-link:hover { background:var(--gold); color:var(--navy); transform:translateY(-3px); }
    .footer-bottom { padding-top:24px; border-top:1px solid rgba(255,255,255,0.06); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
    .footer-bottom p { color:rgba(249,247,242,0.35); font-size:0.8rem; }
    .footer-bottom span { color:var(--gold); }
    #successMsg { display:none; text-align:center; padding:40px; animation:fadeUp 0.5s ease; }
    @keyframes fadeUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }
    @media(max-width:900px) {
      nav { padding:10px 20px; }
      .nav-links { display:none; }
      .footer-grid { grid-template-columns:1fr 1fr; }
      .why-grid, .roles-grid, .form-wrap { grid-template-columns:1fr; }
    }