:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-elevated: #334155;--color-border: rgba(248, 250, 252, .08);--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-accent: #06b6d4;--color-accent-sky: #0ea5e9;--color-accent-light: #38bdf8;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .2s;--duration-normal: .35s;--duration-slow: .5s;--section-padding: clamp(1.5rem, 4vw, 2.5rem);--content-max: 720px;--header-height-mobile: 60px;--header-height-desktop: 68px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:100%;-webkit-text-size-adjust:100%;scrollbar-gutter:stable;scroll-padding-top:var(--header-height-mobile)}@media (min-width: 768px){html{scroll-padding-top:var(--header-height-desktop)}}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);z-index:10000;padding:12px 24px;font-size:1rem;font-weight:600;color:var(--color-bg);background:var(--color-accent);border-radius:var(--radius-md);text-decoration:none;transition:top .2s var(--ease)}.skip-link:focus{top:16px;outline:2px solid var(--color-text);outline-offset:2px}@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{font-family:Outfit,Segoe UI,system-ui,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%;max-width:100vw}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(6,182,212,.15),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(14,165,233,.08),transparent),radial-gradient(ellipse 60% 40% at 0% 80%,rgba(56,189,248,.06),transparent);pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden}main#main-content{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;padding-top:var(--header-height-mobile)}@media (min-width: 768px){main#main-content{padding-top:var(--header-height-desktop)}}img{max-width:100%;height:auto}@media (pointer: coarse){button,.skip-link,header a[href]{min-height:44px}}@media (max-width: 480px){html{font-size:15px}}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.animate-in{opacity:0;transform:translateY(24px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.animate-in.is-visible{opacity:1;transform:translateY(0)}.animate-in-delay-1{transition-delay:.08s}.animate-in-delay-2{transition-delay:.16s}.animate-in-delay-3{transition-delay:.24s}.animate-in-delay-4{transition-delay:.32s}.animate-in-delay-5{transition-delay:.4s}.animate-in-delay-6{transition-delay:.48s}.animate-in-delay-7{transition-delay:.56s}.animate-in-delay-8{transition-delay:.64s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #06b6d433}50%{box-shadow:0 0 40px #06b6d459}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}