*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{margin:0;min-height:100vh;background-color:#09090b;color:#fafafa}.glass-panel{background:#18181b99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out forwards}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:pulse 2s infinite}.grid-pattern{background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);mask-image:radial-gradient(circle at center,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%)}.text-gradient{background:linear-gradient(135deg,#06b6d4,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}