:root{--primary-pink:#1a0b2e;--accent-pink:#f06292;--dark-purple:#c5a059;--soft-purple:#ffffff0d;--gold:gold;--text-dark:#e2d9f3;--glass:#0f0a1a99;--shadow:0 8px 32px 0 #f0629233}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{color:var(--text-dark);background-color:#0f0a1a;background-image:url(https://www.transparenttextures.com/patterns/stardust.png);flex-direction:column;min-height:100vh;display:flex}#root{flex-direction:column;min-height:100vh;display:flex}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);border:1px solid #ffffff2e;border-radius:24px;padding:2rem}.btn-primary{background:var(--accent-pink);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}.btn-primary:hover{background:#e91e63;transform:translateY(-2px);box-shadow:0 4px 15px #f0629266}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#f8bbd0;transform:none}.btn-secondary{width:100%;color:var(--dark-purple);border:2px solid var(--soft-purple);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}.btn-secondary:hover{background:var(--soft-purple);border-color:var(--accent-pink)}.input-group{text-align:left;margin-bottom:1.5rem}.input-group label{color:var(--dark-purple);margin-bottom:.5rem;font-size:.9rem;font-weight:700;display:block}.input-group input,.input-group select{border:2px solid var(--dark-purple);color:#fff;background:#00000080;border-radius:12px;outline:none;width:100%;padding:.8rem 1rem;font-family:Outfit,sans-serif;font-size:1rem;transition:all .3s}.input-group input:focus,.input-group select:focus{border-color:var(--accent-pink);box-shadow:0 0 0 3px #f0629233}.text-center{text-align:center}.text-pink{color:var(--accent-pink)}.text-purple{color:var(--dark-purple)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.5s forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}