@charset "UTF-8";:root{--color-bg: #030712;--color-surface: rgba(255, 255, 255, .04);--color-surface-hover: rgba(255, 255, 255, .08);--color-primary: #4f46e5;--color-primary-light: #818cf8;--color-accent: #06d6f0;--color-accent-light: #67e8f9;--color-text: #f0f4ff;--color-text-muted: #94a3b8;--color-border: rgba(129, 140, 248, .14);--color-border-hover: rgba(79, 70, 229, .55);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--radius: 16px;--radius-lg: 24px;--glow: 0 0 28px rgba(79, 70, 229, .45), 0 0 56px rgba(79, 70, 229, .15);--glow-accent: 0 0 24px rgba(6, 214, 240, .4);--glow-sm: 0 0 14px rgba(79, 70, 229, .35);--glass-blur: blur(20px) saturate(1.4);--header-height: 64px;--transition: .25s cubic-bezier(.4, 0, .2, 1);--header-scrolled-bg: rgba(3, 7, 18, .82);--header-scrolled-border: rgba(129, 140, 248, .09);--footer-bg: rgba(3, 7, 18, .65);--footer-border: rgba(129, 140, 248, .09)}[data-theme=light]{--color-bg: #f0f4ff;--color-surface: rgba(79, 70, 229, .04);--color-surface-hover: rgba(79, 70, 229, .08);--color-text: #0f172a;--color-text-muted: #475569;--color-border: rgba(79, 70, 229, .14);--color-border-hover: rgba(79, 70, 229, .45);--glow: 0 0 24px rgba(79, 70, 229, .22);--glow-sm: 0 0 12px rgba(79, 70, 229, .18);--header-scrolled-bg: rgba(240, 244, 255, .92);--header-scrolled-border: rgba(79, 70, 229, .1);--footer-bg: rgba(232, 237, 255, .92);--footer-border: rgba(79, 70, 229, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2;font-weight:700}img{max-width:100%;display:block}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-accent)}button{cursor:pointer;border:none;background:none;font-family:var(--font-body)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px}.skip-nav{position:fixed;top:-100%;left:1rem;z-index:9999;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;font-weight:600;border-radius:var(--radius);transition:top .2s}.skip-nav:focus{top:1rem;outline:2px solid var(--color-accent)}main{min-height:100vh}section{padding:6rem 1.5rem;max-width:1200px;margin:0 auto}@media(max-width:768px){section{padding:4rem 1rem}}.section-title{font-size:clamp(2rem,5vw,3rem);text-align:center;margin-bottom:.5rem;background:linear-gradient(135deg,var(--color-accent-light) 0%,var(--color-primary-light) 45%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:3rem;font-size:1.1rem}.glass-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.glass-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.07) 0%,transparent 50%);pointer-events:none}.glass-card:hover{transform:translateY(-5px);box-shadow:var(--glow);border-color:var(--color-border-hover)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--radius);font-weight:600;font-family:var(--font-body);font-size:1rem;transition:all var(--transition);cursor:pointer;text-decoration:none}.btn--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;border:none;box-shadow:0 0 #4f46e500}.btn--primary:hover{box-shadow:var(--glow);transform:translateY(-2px);color:#fff}.btn--outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.btn--outline:hover{border-color:var(--color-primary);color:var(--color-primary-light);box-shadow:var(--glow-sm)}.badge{display:inline-block;padding:.3rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:99px;font-size:.8rem;font-weight:500;color:var(--color-text-muted);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition)}.badge:hover,.badge.active{background:#4f46e526;border-color:var(--color-primary);color:var(--color-primary-light);box-shadow:var(--glow-sm)}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes ai-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #4f46e580}50%{opacity:.6;transform:scale(1.4);box-shadow:0 0 0 4px #4f46e500}}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}
