:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#1b2540;background:#f4f6fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:30px}main{width:440px;max-width:100%;background:white;border:1px solid #e4e8f1;border-radius:20px;padding:42px;box-shadow:0 18px 60px #16204509}.mark{background:#4f46e5;color:white;font-size:30px;width:48px;height:48px;display:grid;place-items:center;border-radius:13px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#68748b;margin-top:28px}h1{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:15px 0}.intro{font-size:14px;color:#68748b;line-height:1.7}form{margin-top:28px}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}input{width:100%;height:44px;border:1px solid #d4dbe8;border-radius:8px;padding:10px;font:inherit}input:focus{outline:3px solid #e2e0ff;border-color:#4f46e5}button{margin-top:26px;border:0;border-radius:8px;background:#4f46e5;color:white;font:600 14px inherit;width:100%;height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#error{color:#b33343;font-size:13px;line-height:1.4;min-height:18px}.foot{font-size:11px;color:#8993a8;border-top:1px solid #edf0f5;padding-top:18px;line-height:1.7}
