:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#332d36}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 10%,#fff 0,#fff4f4 28%,#fae9ec 100%);min-height:100vh}.login-shell{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(460px,100%);background:#fffdfd;border:1px solid #f1e2e5;border-radius:24px;padding:45px 39px 30px;box-shadow:0 28px 65px #90516614;text-align:center}.mark{font-size:56px;color:#ce91a1;text-shadow:4px -4px 0 #f0cbd3;line-height:1}h1{font:normal 40px Georgia,serif;letter-spacing:-1.2px;margin:9px 0 3px}.sub{color:#bd7689;font:14px Georgia,serif}.line{width:64px;height:1px;background:#e9cbd3;margin:30px auto}h2{font-size:22px;margin:0 0 7px}p{color:#8c7d83;font-size:14px;line-height:1.5;margin:0 0 27px}form{text-align:left}label{display:block;color:#725965;font-size:13px;font-weight:600;margin-bottom:8px}input{width:100%;border:1px solid #e6d6db;background:#fff;border-radius:11px;padding:14px 13px;font-size:15px}input:focus{outline:3px solid #f5dfe5;border-color:#bb7488}button{width:100%;margin-top:12px;padding:15px;border:0;background:linear-gradient(100deg,#b9607a,#c58191);border-radius:11px;color:white;font-size:15px;font-weight:700;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.error{color:#aa2e48;font-size:12px;min-height:16px;margin-top:9px}.login-foot{margin-top:24px;padding-top:19px;border-top:1px solid #f4e6e8;color:#a89aa0;font-size:12px}@media(max-width:430px){.login-card{padding:35px 22px 24px}h1{font-size:36px}}

@media(max-width:750px){input{font-size:16px}.login-shell{padding:14px}}
@media(max-width:380px){.login-card{padding:30px 18px 22px}h1{font-size:31px}}

/* Тёплая тёмная тема для входа в кабинет. */
:root{color-scheme:dark;color:#f7f2eb}
body{background:radial-gradient(circle at 50% 0,#3b322c 0,#24211f 55%,#1d1b19 100%)}
.login-card{background:#2e2925;border-color:#5a4b3e;box-shadow:0 28px 70px rgba(0,0,0,.3)}
.mark{color:#d9b58c;text-shadow:4px -4px 0 #69513c}
h1,h2{color:#faf3e9}.sub{color:#d5b48b}.line{background:#80694d}
p,.login-foot{color:#c6b7a8}label{color:#e0c7a6}
input{background:#3b332d;border-color:#76614c;color:#fff8ed}
input:focus{outline:3px solid #8a6d4c;border-color:#e4bf8f}
input::placeholder{color:#b4a494}
button{background:#e3c293;color:#211b17}button:hover{background:#f0d4aa}
.error{color:#ffc4b8}.login-foot{border-color:#51473c}

.mark-logo{display:block;width:72px;height:72px;margin:0 auto 8px;border-radius:16px}
h1{font-size:clamp(28px,7vw,38px);line-height:1.12;letter-spacing:-.04em;overflow-wrap:anywhere}
.text-button{display:inline-block;width:auto;margin:16px auto 0;padding:8px 4px;background:none;color:#e1c393;font-size:14px;border:0;text-decoration:underline;text-underline-offset:3px}
.text-button:hover{background:none;color:#f4ddba}
.text-button:disabled{opacity:.55}
.notice-message{min-height:1em;margin-top:10px;color:#e8d2b4;font-size:13px;line-height:1.45}
.login-link{display:inline-block;margin-top:18px;color:#e1c393;font-size:14px}
.second-label{margin-top:18px}
@media(max-width:430px){.mark-logo{width:62px;height:62px}.login-card{padding:32px 22px 24px}}