:root{color-scheme:light;font-family:"Segoe UI",Arial,sans-serif;color:#664b22;background:#fffaf0}
*{box-sizing:border-box}
body.nt-login{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:28px 18px;background:radial-gradient(ellipse at 10% 0%,#fff 0,transparent 56%),linear-gradient(155deg,#fffdf7 0%,#fff8e5 65%,#f0d284 100%);position:relative;isolation:isolate}
body.nt-login:before,body.nt-login:after{content:"";position:fixed;pointer-events:none;z-index:-1;left:-15%;width:135%;height:34vh;bottom:-18vh;border-radius:50% 50% 0 0;transform:rotate(-7deg);background:linear-gradient(130deg,#e8b84933,#d8ab3680)}
body.nt-login:after{left:-25%;bottom:-22vh;transform:rotate(9deg);background:linear-gradient(90deg,#ce931466,#f8dfa380)}
.login-panel{width:min(100%,610px);padding:30px 42px 32px;border:1px solid #e3d6bd;border-radius:26px;background:linear-gradient(160deg,#ffffffed,#ffffffbd);box-shadow:0 16px 48px #9a70111c,0 3px 12px #9a70110c;text-align:center;overflow:hidden}
.brand-logo{display:block;width:148px;height:148px;margin:0 auto 3px;object-fit:contain}
.login-brand h1{font-size:46px;line-height:1.14;letter-spacing:-1px;margin:0 0 10px;font-weight:750;color:#a76a09;background:linear-gradient(110deg,#d4a023,#8b4815);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.brand-caption{display:flex;align-items:center;gap:14px;margin:0;color:#79592b;font-size:20px;font-weight:600}
.brand-caption:before,.brand-caption:after,.companion:before,.companion:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#bd9347)}
.brand-caption:after,.companion:after{transform:rotate(180deg)}
.login-form{display:grid;gap:16px;margin-top:30px}
.login-field{display:flex;align-items:center;gap:14px;min-height:62px;padding:0 16px;border:1px solid #ded2b9;border-radius:12px;background:#fbf7ee;transition:border-color .15s,box-shadow .15s}
.login-field:focus-within{border-color:#b98206;box-shadow:0 0 0 3px #d8ab3626;background:#fffdf7}
.login-field>svg{flex:none;width:24px;height:24px;fill:#786140}
.login-field input{min-width:0;width:100%;font:inherit;font-size:18px;color:#3f3525;background:transparent;border:0;outline:0;padding:18px 0}
.login-field input::placeholder{color:#999184;opacity:1}
.password-field{padding-right:7px}
.password-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:#8b7e68;cursor:pointer}
.password-toggle:hover{background:#eedfbf}
.password-toggle svg{width:24px;height:24px}
.eye-slash{display:none}
.password-toggle[aria-pressed="true"] .eye-slash{display:block}
.login-submit{display:flex;align-items:center;justify-content:center;gap:14px;min-height:62px;padding:14px 20px;font:inherit;font-size:21px;font-weight:650;color:#fff;border:1px solid #b27b09;border-radius:12px;background:linear-gradient(115deg,#d4a02c,#ac7407);box-shadow:0 8px 20px #b982062b;cursor:pointer}
.login-submit:hover{background:linear-gradient(115deg,#c99320,#986605)}
.login-submit svg{width:27px;height:27px}
button:focus-visible{outline:3px solid #885a04;outline-offset:4px}
.login-error{padding:12px 14px;color:#9c2d20;background:#fff0ec;border:1px solid #e4b6af;border-radius:8px;text-align:left;font-size:15px}
.login-footer{margin-top:34px;color:#8b754f;font-size:15px}
.companion{display:flex;align-items:center;gap:14px;margin:0 0 20px}
.benefits{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;font-size:15px}
.benefits svg{flex:none;width:25px;height:25px;fill:#b98206}
.benefits b{padding:0 8px;font-weight:400;color:#b29154}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:520px){body.nt-login{padding:18px 12px}.login-panel{padding:24px 20px;border-radius:22px}.brand-logo{width:120px;height:120px}.login-brand h1{font-size:38px}.brand-caption{font-size:16px;gap:8px}.login-form{margin-top:26px;gap:14px}.login-field{min-height:56px;padding-left:12px;gap:10px}.login-field input{font-size:16px;padding:16px 0}.login-submit{min-height:56px;font-size:19px}.login-footer{margin-top:28px;font-size:13px}.companion{gap:8px}.benefits{gap:8px;font-size:13px}.benefits b{padding:0 4px}}
@media(max-height:700px) and (min-width:521px){body.nt-login{padding:16px}.login-panel{padding:20px 36px}.brand-logo{width:110px;height:110px}.login-brand h1{font-size:38px}.login-form{margin-top:22px}.login-footer{margin-top:24px}}