:root{--color-bg: #000000;--color-surface: rgba(255, 255, 255, .05);--color-border: rgba(255, 255, 255, .1);--color-text: rgba(255, 255, 255, .87);--color-text-muted: #8e8e93;--color-primary: #007aff;--color-secondary: #5856d6;--color-accent: #ff2d55;--color-success: #30d158;--color-error: #ff453a;--radius-lg: 32px;--radius-md: 16px;--radius-sm: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at top center,#0a0a0a 0%,var(--color-bg) 100%);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,.min-h-screen{min-height:100vh}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.mx-auto{margin-left:auto;margin-right:auto}.gap-2{gap:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-left:.5rem;padding-right:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.w-full{width:100%}.w-4{width:1rem}.w-12{width:3rem}.w-16{width:4rem}.w-24{width:6rem}.w-64{width:16rem}.h-4{height:1rem}.h-12{height:3rem}.h-16{height:4rem}.h-24{height:6rem}.h-64{height:16rem}.max-w-sm{max-width:24rem}.top-\[-10\%\]{top:-10%}.right-\[-10\%\]{right:-10%}.bottom-\[-10\%\]{bottom:-10%}.left-\[-10\%\]{left:-10%}.bottom-0{bottom:0}.right-0{right:0}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:var(--radius-md)}.rounded-3xl{border-radius:1.5rem}.rounded-\[32px\]{border-radius:var(--radius-lg)}.bg-white{background-color:#fff}.bg-white\/5{background-color:#ffffff0d}.bg-green-500{background-color:var(--color-success)}.bg-red-500{background-color:var(--color-error)}.bg-red-500\/10{background-color:#ff453a1a}.bg-blue-600\/10{background-color:#007aff1a}.bg-purple-600\/10{background-color:#5856d61a}.bg-gradient-to-br{background:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-tr{background:linear-gradient(to top right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from: var(--color-primary);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.to-purple-500,.to-purple-600{--tw-gradient-to: var(--color-secondary)}.text-white{color:#fff}.text-black{color:#000}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-blue-400{color:#60a5fa}.text-blue-500{color:var(--color-primary)}.text-red-400{color:#f87171}.text-red-500{color:var(--color-error)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.tracking-tight{letter-spacing:-.025em}.border{border-width:1px}.border-4{border-width:4px}.border-red-500\/20{border-color:#ff453a33}.border-\[\#121212\]{border-color:#121212}.p-1\.5{padding:.375rem}.p-4{padding:1rem}.shadow-xl{box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0003}.shadow-2xl{box-shadow:0 25px 50px -12px #0006}.shadow-blue-500\/20{--tw-shadow-color: rgba(0, 122, 255, .2)}.blur-\[100px\]{filter:blur(100px)}.pointer-events-none{pointer-events:none}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.15s}.transition-transform{transition-property:transform;transition-duration:.15s}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.active\:scale-95:active{transform:scale(.95)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.glass{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border)}.premium-gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 5s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}