@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap');
:root{--color-primary:#3dffa0;--color-primary-dim:#2ecc7d;--color-accent:#00c4b4;--color-bg:#060b18;--color-bg-alt:#08101e;--color-surface:#0d1628;--color-surface-2:#111d35;--color-surface-hover:#162040;--color-border:#172040;--color-border-light:#1f2d50;--color-text:#e8eeff;--color-text-muted:#7b90c4;--font-display:'Outfit',sans-serif;--font-main:'Inter',sans-serif;--gradient-green:linear-gradient(135deg,#3dffa0,#00c4b4);--radius-lg:1.5rem;--radius-md:1rem;--radius-sm:.5rem;--shadow-card:0 4px 24px rgba(0,0,0,.5);--shadow-glow:0 0 30px rgba(61,255,160,.18);--transition:.3s cubic-bezier(.4,0,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0!important;background:var(--color-bg)!important;color:var(--color-text)!important;font-family:var(--font-main)!important;font-size:16px;line-height:1.7}a{color:var(--color-primary)}header{position:sticky;top:0;z-index:50;background:rgba(6,11,24,.88)!important;border-bottom:1px solid var(--color-border);backdrop-filter:blur(18px);padding:0 6%!important}.nav{max-width:1200px!important;min-height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav img{width:190px!important;height:auto!important;display:block}.nav a{font-family:var(--font-main);color:var(--color-text)!important;text-decoration:none!important;margin-left:24px!important;font-weight:500}.nav a:hover{color:var(--color-primary)!important}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 70% at 50% 35%,rgba(26,48,96,.72) 0%,transparent 70%),var(--color-bg)!important;color:var(--color-text)!important;padding:110px 6% 95px!important;border-bottom:1px solid var(--color-border)}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(61,255,160,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(61,255,160,.035) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.wrap{position:relative;max-width:1050px!important;margin:auto}.hero> .wrap>p:first-child{color:var(--color-primary)!important;text-transform:uppercase;letter-spacing:.15em;font-weight:700;font-size:.78rem}.hero h1{font-family:var(--font-display)!important;font-size:clamp(2.6rem,6vw,4.4rem)!important;line-height:1.08!important;letter-spacing:-.035em;margin:12px 0 24px!important;max-width:920px}.hero p{font-size:1.15rem!important;color:var(--color-text-muted)!important;max-width:760px}.cta{display:inline-flex!important;align-items:center;justify-content:center;background:var(--gradient-green)!important;color:var(--color-bg)!important;border:0!important;border-radius:8px!important;padding:13.6px 28px!important;font-family:var(--font-main)!important;font-weight:700!important;text-decoration:none!important;box-shadow:var(--shadow-glow);transition:transform var(--transition),box-shadow var(--transition)}.cta:hover{transform:translateY(-2px);box-shadow:0 0 42px rgba(61,255,160,.3)}main section{padding:90px 6%!important;background:var(--color-bg)!important;border-bottom:1px solid var(--color-border)}main section:nth-child(even){background:var(--color-bg-alt)!important}h2,h3{font-family:var(--font-display)!important;color:var(--color-text)!important}h2{font-size:clamp(2rem,4vw,3rem)!important;line-height:1.15!important;letter-spacing:-.025em;margin:0 0 22px!important}h3{font-size:1.25rem;margin-top:0}p,li{color:var(--color-text-muted)}ol{padding-left:1.4rem}li{padding:7px 0}.grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:22px!important;margin-top:32px}.card{background:linear-gradient(145deg,var(--color-surface),var(--color-surface-2))!important;border:1px solid var(--color-border-light)!important;border-radius:var(--radius-md)!important;padding:28px!important;box-shadow:var(--shadow-card);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.card:hover{transform:translateY(-5px);border-color:rgba(61,255,160,.45)!important;box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 0 1px rgba(61,255,160,.16)}.card h3:before{content:'✓';display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px;border-radius:8px;background:rgba(61,255,160,.12);color:var(--color-primary);font-size:.9rem}.links{margin-top:28px;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.links strong{font-family:var(--font-display);color:var(--color-text)}.links a{display:block!important;margin:12px 0!important;color:var(--color-primary)!important;text-decoration:none}.links a:hover{text-decoration:underline}footer{background:#040813!important;color:var(--color-text)!important;border-top:1px solid var(--color-border);padding:48px 6%!important}footer strong{font-family:var(--font-display);font-size:1.25rem}footer p,footer a{color:var(--color-text-muted)!important}@media(max-width:700px){header{padding:0 5%!important}.nav{min-height:72px}.nav img{width:155px!important}.nav nav{display:none}.hero{padding:72px 5% 66px!important}.hero h1{font-size:2.65rem!important}main section{padding:64px 5%!important}.grid{grid-template-columns:1fr!important}.cta{width:100%}}


/* Exact shared main-site header compatibility */
body{padding-top:0}.header{position:sticky!important;top:0!important;z-index:1000!important;padding:0!important;background:rgba(6,11,24,.85)!important;border-bottom:1px solid var(--color-border)!important;backdrop-filter:blur(16px)}
.header .header-container{min-height:80px}.header .nav{display:block!important;max-width:none!important;min-height:0!important;margin:0!important}.header .nav a{margin-left:0!important}.header .logo{width:auto!important;height:auto!important}.header .btn{width:auto}.mobile-menu{z-index:1100}
@media(max-width:900px){.header .nav{display:none!important}.header .social-links{display:none}.header .btn-primary{display:none!important}}


/* Final header geometry: identical to home page */
.header{position:fixed!important;top:0!important;padding:12px 0!important;height:96.8px!important;backdrop-filter:blur(20px)!important}
.header .header-container{height:72px!important;min-height:0!important}
.header .logo{width:180px!important;height:72px!important;object-fit:contain!important}
.hero{padding-top:190px!important}
@media(max-width:900px){.header{height:88px!important}.header .header-container{height:64px!important}.header .logo{width:160px!important;height:64px!important}.hero{padding-top:155px!important}}