*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#222;background:#f5f6f8;font-family:Arial,Helvetica,sans-serif}button,input,textarea{font-family:inherit}.auth-page{background:#fff;min-height:100vh;display:flex}.auth-info{background:#000;justify-content:center;align-items:center;width:50%;min-height:100vh;padding:50px;display:flex}.auth-info-content{color:#fff;width:100%;max-width:480px}.auth-info-content h1{letter-spacing:-1px;margin:0 0 22px;font-size:52px;font-weight:700;line-height:1.1}.auth-info-content p{color:#d9e0e7;max-width:420px;margin:0;font-size:18px;line-height:1.6}.auth-form-side{justify-content:center;align-items:center;width:50%;min-height:100vh;padding:40px;display:flex}.auth-card{background:#fff;width:100%;max-width:430px}.form-heading{margin-bottom:28px}.form-heading h2{color:#222;margin:0 0 8px;font-size:30px;font-weight:700;line-height:1.2}.form-heading p{color:#6b7280;margin:0;font-size:15px}.form-group{margin-bottom:19px}.form-group label{color:#303640;margin-bottom:7px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group textarea{color:#222;background:#fff;border:1px solid #cfd4da;border-radius:6px;outline:none;width:100%;padding:12px 13px;font-size:15px;transition:border-color .15s}.form-group input{height:45px}.form-group textarea{resize:vertical;min-height:80px}.form-group input:focus,.form-group textarea:focus{border-color:#000}.form-group input::placeholder,.form-group textarea::placeholder{color:#9aa1a9}.form-group small{color:#737b84;margin-top:5px;font-size:12px;line-height:1.4;display:block}.auth-button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:6px;width:100%;height:46px;margin-top:5px;font-size:15px;font-weight:600}.auth-button:hover{background:#1c2938}.auth-button:disabled{cursor:not-allowed;background:#8993a0}.auth-error{color:#b42318;background:#fff5f5;border:1px solid #e7b8b8;border-radius:6px;margin-bottom:20px;padding:11px 13px;font-size:13px;line-height:1.5}.auth-success{color:#21733a;background:#f3fbf5;border:1px solid #b8ddc3;border-radius:6px;margin-bottom:20px;padding:11px 13px;font-size:13px;line-height:1.5}.auth-footer{color:#6b7280;justify-content:center;align-items:center;gap:5px;margin-top:24px;font-size:14px;display:flex}.auth-footer a{color:#000;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.register-card{max-width:460px}@media (width<=800px){.auth-page{display:block}.auth-info{width:100%;min-height:auto;padding:35px 25px}.auth-info-content{max-width:600px}.auth-info-content h1{margin-bottom:12px;font-size:36px}.auth-info-content p{font-size:15px}.auth-form-side{width:100%;min-height:auto;padding:40px 25px}.auth-card{max-width:500px}}