:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent-primary: #38bdf8;--accent-secondary: #0ea5e9;--accent-gradient: linear-gradient(135deg, #38bdf8, #0ea5e9);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: 10px;--font-main: "Inter", system-ui, -apple-system, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--max-width: 1200px;--header-height: 80px}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:var(--accent-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-secondary)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-sm)}.section{padding:var(--spacing-lg) 0;scroll-margin-top:100px}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:1rem;padding:var(--spacing-md)}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-block;padding:.8rem 1.6rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-2px)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.fade-in{animation:fadeIn 1s ease-in}@media(pointer:fine){body,a,button,.btn{cursor:none}}@media(max-width:768px){.desktop-nav{display:none!important}.mobile-menu-btn{display:block!important}.section{padding:var(--spacing-md) 0}h1{font-size:2.5rem!important}h2{font-size:2rem!important}}