body{font-family:Inter,system-ui,Arial;background:#f4f6fb;margin:0}.app-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.card{width:420px;background:#fff;padding:30px;border-radius:14px;box-shadow:0 10px 25px #00000014}input{width:100%;padding:12px;margin-top:6px;margin-bottom:14px;border-radius:8px;border:1px solid #dcdcdc;font-size:14px;transition:.2s}input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}button{padding:10px 18px;border-radius:8px;border:none;cursor:pointer;font-weight:600;margin-right:10px}button:disabled{opacity:.5;cursor:not-allowed}button[type=button]{background:#4f46e5;color:#fff}button[type=button]:hover:not(:disabled){background:#4338ca}.error{color:#dc2626;font-size:13px;margin-top:-8px;margin-bottom:10px}.progress-container{background:#eee;height:8px;border-radius:10px;margin-bottom:20px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#6366f1,#4f46e5);transition:width .3s ease}