.signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1000px 500px at 20% 10%,rgba(96,165,250,.12),transparent),radial-gradient(900px 500px at 80% 90%,rgba(37,99,235,.1),transparent),linear-gradient(135deg,#111827,#1e3a8a);color:#f8fafc;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:24px}.signup-card{width:100%;max-width:430px;border-radius:18px;padding:34px 28px;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 12px 40px rgba(0,0,0,.45);animation:signup-fade .5s ease-out both}.signup-card h1{font-size:1.8rem;font-weight:700;margin:0 0 6px;letter-spacing:.3px}.signup-sub{color:#cbd5e1;margin:0 0 20px;font-size:.98rem}.signup-form{display:flex;flex-direction:column;gap:10px}.signup-form label{font-size:.95rem;font-weight:600;color:#e2e8f0;margin-top:6px}.signup-form input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.08);color:#f1f5f9;font-size:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.signup-form input::placeholder{color:#94a3b8}.signup-form input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.15)}.signup-error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);color:#fecaca;font-size:.92rem;padding:10px 12px;border-radius:10px;margin-top:6px}.signup-button{margin-top:8px;width:100%;padding:12px 16px;border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;color:#fff;background:linear-gradient(90deg,#2563eb,#60a5fa);box-shadow:0 0 18px rgba(37,99,235,.35);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.signup-button:hover{transform:translateY(-2px);box-shadow:0 0 26px rgba(96,165,250,.55)}.signup-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.signup-footer{margin-top:14px;color:#94a3b8;font-size:.95rem;text-align:center}.signup-footer a{color:#60a5fa;font-weight:700;text-decoration:none}.signup-footer a:hover{text-decoration:underline}@keyframes signup-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.signup-card{padding:28px 22px}.signup-card h1{font-size:1.55rem}}