.login-page{background:#fffdfb}.login-layout{display:grid;grid-template-columns:minmax(350px,1fr) minmax(380px,1fr);min-height:100dvh;max-width:none;margin:0;padding:0}.login-story{position:relative;display:flex;flex-direction:column;padding:45px 12%;background:linear-gradient(145deg,#fff3e6,#f7dfc8);overflow:hidden}.login-brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:750;letter-spacing:-1px}.login-mark{display:grid;place-items:center;background:#fff8f0;width:42px;height:42px;border-radius:12px;font-size:32px;color:#b95a26}.story-copy{margin:auto 0;padding:60px 0 20px;position:relative}.login-eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:650;color:#9d6742}.story-copy h1{font-size:clamp(35px,4.2vw,62px);line-height:1.1;letter-spacing:-2px;font-weight:650;color:#543b2a;margin:23px 0}.story-copy>p{font-size:16px;line-height:1.8;color:#85694f;max-width:340px}.story-art{height:245px;position:relative;max-width:330px;margin-top:30px}.story-circle{position:absolute;border-radius:50%;width:260px;height:260px;border:1px solid #dcb18a;left:35px;top:-5px}.story-circle:before{content:"";position:absolute;inset:25px;border:1px solid #e6c8a9;border-radius:50%}.story-sheet{position:absolute;width:200px;height:218px;top:10px;left:55px;background:#fffbf5;border-radius:16px;transform:rotate(-8deg);box-shadow:0 15px 45px #7d49161a;padding:23px}.sheet-icon{display:grid;place-items:center;background:#fce7d4;color:#b56935;width:33px;height:33px;border-radius:9px;font-weight:700;margin-bottom:14px}.sheet-line{height:7px;width:130px;background:#e7d9c9;border-radius:6px;margin:8px 0}.sheet-line.short{width:75px;background:#f0e4d6}.sheet-row{display:flex;gap:10px;align-items:center;margin-top:14px}.sheet-row i{width:18px;height:18px;border-radius:50%;background:#e8efdf;color:#7e9469;display:grid;place-items:center;font-size:10px;font-style:normal}.sheet-row span{width:105px;height:5px;border-radius:5px;background:#eee2d3}.story-label{position:absolute;bottom:15px;right:-10px;transform:rotate(5deg);background:#fff9f1;border:1px solid #f5e8d9;padding:17px 23px;border-radius:12px;box-shadow:0 8px 30px #81512215;color:#8e653f;font-size:12px}.story-footer{font-size:11px;color:#987a5e;margin-top:35px}.login-form-section{position:relative;padding:70px 45px;display:flex;align-items:center;justify-content:center;flex-direction:column}.login-form-wrap{width:100%;max-width:365px}.login-form-wrap h2{font-size:29px;line-height:1.25;letter-spacing:-.8px;margin:18px 0 12px;font-weight:650}.login-intro{font-size:14px;color:#7e746b;line-height:1.7;margin-bottom:34px}.login-field{margin:22px 0}.login-field label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.login-field input{display:block;width:100%;height:50px;border:1px solid #ded6cc;border-radius:9px;padding:13px 15px;background:#fffdfb;color:#393029;font-size:14px}.login-field input::placeholder{color:#a0968b}.login-field input:focus{outline:2px solid #c36b36;outline-offset:2px}.password-wrap{position:relative}.password-wrap input{padding-right:85px}.password-wrap button{position:absolute;top:4px;right:5px;height:42px;border:0;background:transparent;color:#a3572b;font-size:12px;padding:0 11px;border-radius:6px}.login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:50px;border:0;border-radius:9px;background:#b85324;color:#fff;padding:0 18px;font-size:14px;font-weight:600;margin-top:28px;box-shadow:0 5px 12px #a6541720}.login-submit:hover{background:#a1471d}.login-submit:disabled{opacity:.7;cursor:wait}.login-progress{font-size:12px;color:#8b674d}.login-assistance{display:flex;gap:10px;border-top:1px solid #eee7df;padding-top:24px;margin-top:30px;color:#8c7b69}.login-assistance>span{font-size:17px}.login-assistance p{font-size:12px;line-height:1.8;margin:0}.login-development{font-size:11px;line-height:1.8;color:#938575;background:#faf5ee;padding:13px 15px;border-radius:8px;margin-top:26px}.login-development a{color:#9f5127;text-decoration:underline;text-underline-offset:3px}.login-footer{font-size:11px;color:#a2917f;position:absolute;bottom:26px}.login-error{padding:14px 16px;border:1px solid #e7b9a5;background:#fff1e9;border-radius:9px;font-size:12px;color:#944427}.login-error p{margin:5px 0 0;line-height:1.6}.session-user{font-size:12px;color:#7f6e5e;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{border:1px solid #ead9ca;background:#fff8f0;padding:9px 12px;min-height:42px;border-radius:8px;font-size:12px;color:#9e5027}.topbar-actions form{margin:0}@media(max-width:950px){.login-story{padding:35px 10%}.login-form-section{padding:55px 30px}.story-copy h1{font-size:44px}}@media(max-width:720px){.login-layout{display:block;min-height:100dvh}.login-story{padding:24px;background:#fff1e2;min-height:auto}.login-brand{font-size:24px}.login-mark{width:35px;height:35px}.story-copy{padding:24px 0 0}.story-copy h1{font-size:30px;letter-spacing:-1px;margin:12px 0}.story-copy h1 br{display:none}.story-copy>p{font-size:13px;line-height:1.6;max-width:none;margin-bottom:0}.story-copy .login-eyebrow,.story-art,.story-footer{display:none}.login-form-section{padding:35px 24px 70px;min-height:550px}.login-form-wrap h2{font-size:25px}.login-intro{font-size:13px;margin-bottom:25px}.login-form-wrap{max-width:400px}.login-footer{bottom:22px}.session-user{display:none}.topbar-actions{gap:6px}.logout-button{padding:8px;font-size:11px}}