:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#050816;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;background:radial-gradient(circle at top right,#1a1b4b,#050816 60%);overflow-x:hidden}#root{width:100%}.glass{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px}.glass-card{background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:20px;transition:transform .3s ease,border-color .3s ease}.glass-card:hover{transform:translateY(-5px);border-color:#8b5cf666}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:12px 24px;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{transform:scale(1.05);box-shadow:0 6px 20px #8b5cf680}.text-gradient{background:linear-gradient(135deg,#fff 30%,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.float-anim{animation:float 6s ease-in-out infinite}