*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0c1523;--bg-secondary: #101d2e;--bg-card: #132033;--bg-card-hover: #182840;--accent-blue: #3dada0;--accent-blue-dim: #2e8b84;--accent-purple: #2d3f55;--accent-gradient: linear-gradient(135deg, #3dada0 0%, #2d3f55 100%);--text-primary: #f0f4ff;--text-secondary: #8899b0;--text-muted: #4a5c72;--border-color: #1e3048;--border-accent: rgba(61, 173, 160, .3);--shadow-glow: 0 0 30px rgba(61, 173, 160, .15);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fira Code", "Cascadia Code", "Courier New", monospace;--nav-height: 72px;--section-padding: 100px 0;--container-max: 1200px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}img{max-width:100%;display:block}ul{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue-dim)}::selection{background:#3dada040;color:var(--text-primary)}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding)}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}*:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3dada04d}50%{box-shadow:0 0 40px #3dada099}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:1024px){:root{--section-padding: 80px 0}}@media(max-width:768px){:root{--section-padding: 60px 0;--nav-height: 64px}.container{padding:0 16px}}@media(max-width:480px){:root{--section-padding: 48px 0}}.app{min-height:100vh;background-color:var(--bg-primary)}