@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Inter:wght@300;400;500;600&display=swap";:root{--color-deep-ocean: #0a1628;--color-midnight: #1a1a2e;--color-navy: #16213e;--color-steel-blue: #1e3a5f;--color-teal: #06b6d4;--color-teal-glow: #22d3ee;--color-purple: #8b5cf6;--color-purple-deep: #6d28d9;--color-pink: #ec4899;--color-coral: #f472b6;--color-bioluminescent: #34d399;--bg-primary: var(--color-deep-ocean);--bg-surface: rgba(26, 26, 46, .6);--bg-glass: rgba(255, 255, 255, .05);--border-glass: rgba(255, 255, 255, .1);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .4);--font-heading: "Cormorant Garamond", "Georgia", serif;--font-body: "Inter", "system-ui", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--glass-blur: 16px;--glass-bg: rgba(255, 255, 255, .05);--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--color-teal);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-teal-glow)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::selection{background:#8b5cf666;color:#fff}:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.section{padding:var(--space-2xl) var(--space-lg);max-width:1400px;margin:0 auto}.section-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3.5rem);font-weight:300;text-align:center;margin-bottom:var(--space-xl);background:linear-gradient(135deg,var(--color-purple),var(--color-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:300;line-height:1.2;letter-spacing:.02em}h1{font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.125rem,2vw,1.5rem)}p{font-size:clamp(.9rem,1.5vw,1.1rem);color:var(--text-secondary);max-width:65ch}.text-gradient{background:linear-gradient(135deg,var(--color-purple),var(--color-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 40px rgba(139,92,246,.5),0 0 80px rgba(6,182,212,.2)}.uppercase-spaced{text-transform:uppercase;letter-spacing:.3em;font-family:var(--font-body);font-size:clamp(.7rem,1.2vw,.9rem);font-weight:400;color:var(--text-muted)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);padding:var(--space-lg);transition:transform .4s var(--ease-out-expo),box-shadow .4s ease,border-color .4s ease}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #8b5cf626,0 0 0 1px #8b5cf633;border-color:#8b5cf64d}.glass-button{background:#8b5cf626;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:.75rem 1.5rem;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;font-weight:500;letter-spacing:.05em;transition:all .3s ease;cursor:pointer}.glass-button:hover{background:#8b5cf64d;border-color:#8b5cf680;box-shadow:0 0 20px #8b5cf633;transform:translateY(-2px)}.glass-button:active{transform:translateY(0)}.glass-button--primary{background:linear-gradient(135deg,#8b5cf666,#06b6d466);border-color:#8b5cf666}.glass-button--primary:hover{background:linear-gradient(135deg,#8b5cf699,#06b6d499)}.glass-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem 1rem;color:var(--text-primary);font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.glass-input:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.glass-input::placeholder{color:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8b5cf633}50%{box-shadow:0 0 40px #8b5cf666,0 0 80px #06b6d41a}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scroll-bounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.5}}.animate-fade-in-up{animation:fadeInUp .8s var(--ease-out-expo) forwards}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.stagger-children>*{opacity:0;animation:fadeInUp .6s var(--ease-out-expo) forwards}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.stagger-children>*:nth-child(6){animation-delay:.6s}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.reveal.visible{opacity:1;transform:translateY(0)}
