.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1.08fr) minmax(440px,.92fr);background:#f5f5ef;overflow:hidden}
.login-scene{position:relative;min-height:100vh;padding:48px clamp(42px,5vw,82px);background:#123f3b;color:#fff;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}
.login-scene:before{content:'';position:absolute;inset:-15%;z-index:-2;background:radial-gradient(circle at 24% 22%,#2a74674d,transparent 29%),radial-gradient(circle at 88% 74%,#d2c4821c,transparent 25%),linear-gradient(145deg,#164a45 0%,#0d302e 74%)}
.login-scene:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(#b9d3c80c 1px,transparent 1px),linear-gradient(90deg,#b9d3c80c 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.login-brand{display:flex;align-items:center;gap:14px;width:max-content}.login-brand img{width:48px;height:48px;border-radius:14px;box-shadow:0 10px 28px #081f1d55}.login-brand strong{display:block;font-size:25px;letter-spacing:5px;font-weight:650}.login-brand small{display:block;margin-top:7px;color:#a7c0b8;font-family:var(--number);font-size:9px;letter-spacing:3.2px}
.login-story{margin:auto 0 22vh;max-width:600px;position:relative;z-index:2}.login-kicker{display:flex;align-items:center;gap:10px;color:#b8c9b6;font-family:var(--number);font-size:10px;letter-spacing:2.3px}.login-kicker:before{content:'';width:26px;height:1px;background:#c7b878}.login-story h1{font-size:clamp(38px,4.2vw,62px);line-height:1.17;letter-spacing:1px;font-weight:560;margin:24px 0 19px}.login-story p{max-width:500px;color:#b6c9c2;font-size:14px;line-height:2;letter-spacing:.3px}
.login-vessel{position:absolute;width:min(700px,75vw);right:-74px;bottom:-2px;opacity:.74;filter:saturate(.8);pointer-events:none}.login-coordinate{position:absolute;left:clamp(42px,5vw,82px);bottom:45px;color:#71928a;font-family:var(--number);font-size:9px;letter-spacing:2px}.login-coordinate span{color:#bba86c;margin:0 10px}
.login-panel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px clamp(34px,6vw,94px);position:relative}.login-panel:before{content:'';position:absolute;top:0;right:0;width:160px;height:160px;border-top:1px solid #d9dfd5;border-right:1px solid #d9dfd5;border-radius:0 0 0 100%}
.login-card{width:min(100%,430px);position:relative;z-index:1}.login-card-head{margin-bottom:34px}.login-card-head>span{display:inline-flex;align-items:center;gap:8px;color:#54736a;font-size:11px;letter-spacing:1px}.login-card-head>span:before{content:'';width:6px;height:6px;border-radius:50%;background:#d0b66b}.login-card-head h2{font-size:32px;font-weight:630;letter-spacing:1px;margin:14px 0 10px}.login-card-head p{font-size:13px;color:#89948f;line-height:1.8}
.login-form{display:grid;gap:20px}.login-field{display:grid;gap:9px}.login-field>span{font-size:12px;font-weight:600;color:#435a53;letter-spacing:.3px}.login-input{height:54px;border:1px solid #dce3da;background:#fff;border-radius:9px;display:flex;align-items:center;padding:0 16px;gap:12px;transition:border-color .18s,box-shadow .18s}.login-input:focus-within{border-color:#79a99b;box-shadow:0 0 0 4px #b5d2c522}.login-input .icon{width:18px;height:18px;color:#91a19a}.login-input input{height:48px;border:0;outline:0;min-width:0;flex:1;font-size:14px;background:transparent}.login-input input::placeholder{color:#b3bbb6}.password-toggle{font-size:11px;color:#567c70;padding:8px}.password-toggle:hover{color:#0f5c4e}.login-submit{height:54px;border-radius:9px;background:#147363;color:#fff;font-size:14px;font-weight:600;letter-spacing:.6px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:5px;box-shadow:0 12px 24px #145d4b25;transition:transform .15s,background .15s,box-shadow .15s}.login-submit:hover{background:#105f52;box-shadow:0 14px 28px #145d4b35;transform:translateY(-1px)}.login-submit:active{transform:translateY(0)}.login-submit .icon{width:18px}.login-error{min-height:18px;color:#a84f47;font-size:11px;line-height:1.6}.login-error:empty{display:none}.login-help{display:flex;align-items:center;gap:9px;margin-top:28px;padding-top:22px;border-top:1px solid #e2e6df;color:#929b95;font-size:11px}.login-help .icon{width:15px;color:#748e83}.login-role-strip{display:flex;align-items:center;gap:7px;margin-top:42px;flex-wrap:wrap}.login-role-strip span{border:1px solid #dce3d9;color:#77877f;background:#f9faf7;border-radius:999px;padding:6px 10px;font-size:10px}.login-role-strip strong{font-size:10px;color:#a1aaa5;font-weight:500;margin-right:2px}
.account-summary{padding:5px 0 4px}.account-identity{display:flex;align-items:center;gap:14px;padding:19px;border:1px solid var(--line);border-radius:9px;background:#fafbf8}.account-identity .avatar{width:44px;height:44px;font-size:16px}.account-identity strong{display:block;font-size:14px}.account-identity span span{display:block;margin-top:5px;color:var(--muted);font-size:11px}.account-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.account-meta div{padding:13px 15px;border:1px solid var(--line);border-radius:8px}.account-meta small{display:block;color:var(--muted);font-size:9px;margin-bottom:6px}.account-meta b{font-size:11px;font-weight:550}.logout-button{color:#9b493f;border-color:#eadbd7}.logout-button:hover{background:#fbf3f1}
@media(max-width:920px){.login-screen{grid-template-columns:1fr}.login-scene{display:none}.login-panel{padding:36px 24px;background:linear-gradient(165deg,#eef2ea,#f8f7f1 44%,#f4f4ee)}.login-card{max-width:440px}.login-panel:before{width:110px;height:110px}.login-card-head h2{font-size:29px}}
@media(max-width:480px){.login-panel{align-items:flex-start;padding-top:72px}.login-role-strip{margin-top:32px}.login-card-head{margin-bottom:28px}.login-input,.login-submit{height:51px}}
@media(prefers-reduced-motion:reduce){.login-submit{transition:none}}