@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--seed-bg:#0a0f1e;--seed-fg:#f1f5f9;--seed-primary:#004196;--seed-accent:#19b9f0;--seed-brand-mid:#008cdc;--seed-surface:#111827;--seed-radius:12px;--bg:var(--seed-bg);--bg-deep:#060a14;--bg-section:#0f172a;--bg-elevated:var(--seed-surface);--bg-card:#1e293b;--bg-card-hover:#263348;--bg-overlay:#000000d9;--fg:var(--seed-fg);--fg-primary:#f1f5f9;--fg-secondary:#cbd5e1;--fg-muted:#94a3b8;--fg-subtle:#64748b;--primary:var(--seed-primary);--primary-light:#1a5cb8;--primary-dark:#002d6b;--accent:var(--seed-accent);--accent-light:#4cc9f5;--accent-dark:#0e9bc9;--brand-mid:var(--seed-brand-mid);--brand-mid-light:#3aa8e0;--brand-mid-dark:#006fa8;--gradient-primary-accent:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);--gradient-accent-mid:linear-gradient(135deg, var(--accent) 0%, var(--brand-mid) 100%);--gradient-primary-mid:linear-gradient(135deg, var(--primary) 0%, var(--brand-mid) 100%);--gradient-full-spectrum:linear-gradient(135deg, var(--accent) 0%, var(--brand-mid) 50%, var(--primary) 100%);--gradient-card-glow:linear-gradient(145deg, #0041961a 0%, #19b9f00d 100%);--gradient-hero:radial-gradient(ellipse at top, #0041961f 0%, #19b9f00d 40%, transparent 70%);--gradient-footer:linear-gradient(180deg, var(--bg-section) 0%, var(--bg-deep) 100%);--border:#ffffff0f;--border-subtle:#ffffff0a;--border-strong:#ffffff1a;--border-focus:var(--primary);--border-primary-glow:#0041964d;--border-accent-glow:#19b9f04d;--border-mid-glow:#008cdc4d;--glow-opacity:.15;--heading-tracking:-.025em;--glow-primary:#00419640;--glow-accent:#19b9f033;--glow-brand-mid:#008cdc33;--glow-primary-intense:#00419666;--glow-accent-intense:#19b9f059;--glow-mixed:#0041964d, #19b9f033;--shadow-card:0 4px 24px #0000004d;--shadow-elevated:0 8px 32px #0006;--shadow-glow-primary:0 0 30px var(--glow-primary);--shadow-glow-accent:0 0 30px var(--glow-accent);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-section:120px;--radius:var(--seed-radius);--radius-sm:6px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-display:"Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-chinese:"Noto Sans SC", "Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.2s;--duration-normal:.4s;--duration-slow:.8s;--duration-slower:1.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--fg-secondary);background-color:var(--bg);font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--fg-primary);line-height:1.1}.text-display-xl{letter-spacing:-.03em;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:600;line-height:1}.text-display{letter-spacing:var(--heading-tracking);font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.1}.text-h1{letter-spacing:-.02em;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;line-height:1.15}.text-h2{letter-spacing:-.015em;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:500;line-height:1.25}.text-h3{letter-spacing:-.01em;font-size:clamp(1.125rem,1.5vw,1.375rem);font-weight:500;line-height:1.33}.text-body-lg{letter-spacing:-.005em;font-size:clamp(1rem,1.2vw,1.125rem);font-weight:400;line-height:1.6}.text-body{font-size:1rem;font-weight:400;line-height:1.6}.text-sm{letter-spacing:.01em;font-size:.875rem;font-weight:400;line-height:1.5}.text-xs{letter-spacing:.02em;font-size:.75rem;font-weight:500;line-height:1.4}.text-label{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-size:.6875rem;font-weight:600;line-height:1.4}:lang(zh),[lang=zh]{font-family:var(--font-chinese)}:lang(zh) .text-display-xl,:lang(zh) .text-display,:lang(zh) .text-h1{letter-spacing:.02em}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.section{padding:var(--space-section) 0;position:relative}.section-alt{background-color:var(--bg-section)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-body);letter-spacing:.01em;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);border:none;padding:12px 28px;font-size:.9375rem;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-primary-accent);color:#fff;box-shadow:0 0 20px var(--glow-primary), inset 0 1px 0 #ffffff1a;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;transition:opacity var(--duration-normal);background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{background:var(--gradient-accent-mid);box-shadow:0 0 35px var(--glow-accent-intense), 0 4px 20px #0006;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--fg-secondary);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a}.btn-ghost:hover{color:var(--accent-light);border-color:var(--border-primary-glow);box-shadow:0 0 20px var(--glow-primary);background:#0041961a}.btn-sm{padding:8px 16px;font-size:.8125rem}.btn-lg{padding:16px 36px;font-size:1rem}.card{background:var(--gradient-card-glow);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-lg);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient-full-spectrum);opacity:0;height:1px;transition:opacity var(--duration-normal);position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border-primary-glow);box-shadow:var(--shadow-card), 0 0 30px var(--glow-primary);background:#0041960f;transform:translateY(-4px)}.card:hover:before{opacity:.6}.card-glow{border-color:#00419626}.card-glow:hover{border-color:var(--border-accent-glow);box-shadow:var(--shadow-card), 0 0 40px var(--glow-accent-intense), 0 0 60px var(--glow-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--glow-primary)}50%{box-shadow:0 0 35px var(--glow-primary)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes grid-fade{0%,to{opacity:.03}50%{opacity:.06}}.reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translate(-32px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translate(32px)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:scale(.95)}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger-children>*{opacity:0;transition:opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);transform:translateY(16px)}.stagger-children.visible>:first-child{opacity:1;transition-delay:0s;transform:translateY(0)}.stagger-children.visible>:nth-child(2){opacity:1;transition-delay:80ms;transform:translateY(0)}.stagger-children.visible>:nth-child(3){opacity:1;transition-delay:.16s;transform:translateY(0)}.stagger-children.visible>:nth-child(4){opacity:1;transition-delay:.24s;transform:translateY(0)}.stagger-children.visible>:nth-child(5){opacity:1;transition-delay:.32s;transform:translateY(0)}.stagger-children.visible>:nth-child(6){opacity:1;transition-delay:.4s;transform:translateY(0)}.stagger-children.visible>:nth-child(7){opacity:1;transition-delay:.48s;transform:translateY(0)}.stagger-children.visible>:nth-child(8){opacity:1;transition-delay:.56s;transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--fg-subtle)}::selection{color:var(--fg-primary);background:#00419659}@media (width<=768px){:root{--space-section:80px;--space-4xl:64px;--space-3xl:48px;--space-2xl:32px}.container{padding:0 var(--space-md)}html{font-size:15px}.text-display-xl{font-size:clamp(2rem,6vw,2.5rem)}.text-display{font-size:clamp(1.75rem,5vw,2.25rem)}.text-h1{font-size:clamp(1.5rem,4vw,2rem)}.text-h2{font-size:clamp(1.25rem,3vw,1.75rem)}.text-h3{font-size:clamp(1rem,2vw,1.25rem)}.text-body-lg{font-size:.9375rem}.btn{padding:10px 24px;font-size:.875rem}.btn-lg{padding:14px 28px;font-size:.9375rem}#hero .text-label{margin-bottom:28px!important}#hero .text-display-xl{margin-bottom:32px!important;line-height:1.15!important}#hero .text-body-lg{margin-bottom:48px!important}#hero>.container>div>div[style*="gap: 16px"]{gap:20px!important}#hero>.container>div:last-child p{margin-top:72px!important}}@media (width<=480px){:root{--space-section:60px}html{font-size:14px}.text-display-xl{font-size:clamp(1.75rem,7vw,2rem)}.text-display{font-size:clamp(1.5rem,6vw,1.75rem)}.text-h1{font-size:clamp(1.25rem,5vw,1.5rem)}.text-h2{font-size:clamp(1.125rem,4vw,1.375rem)}.text-h3{font-size:1rem}.btn{padding:8px 20px;font-size:.8125rem}.btn-lg{padding:12px 24px;font-size:.875rem}#hero .text-label{margin-bottom:32px!important}#hero .text-display-xl{margin-bottom:36px!important;line-height:1.2!important}#hero .text-body-lg{margin-bottom:56px!important}#hero>.container>div>div[style*="gap: 16px"]{gap:24px!important}#hero>.container>div:last-child p{margin-top:80px!important}}
