@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--color-background:#f8f9ff;--color-on-background:#0b1c30;--color-surface:#f8f9ff;--color-on-surface:#0b1c30;--color-surface-container:#e5eeff;--color-surface-container-low:#eff4ff;--color-surface-container-high:#dce9ff;--color-surface-container-highest:#d3e4fe;--color-surface-container-lowest:#fff;--color-on-surface-variant:#434655;--color-primary:#0038b3;--color-primary-hover:#002d8f;--color-on-primary:#fff;--color-primary-container:#074ce7;--color-on-primary-container:#cdd5ff;--color-primary-glow:#074ce726;--color-outline:#747687;--color-outline-variant:#c3c5d8;--color-outline-subtle:#c3c5d866;--color-success:#10b981;--color-accent:#2563eb;--font-headline:"Hanken Grotesk", sans-serif;--font-body:"Inter", sans-serif;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--spacing-base:8px;--spacing-xs:4px;--spacing-sm:12px;--spacing-md:24px;--spacing-lg:48px;--spacing-xl:80px;--margin-desktop:64px;--margin-mobile:20px;--container-max:1280px;--shadow-sm:0 1px 2px #0b1c300a;--shadow-md:0 4px 16px #0b1c300f;--shadow-lg:0 8px 32px #0b1c3014;--shadow-xl:0 16px 48px #0b1c301a;--shadow-glow:0 0 40px #074ce71f;--glass-bg:#f8f9ffb8;--glass-border:#c3c5d859;--glass-blur:20px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s}[data-theme=dark]{--color-background:#0a0f1e;--color-on-background:#e8eaf6;--color-surface:#111827;--color-on-surface:#e8eaf6;--color-surface-container:#1a2236;--color-surface-container-low:#0f1629;--color-surface-container-high:#1e2a40;--color-surface-container-highest:#243048;--color-surface-container-lowest:#080c18;--color-on-surface-variant:#9ca3bf;--color-primary:#93a8ff;--color-primary-hover:#b0bfff;--color-on-primary:#001551;--color-primary-container:#1a3a8f;--color-on-primary-container:#dce1ff;--color-primary-glow:#93a8ff1f;--color-outline:#6b7394;--color-outline-variant:#2d3552;--color-outline-subtle:#2d355280;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 16px #00000040;--shadow-lg:0 8px 32px #0000004d;--shadow-xl:0 16px 48px #00000059;--shadow-glow:0 0 50px #93a8ff14;--glass-bg:#111827bf;--glass-border:#2d355266}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-on-background);transition:background-color var(--duration-slow) var(--ease-out), color var(--duration-slow) var(--ease-out);flex-direction:column;min-height:100vh;line-height:1.6;display:flex;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;transition:color var(--duration-fast) ease;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}::selection{background:var(--color-primary);color:var(--color-on-primary)}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;line-height:1}.container{max-width:var(--container-max);padding:0 var(--margin-mobile);width:100%;margin:0 auto}@media (width>=768px){.container{padding:0 var(--margin-desktop)}}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-container) 100%);color:var(--color-on-primary);border-radius:var(--radius-lg);letter-spacing:.04em;transition:all var(--duration-normal) var(--ease-out);align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #074ce740}.btn-primary:before{content:"";opacity:0;transition:opacity var(--duration-fast) ease;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #074ce759}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-outline{border:1.5px solid var(--color-outline-variant);color:var(--color-on-surface);border-radius:var(--radius-lg);letter-spacing:.04em;transition:all var(--duration-normal) var(--ease-out);background:0 0;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:600;display:inline-flex}.btn-outline:hover{background-color:var(--color-surface-container);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);color:var(--color-on-surface)}.headline-xl{letter-spacing:-.03em;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.1}.headline-lg{letter-spacing:-.02em;font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.15}.headline-md{letter-spacing:-.01em;font-size:clamp(20px,2.5vw,30px);font-weight:600;line-height:1.3}.body-lg{font-size:18px;font-weight:400;line-height:1.7}.body-md{font-size:16px;font-weight:400;line-height:1.65}.label-md{letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:600;line-height:1.4}.caption{font-size:12px;font-weight:400;line-height:1.4}.card{background-color:var(--color-surface-container);border:1px solid var(--color-outline-subtle);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-out);padding:32px;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--color-primary-glow) 0%, transparent 60%);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);position:absolute;inset:0}.card:hover{border-color:var(--color-outline-variant);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card:hover:before{opacity:1}.card>*{z-index:1;position:relative}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-out);padding:32px}.card-glass:hover{box-shadow:var(--shadow-lg);border-color:var(--color-outline-variant)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--color-primary-glow)}50%{box-shadow:0 0 40px var(--color-primary-glow), 0 0 60px var(--color-primary-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin;display:inline-block}.animate-fade-in-up{animation:fadeInUp .7s var(--ease-out) both}.animate-fade-in-down{animation:fadeInDown .5s var(--ease-out) both}.animate-scale-in{animation:scaleIn .6s var(--ease-out) both}.animate-slide-left{animation:slideInLeft .7s var(--ease-out) both}.animate-slide-right{animation:slideInRight .7s var(--ease-out) both}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.icon-badge{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary-glow) 0%, transparent 100%);border:1px solid var(--color-outline-subtle);width:52px;height:52px;color:var(--color-primary);transition:all var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex}.card:hover .icon-badge{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-container) 100%);color:var(--color-on-primary);transform:scale(1.08);box-shadow:0 4px 16px #074ce74d}.section-label{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:10px;margin-bottom:16px;font-size:13px;font-weight:700;display:inline-flex}.section-label:before{content:"";background:linear-gradient(90deg, var(--color-primary), transparent);border-radius:2px;width:32px;height:2px}.divider{background:linear-gradient(90deg, transparent, var(--color-outline-variant), transparent);width:100%;height:1px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}@media (width<=768px){.desktop-only{display:none!important}.btn-primary,.btn-outline{padding:12px 20px;font-size:13px}}@media (width>=769px){.mobile-only{display:none!important}}.page-enter{animation:fadeInUp .5s var(--ease-out) both}