.auth-page{display:flex;align-items:center;justify-content:center;padding:28px;min-height:100vh;background:radial-gradient(ellipse at 5% 0%,#184a61 0,transparent 50%),radial-gradient(ellipse at 100% 100%,#08708b55 0,transparent 55%),linear-gradient(130deg,#102e41,#10222e 60%,#0c3043);color:#ecf4f8}.auth-card{width:min(620px,100%);padding:35px 42px 25px;background:linear-gradient(130deg,#376a804f,#153e564f);border:1px solid #c6e7f52e;border-radius:20px;box-shadow:0 25px 80px #0004,inset 0 1px 0 #e1f2ff0d;backdrop-filter:blur(20px)}.auth-brand{display:grid;grid-template-columns:112px 1fr 112px;gap:16px;align-items:center;text-align:center;padding:0 0 25px;border-bottom:1px solid #cae3ec26;margin-bottom:29px}.auth-brand img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 4px 9px #0003)}.auth-name{font-size:2rem;font-weight:700;white-space:nowrap;letter-spacing:.02em;color:#fff}.auth-name span{font-weight:200;color:#ffffff80;font-size:1.8rem;margin:0 8px}.auth-name .auth-initials{font-size:.625em;font-weight:600;letter-spacing:.04em}.auth-brand p{margin:7px 0 0;font-size:.875rem;color:#c4dce7}.auth-heading{text-align:center;margin-bottom:26px}.auth-heading h1{font-size:1.6rem;letter-spacing:-.025em;margin:0 0 9px;color:#fff}.auth-heading p,.auth-card>p{font-size:.875rem;color:#b3ccd8}.auth-form{display:grid;gap:20px}.auth-form label{color:#d4e4ec;font-size:.875rem}.auth-form input{background:#0d2d4070;border-color:#678b9c66;color:white;min-height:49px}.auth-form input:focus{border-color:#4bb6d8;box-shadow:0 0 0 3px #4bb6d821}.auth-form .input-icon{position:relative}.auth-form .input-icon .icon{position:absolute;left:14px;top:22px;color:#92b6c7}.auth-form .input-icon input{padding-left:44px}.auth-form .button.primary{min-height:47px;background:linear-gradient(110deg,#147bab,#11a0bf);box-shadow:0 5px 20px #05203540}.auth-form .button.primary:hover{background:#147bab}.auth-form .save-status{color:#c5e0ea}.auth-footer{border-top:1px solid #b9d5e326;display:flex;gap:8px;align-items:center;color:#abc6d4;font-size:.75rem;margin-top:25px;padding-top:20px}.auth-footer .icon{width:14px;height:14px}.auth-footer>span{margin-left:auto}.install-card{width:min(790px,100%)}.install-card .auth-brand{max-width:536px;margin-left:auto;margin-right:auto}.install-card>h1{text-align:center;font-size:1.5rem}.install-card>p{text-align:center}.auth-note{font-size:.8125rem;color:#b9d3df;margin-bottom:0}.auth-form.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
body.auth-page{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.5;margin:0}.auth-page main.auth-card{margin:0;max-width:620px}.auth-page .auth-form label{margin:0;font-weight:500}.auth-page .auth-form input{margin-top:7px;border:1px solid #678b9c66;border-radius:8px;padding:12px 14px 12px 44px;width:100%;font-size:14px;line-height:1.5}.auth-page .auth-form .button{font-size:14px;font-weight:650;line-height:1.3;padding:10px 15px;border-radius:8px;display:flex;justify-content:center;align-items:center;gap:8px}.auth-page .icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.auth-page .auth-name{letter-spacing:.02em}.auth-page .auth-form .save-status:empty{display:none}.auth-page .auth-note{margin:20px 0 0;font-size:12px;color:#b9d3df;line-height:1.6}.auth-page .error{background:#8b283c35;border-color:#d6707c66;color:#ffe0e5}.auth-page .auth-heading p{margin:0;line-height:1.6}.auth-page .auth-heading h1{font-weight:700}.auth-page .auth-footer{padding:20px 0 0;max-width:none;margin:25px 0 0;font-size:12px}.auth-page .auth-form input:focus{outline:none}.auth-page .auth-name .auth-initials{font-size:.625em}
@media(max-width:600px){body.auth-page{padding:18px}.auth-page main.auth-card{padding:26px 22px 20px}.auth-brand{grid-template-columns:70px 1fr 70px;gap:8px}.auth-brand img{width:70px;height:70px}.auth-name{font-size:1.6rem}.auth-brand p{font-size:.75rem}.auth-name span{margin:0 3px;font-size:1.3rem}.auth-footer{font-size:.6875rem}}@media(max-width:380px){.auth-brand{grid-template-columns:55px 1fr 55px}.auth-brand img{width:55px;height:60px}.auth-page main.auth-card{padding:23px 17px}.auth-name{font-size:1.4rem}.auth-brand p{font-size:.6875rem}}