/* Original ink ocean lives underneath the whole terminal surface, never in a hero panel. */
#login-view{background:#1c202b;padding:42px 24px 58px}
.ocean-wallpaper{position:absolute;z-index:-4;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none}
#login-view .login-wall{width:max(100%,1680px);opacity:.82}
#login-view .login-wall-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:0 9px 9px}
#login-view .login-wall-track{animation-duration:155s}
#login-view .login-vignette{background:radial-gradient(ellipse at center,#1a1c2210 12%,#12172220 70%,#11152288),linear-gradient(#11152118,#11152110)}
#login-view .wall-vm{border:1px solid #c4bda36b;background:#24242d80;box-shadow:0 2px 9px #0002}
#login-view .wall-vm-title{background:#25252fbb;border-color:#aaa28a50;color:#d1cbb4}
#login-view .wall-vm-title::after{color:#b2b0a0}
#login-view .wall-vm-display{background:#25252b66}
#login-view .wall-vm-display::before{background:#8ea3c077;box-shadow:0 17px #8ea3c066,0 34px #8ea3c055}
#login-view .wall-vm-display::after{border-color:#bdb49744;background:linear-gradient(90deg,#20232b66 38%,#8199b788 38% 40%,#20232b66 40% 42%,#c5bc9988 42% 44%,#20232b66 44% 46%,#94a69166 46% 48%,#20232b66 48%)}
#login-view .wall-desktop-window{background:#24263045;border-color:#aba68c44;box-shadow:none}
#login-view .wall-desktop-window::before{background:#38384177;border-color:#aba68c33;color:#c0bda3}
#login-view .wall-desktop-window i{background:#b0b89c55}
#login-view .wall-vm-1 .wall-desktop-window{background:#2c2d3644}
#login-view .wall-vm-2 .wall-desktop-window{background:repeating-linear-gradient(0deg,transparent 0 9px,#b6b2990b 9px 10px),#23242e44}
#login-view .wall-vm-2 i{background:#839ab477}
#login-view .wall-vm-3 .wall-vm-display{background:#292d3544}
#login-view .wall-vm-4 .wall-desktop-window{background:linear-gradient(90deg,#9096aa16 22%,transparent 22%),#25273044}
#login-view .wall-vm-foot{background:#26263099;border-color:#aaa28a40;color:#aaa993}
#login-view .login-card{width:432px;padding:29px 36px 23px;background:#24252eef;border:1px solid #c9c2a3;border-top:3px solid #d3c8a6;box-shadow:0 20px 70px #0008,0 0 0 6px #1c1e26a8}
#login-view .login-id{color:#ccc7ac}
#login-view .login-id .brand-mark{background:#303542;border-color:#969a97;color:#ced7db}
#login-view .login-id-line{color:#a8aca5}
#login-view .login-card h1{color:#d8d5c1}
#login-view .login-title-prefix{color:#96acc4}
#login-view .login-card>p.muted{color:#b3b7b2}
#login-view .login-card label{color:#c8c9b8}
#login-view .login-card input{background:#1a1d27d9;border-color:#626776;color:#e0e2d9}
#login-view .login-card input:focus{border-color:#a9bdd6;box-shadow:0 0 0 1px #a9bdd633}
#login-view .login-card .primary{background:linear-gradient(#394455,#2d3545);border-color:#9ca8b4;color:#e2e4da}
#login-view .login-card .primary:hover{background:#47566d;border-color:#c4d2e2}
#login-view .login-card .primary:focus-visible{outline-color:#bfd0e6}
#login-view .login-card .remember-device{font-size:11px}
#login-view .login-card .remember-device input{accent-color:#98aecb}
#login-view .login-card .remember-note,#login-view #login-mfa .muted{color:#bdc6c7}
#login-view .login-footnote{border-color:#686859;color:#abae9c}
#login-view .login-motion{background:#252630ee;border-color:#a59f87;color:#c1c8c5;padding:8px 11px}
@media(max-width:480px){#login-view{padding:32px 21px 66px}#login-view .login-card{padding:26px 25px 22px}#login-view .login-wall{opacity:.65}.ocean-wallpaper{object-position:30% center}}
@media(max-width:360px){#login-view .login-card{padding:24px 19px 20px}}

/* Lightweight original chart ornaments: inline vectors, no fonts or image downloads. */
#login-view .login-card::before{content:'';position:absolute;inset:8px;pointer-events:none;background:linear-gradient(#aaa78e80,#aaa78e80) left top/14px 1px no-repeat,linear-gradient(#aaa78e80,#aaa78e80) left top/1px 14px no-repeat,linear-gradient(#aaa78e80,#aaa78e80) right top/14px 1px no-repeat,linear-gradient(#aaa78e80,#aaa78e80) right top/1px 14px no-repeat,linear-gradient(#aaa78e80,#aaa78e80) left bottom/14px 1px no-repeat,linear-gradient(#aaa78e80,#aaa78e80) left bottom/1px 14px no-repeat,linear-gradient(#aaa78e80,#aaa78e80) right bottom/14px 1px no-repeat,linear-gradient(#aaa78e80,#aaa78e80) right bottom/1px 14px no-repeat}
.harbor-mark{display:grid;place-items:center;width:28px;height:28px;flex:none;color:#c9c2a3}
.harbor-mark svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1}
.harbor-mark .compass-point{fill:#96acc440;stroke:#aabed0}
.harbor-title{position:relative;isolation:isolate}
#login-view .harbor-title h1{margin-bottom:15px}
.chart-rose{position:absolute;z-index:-1;right:-9px;top:7px;width:150px;height:150px;fill:none;stroke:#a8b4c0;stroke-width:.8;opacity:.19;pointer-events:none}
.chart-rose .rose-north{fill:#9fb1c0;stroke:none}
.harbor-rule{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#9caebe66}
.harbor-rule span{height:1px;background:#8d9bab36;flex:1}
.harbor-rule svg{width:43px;height:10px;fill:none;stroke:currentColor;stroke-width:1}
#login-view .login-card>p.muted{font-size:11px;line-height:1.5;margin-bottom:21px}
.harbor-footer{display:flex;align-items:center;gap:7px}
.harbor-footer svg{width:14px;height:14px;fill:none;stroke:#acbaa8;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
#login-view .login-footnote{align-items:center}
@media(max-width:360px){.chart-rose{width:125px;height:125px;right:-3px}.harbor-footer{gap:5px}#login-view .login-footnote{font-size:7px}}