:root{--color-brand-purple:#7c3aed;--color-brand-blue:#3b82f6;--color-brand-pink:#ec4899}body{font-family:var(--font-family-sans);color:#f1f5f9;background:linear-gradient(135deg,#0f0c29 0%,#1a1145 30%,#1e3a5f 70%,#24243e 100%);min-height:100vh;margin:0}.glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff1f}.glass-strong{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffff1f;border:1px solid #ffffff2e}.gradient-text{background:linear-gradient(135deg,#7c3aed,#3b82f6,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-gradient{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#3b82f6);border:none;border-radius:12px;padding:12px 28px;transition:all .2s;font-size:1rem;font-weight:600;box-shadow:0 4px 15px #7c3aed4d}.btn-gradient:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed73}.btn-gradient:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-outline{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:12px;padding:12px 28px;transition:all .2s;font-size:1rem;font-weight:600}.btn-outline:hover{background:#ffffff14;border-color:#fff6}.input-glass{color:#fff;outline:none;background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;width:100%;padding:12px 16px;transition:border-color .2s;font-size:1rem}.input-glass::placeholder{color:#fff6}.input-glass:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #7c3aed33}50%{box-shadow:0 0 30px #7c3aed66}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}