:root{--primary:#8e44ad;--primary-light:#b875d1;--dark:#1a1a2e;--dark2:#16213e}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{align-items:center;background:linear-gradient(135deg,var(--dark),var(--dark2));color:#fff;display:flex;font-family:Segoe UI,Trebuchet MS,sans-serif;justify-content:center;min-height:100vh;overflow-y:auto;padding:24px 16px;position:relative}.orb{border-radius:50%;filter:blur(90px);opacity:.25;pointer-events:none;position:fixed;z-index:0}.orb-1{background:#8e44ad;height:400px;right:-80px;top:-80px;width:400px}.orb-2{background:#3498db;bottom:-80px;height:350px;left:-80px;width:350px}.orb-3{background:#e74c3c;height:300px;left:50%;top:40%;transform:translate(-50%,-50%);width:300px}.container{align-items:center;display:flex;justify-content:center;position:relative;width:100%;z-index:1}.card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:24px;box-shadow:0 20px 60px rgba(142,68,173,.35),0 0 0 1px hsla(0,0%,100%,.04);max-width:480px;padding:52px 48px;width:100%}.logo{filter:drop-shadow(0 4px 16px rgba(142,68,173,.6));font-size:56px;margin-bottom:16px}.logo,h1{text-align:center}h1{background:linear-gradient(135deg,#b875d1,#5dade2);background-clip:text;-webkit-background-clip:text;font-size:2rem;font-weight:800;-webkit-text-fill-color:transparent;letter-spacing:-.5px;margin-bottom:8px}p{color:#9ba3af;font-size:.95rem;margin-bottom:36px;text-align:center}.input-group{margin-bottom:20px}label{color:#c4c9d4;display:block;font-size:.875rem;font-weight:500;letter-spacing:.3px;margin-bottom:8px}input{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;color:#fff;font-size:1rem;outline:none;padding:14px 16px;transition:border-color .25s,background .25s;width:100%}input::placeholder{color:#5a6070}input:focus{background:hsla(0,0%,100%,.1);border-color:var(--primary-light)}button[type=submit]{background:linear-gradient(135deg,#8e44ad,#3498db);border:none;border-radius:14px;box-shadow:0 4px 20px rgba(142,68,173,.4);color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;letter-spacing:.4px;margin-top:8px;padding:15px;transition:transform .25s,box-shadow .25s;width:100%}button[type=submit]:hover{box-shadow:0 8px 28px rgba(142,68,173,.55);transform:translateY(-3px)}button[type=submit]:disabled{cursor:not-allowed;opacity:.6;transform:none}.link{color:#9ba3af;font-size:.9rem;margin-top:28px;text-align:center}.link a{color:var(--primary-light);font-weight:600;text-decoration:none}.link a:hover{text-decoration:underline}@media (max-width:520px){.card{border-radius:18px;padding:36px 24px}h1{font-size:1.6rem}.logo{font-size:44px}input{padding:12px 14px}button[type=submit]{font-size:1rem;padding:13px}}