:root{color-scheme:light;--moslg-navy:#041521;--moslg-deep:#072b41;--moslg-blue:#0878c9;--moslg-aqua:#18c2df;--moslg-line:#cfe2ec;--moslg-text:#102d40;--moslg-muted:#647d8d}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic",YuGothic,Meiryo,sans-serif}
.moslg-body{min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(24,194,223,.25),transparent 27%),radial-gradient(circle at 88% 90%,rgba(8,120,201,.20),transparent 32%),linear-gradient(145deg,#020d15 0%,#061f30 48%,#073f57 100%);color:var(--moslg-text);position:relative;overflow-x:hidden}
.moslg-body:before,.moslg-body:after{content:"";position:fixed;pointer-events:none;border-radius:50%;filter:blur(1px)}
.moslg-body:before{width:420px;height:420px;left:-250px;bottom:-260px;border:1px solid rgba(24,194,223,.14);box-shadow:0 0 0 42px rgba(24,194,223,.025),0 0 0 92px rgba(24,194,223,.018)}
.moslg-body:after{width:300px;height:300px;right:-210px;top:-160px;border:1px solid rgba(255,255,255,.08)}
.moslg-shell{min-height:100vh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));position:relative;z-index:1}
.moslg-card{width:min(100%,470px);background:linear-gradient(160deg,rgba(255,255,255,.985),rgba(246,252,255,.965));border:1px solid rgba(255,255,255,.72);border-radius:30px;padding:clamp(24px,6vw,42px);box-shadow:0 30px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.9);position:relative;overflow:hidden}
.moslg-card:before{content:"";position:absolute;left:12%;right:12%;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--moslg-aqua),transparent);box-shadow:0 0 18px rgba(24,194,223,.6)}
.moslg-brand-area{text-align:center}.moslg-logo{display:block;max-width:min(260px,76%);max-height:108px;width:auto;height:auto;object-fit:contain;margin:0 auto 15px}.moslg-logo-fallback{display:inline-block;font-weight:950;font-size:34px;letter-spacing:-.04em;color:var(--moslg-blue);margin-bottom:14px}.moslg-boat-name{font-size:17px;font-weight:900;margin:0 0 11px;color:var(--moslg-navy)}.moslg-kicker{margin:0 0 9px;font-size:10px;font-weight:900;letter-spacing:.20em;color:#138eaa}.moslg-product{display:block;font-size:clamp(30px,8vw,40px);font-weight:950;letter-spacing:-.045em;color:var(--moslg-navy);line-height:1}.moslg-title-sub{display:block;margin-top:8px;font-size:clamp(18px,5vw,22px);font-weight:900;letter-spacing:.02em;color:#25485c}h1{margin:0}.moslg-welcome{margin:17px 0 0;font-size:15px;font-weight:900;color:var(--moslg-navy)}.moslg-lead{margin:4px 0 0;color:var(--moslg-muted);line-height:1.6;font-size:13px}
.moslg-error{margin:20px 0 0;padding:13px 14px;border-radius:12px;background:#fff0f0;border:1px solid #efc2c2;color:#8a2020;font-weight:800;line-height:1.55;font-size:14px}
.moslg-form{display:grid;gap:9px;margin-top:25px}.moslg-form>label:not(.moslg-remember){font-weight:900;font-size:13px;margin-top:5px;color:#29495b}.moslg-form input[type=text],.moslg-form input[type=password]{width:100%;min-height:55px;border:1px solid #a9c4d2;border-radius:14px;background:rgba(255,255,255,.95);padding:12px 14px;font-size:16px;color:#102b3d;outline:none;box-shadow:inset 0 1px 2px rgba(4,21,33,.035)}.moslg-form input:focus{border-color:var(--moslg-aqua);box-shadow:0 0 0 4px rgba(24,194,223,.13),0 0 22px rgba(24,194,223,.08)}
.moslg-password-wrap{position:relative}.moslg-password-wrap input{padding-right:70px!important}.moslg-password-toggle{position:absolute;right:7px;top:7px;bottom:7px;min-width:55px;border:0;border-radius:9px;background:#edf7fa;color:#176884;font-weight:900;cursor:pointer}.moslg-remember{display:flex;align-items:center;gap:9px;margin-top:7px;font-size:13px;font-weight:750;color:#496273}.moslg-remember input{width:19px;height:19px;accent-color:var(--moslg-blue)}.moslg-submit{width:100%;min-height:58px;margin-top:9px;border:1px solid rgba(255,255,255,.22);border-radius:15px;background:linear-gradient(110deg,#086cad 0%,#0797c2 56%,#18b9d4 100%);color:#fff;font-size:15px;font-weight:950;letter-spacing:.055em;box-shadow:0 13px 30px rgba(7,117,167,.26),inset 0 1px 0 rgba(255,255,255,.24);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:13px}.moslg-submit-arrow{font-size:20px;line-height:1;transition:transform .18s ease}.moslg-submit:hover{filter:brightness(1.04)}.moslg-submit:hover .moslg-submit-arrow{transform:translateX(3px)}.moslg-submit:focus-visible,.moslg-password-toggle:focus-visible,.moslg-forgot:focus-visible{outline:3px solid rgba(24,194,223,.5);outline-offset:3px}.moslg-forgot{display:block;text-align:center;margin-top:20px;color:#176e9f;font-weight:800;text-decoration:none;font-size:13px}.moslg-forgot:hover{text-decoration:underline}.moslg-footer-mark{display:flex;align-items:center;justify-content:center;gap:8px;margin:23px auto 0}.moslg-footer-mark span{display:block;width:27px;height:1px;background:#d0e0e8}.moslg-footer-mark i{display:block;width:5px;height:5px;border-radius:50%;background:var(--moslg-aqua);box-shadow:0 0 8px rgba(24,194,223,.45)}.moslg-note{text-align:center;margin:8px 0 0;color:#8295a1;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
@media(max-width:380px){.moslg-card{border-radius:22px;padding:23px 17px}.moslg-logo{max-height:90px}.moslg-shell{padding-left:9px;padding-right:9px}.moslg-product{font-size:31px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}