:root{--primary:#8e44ad;--primary-light:#b875d1;--dark:#1a1a2e;--text:#ecf0f1}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:var(--dark);color:#fff;font-family:Segoe UI;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:24px 16px}.container,body{display:flex;justify-content:center}.container{padding:0;width:100%}.card{backdrop-filter:blur(15px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 10px 40px rgba(142,68,173,.4);max-width:450px;padding:40px;width:100%}.logo{font-size:50px;margin-bottom:15px}.logo,h1{text-align:center}h1{background:linear-gradient(135deg,#8e44ad,#3498db);background-clip:text;-webkit-background-clip:text;margin-bottom:10px;-webkit-text-fill-color:transparent}p{color:#bbb;margin-bottom:30px;text-align:center}.input-group{margin-bottom:20px}label{display:block;margin-bottom:8px}input{background:hsla(0,0%,100%,.08);border:none;border-radius:12px;color:#fff;outline:none;padding:15px;width:100%}input:focus{border:1px solid var(--primary-light)}button{background:linear-gradient(135deg,#8e44ad,#3498db);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:17px;margin-top:10px;padding:15px;transition:.3s;width:100%}button:hover{transform:translateY(-3px)}.link{margin-top:25px;text-align:center}.link a{color:#b875d1;text-decoration:none}.orb{border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.orb-1{background:#8e44ad;height:300px;right:-50px;top:-50px;width:300px}.orb-2{background:#3498db;bottom:-50px;height:250px;left:-50px;width:250px}.orb-3{background:#e74c3c;height:200px;left:50%;top:50%;width:200px}@media (max-width:500px){.card{border-radius:14px;padding:28px 20px}h1{font-size:1.5rem}input{font-size:.95rem;padding:12px}button{font-size:1rem;padding:13px}}