*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Vazirmatn,Arial,sans-serif;background:#f7f7f7;color:#111}body{display:flex;align-items:center;justify-content:center;padding:24px}.card{width:min(430px,100%);background:#fff;border:1px solid #e5e5e5;border-radius:20px;padding:30px;box-shadow:0 18px 50px rgba(0,0,0,.08)}.logo{text-align:center;font-size:28px;font-weight:800;letter-spacing:-.5px}.line{height:1px;background:#eee;margin:22px 0 28px}h1{margin:0 0 8px;font-size:25px}p.sub{margin:0 0 24px;color:#777;font-size:14px;line-height:1.8}form{display:flex;flex-direction:column;gap:8px}label{font-size:13px;font-weight:600;margin-top:7px}input{width:100%;height:46px;border:1px solid #ddd;border-radius:11px;padding:0 13px;font:inherit;outline:none;background:#fff;color:#111}input:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.06)}button{height:46px;border:0;border-radius:11px;background:#111;color:#fff;font:inherit;font-weight:700;cursor:pointer;margin-top:12px}button:disabled{opacity:.55;cursor:not-allowed}.login{text-align:center;margin-top:20px;color:#777;font-size:13px}.login a{color:#111;font-weight:700;text-decoration:none}.message{min-height:24px;margin-top:14px;font-size:13px;line-height:1.8}.message.error{color:#b42318}.message.success{color:#147a42}@media(max-width:480px){body{padding:14px}.card{padding:22px;border-radius:16px}}