@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --navy:#031b35;
  --navy2:#06294c;
  --navy3:#0a3762;
  --gold:#f6c33b;
  --gold2:#ffd95a;
  --cyan:#36d1ff;
  --green:#55dc7c;
  --white:#f7fbff;
  --muted:#b6c7d9;
  --ink:#102b45;
  --line:rgba(255,255,255,.12);
  --shadow:0 20px 60px rgba(0,0,0,.28);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--navy);color:var(--white);line-height:1.55}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}

.site-header{
  position:fixed;z-index:30;top:0;left:0;right:0;
  background:rgba(3,27,53,.82);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.nav-wrap{height:92px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:12px;min-width:285px}
.brand-logo{width:66px;height:66px;object-fit:contain}
.brand-name{font-size:32px;font-weight:800;letter-spacing:.02em}
.brand-tagline{font-size:12px;font-weight:700;white-space:nowrap}
.brand-tagline span:nth-child(1){color:#fff}.brand-tagline span:nth-child(2){color:var(--gold)}
.brand-tagline span:nth-child(3){color:var(--cyan)}.brand-tagline span:nth-child(4){color:var(--green)}.brand-tagline span:nth-child(5){color:var(--gold2)}

.main-nav{display:flex;align-items:center;gap:28px;flex:1;justify-content:center;font-size:14px;font-weight:600}
.main-nav a{opacity:.88;padding:34px 0 30px;border-bottom:2px solid transparent}
.main-nav a:hover,.main-nav a.active{opacity:1;border-bottom-color:var(--cyan)}
.nav-actions{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:12px;padding:13px 22px;font-weight:800;border:1px solid transparent;cursor:pointer}
.btn-small{padding:11px 18px;border-radius:10px;font-size:13px}.btn-large{padding:16px 28px;font-size:15px}
.btn-gold{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#09213d;box-shadow:0 8px 22px rgba(246,195,59,.25)}
.btn-outline{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.02)}
.btn-blue{background:linear-gradient(180deg,#1e9cff,#0875d8);color:#fff}
.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:24px}

.hero{
  min-height:920px;position:relative;display:flex;align-items:center;
  background-image:url('assets/hero-bg.png');background-size:cover;background-position:center;
  overflow:hidden;padding-top:92px;
}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,18,37,.92) 0%,rgba(2,18,37,.72) 43%,rgba(2,18,37,.25) 100%)}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr .7fr;gap:56px;align-items:center}
.hero-left{padding:70px 0}
.eyebrow{color:var(--gold2);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.eyebrow.dark{color:#b98700}
.hero-logo{width:118px;height:118px;object-fit:contain;margin:26px 0 4px}
.hero h1{font-size:clamp(70px,8vw,112px);line-height:.9;margin:0;font-weight:800;letter-spacing:-.05em}
.hero-title-line{display:flex;flex-wrap:wrap;gap:10px;font-size:23px;font-weight:800;margin-top:14px}
.hero-title-line span{color:var(--gold2)}
.hero-slogan{font-size:28px;font-style:italic;font-weight:500;line-height:1.18;margin:30px 0 16px;max-width:680px}
.hero-desc{max-width:680px;color:#d7e4f1;font-size:15px}
.hero-actions{display:flex;gap:16px;align-items:center;margin-top:25px}.text-link{font-weight:700;color:#ccecff}
.values{margin-top:34px;display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px;color:#f3f8ff;font-size:12px;font-weight:800;letter-spacing:.06em}
.values b{color:var(--gold);margin-right:9px}

.login-card{
  background:rgba(4,31,57,.86);border:1px solid rgba(140,201,255,.32);
  border-radius:18px;padding:30px;box-shadow:var(--shadow);backdrop-filter:blur(10px)
}
.login-kicker{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.12em}
.login-card h2{font-size:28px;margin:8px 0 4px}.login-card p{color:#bfd0e1;margin:0 0 22px;font-size:14px}
.login-card label{display:block;font-size:12px;font-weight:700;color:#dce9f6;margin-top:14px}
.login-card input{display:block;width:100%;margin-top:7px;border:1px solid rgba(177,215,244,.42);background:rgba(8,43,76,.66);color:#fff;border-radius:10px;padding:14px;outline:0}
.login-card input:focus{border-color:var(--cyan)}
.forgot{display:block;text-align:right;color:var(--cyan);font-size:12px;margin:10px 0 18px}
.login-card .btn{width:100%}.divider{height:1px;background:var(--line);margin:24px 0}
.register-copy{text-align:center;font-size:12px!important;margin:0!important}.register-link{display:block;text-align:center;color:var(--gold2);font-size:13px;font-weight:800;margin-top:4px}

.section{padding:96px 0}.section-light{background:#f4f8fb;color:var(--ink)}.section-dark{background:#062b4d}.section-deep{background:#031d36}
.section-heading{max-width:780px}.section-heading h2{font-size:clamp(36px,4vw,58px);line-height:1.05;margin:12px 0 16px;letter-spacing:-.03em}.section-heading h2 span{color:#d29c12}.section-heading p{max-width:720px;color:#5e7287;font-size:16px}.section-heading.light p{color:#b7cadd}.section-heading.light h2 span{color:var(--gold2)}

.feature-grid{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{background:#fff;border:1px solid #dae4ed;border-radius:18px;padding:25px;box-shadow:0 18px 30px rgba(12,50,83,.06)}.feature-icon{width:48px;height:48px;border-radius:12px;background:#0b3862;color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:20px}.feature-card h3{margin:0 0 8px}.feature-card p{margin:0;color:#64798d;font-size:14px}

.function-grid{margin-top:40px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.function-card{min-height:180px;border:1px solid rgba(120,192,255,.25);border-radius:18px;padding:22px;background:linear-gradient(180deg,#0b4779,#082c4d);display:flex;flex-direction:column;justify-content:space-between}.function-card span{color:var(--gold2);font-size:12px;font-weight:800}.function-card b{font-size:14px}.function-card small{color:#adc1d3}

.steps{margin-top:42px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.step{padding:22px 15px;border:1px solid rgba(120,192,255,.18);border-radius:16px;background:rgba(8,48,82,.62);min-height:185px}.step i{width:34px;height:34px;border-radius:50%;background:var(--gold);color:#0a2540;display:grid;place-items:center;font-style:normal;font-weight:900;margin-bottom:34px}.step strong{display:block;font-size:14px}.step small{display:block;color:#b4c7d9;margin-top:7px;font-size:12px}

.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch}.info-grid h2{font-size:clamp(38px,4vw,58px);line-height:1.05;margin:10px 0 15px}.info-grid p{color:#62768b;max-width:580px}.access-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.access-pills span{padding:9px 13px;background:#e5edf4;border:1px solid #d6e0e9;border-radius:999px;font-size:12px;font-weight:800;color:#163b5d}
.quote-card{border-radius:22px;padding:48px;background:linear-gradient(145deg,#0a3154,#06213a);color:#fff;min-height:300px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}.quote-mark{font-size:80px;color:var(--gold);line-height:.5}.quote-card p{font-size:28px;font-style:italic;font-weight:600;margin:30px 0}.quote-author{font-weight:800;color:var(--gold2)}.quote-sub{font-size:12px;color:#bcd0e2;margin-top:2px}

.cta{position:relative;background:#0a3154 url('assets/hero-bg.png') center/cover no-repeat;padding:85px 0;overflow:hidden}.cta-overlay{position:absolute;inset:0;background:rgba(3,21,38,.72)}.cta-inner{position:relative;display:flex;justify-content:space-between;align-items:center;gap:40px}.cta h2{font-size:clamp(38px,4vw,58px);line-height:1.05;margin:10px 0 0}.cta h2 span{color:var(--gold2)}

.site-footer{background:#02152a;border-top:1px solid rgba(255,255,255,.08);padding:28px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:25px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:42px;height:42px;object-fit:contain}.footer-brand b{display:block}.footer-brand small{display:block;color:#8fa6bd;font-size:10px}.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:#b7c9da;font-size:12px}.footer-meta{text-align:right;color:var(--gold2);font-size:11px;font-weight:800}

@media (max-width: 980px){
  .main-nav{display:none}.main-nav.open{display:flex;position:absolute;top:92px;left:0;right:0;background:#031b35;flex-direction:column;padding:16px 20px;gap:0}.main-nav.open a{width:100%;padding:14px 0}.menu-toggle{display:block}
  .brand{min-width:unset}.brand-name{font-size:25px}.brand-logo{width:54px;height:54px}.brand-tagline{font-size:10px}
  .hero{min-height:980px}.hero-inner{grid-template-columns:1fr;gap:24px}.hero-left{padding-top:45px;padding-bottom:10px}.login-card{margin-bottom:30px}
  .feature-grid{grid-template-columns:repeat(2,1fr)}.function-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}
  .info-grid{grid-template-columns:1fr}.cta-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.footer-meta{text-align:left}
}

@media (max-width: 620px){
  .container{width:min(100% - 24px,1180px)}.nav-wrap{height:78px}.main-nav.open{top:78px}
  .brand-tagline{display:none}.brand-logo{width:48px;height:48px}.brand-name{font-size:22px}.nav-actions .btn-small{display:none}
  .hero{padding-top:78px;min-height:auto}.hero-inner{padding:35px 0 50px}.hero h1{font-size:64px}.hero-title-line{font-size:18px;gap:7px}.hero-slogan{font-size:22px}.values{grid-template-columns:1fr}
  .feature-grid,.function-grid,.steps{grid-template-columns:1fr}.section{padding:70px 0}.step{min-height:0}.footer-links{justify-content:flex-start}
}