:root{--bg-color:#0b0f19;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#38bdf8;--accent-glow:#38bdf880;--glass-bg:#0f172a99;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#38bdf814,#0000 25%),radial-gradient(circle at 85% 30%,#8b5cf614,#0000 25%);background-attachment:fixed;font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s}.glass-panel:hover{box-shadow:0 10px 30px #00000080, 0 0 20px var(--accent-glow);transform:translateY(-5px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-fade-in{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}