:root{color-scheme:light;--sam-ink:#183e31;--sam-muted:#63746a;--sam-green:#245640;--sam-line:#d9e2d8;--sam-paper:#fffefa}
*{box-sizing:border-box}
body.oc-sam-page,body.login{margin:0;background:#edf1e9;color:var(--sam-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;min-height:100vh}
.oc-sam-layout{width:100%;max-width:540px;margin:auto;padding:64px 24px 28px}
.oc-sam-card{background:var(--sam-paper);border:1px solid var(--sam-line);border-radius:14px;padding:42px 42px 36px;box-shadow:0 12px 38px #183e3107}
.oc-sam-brand{font-size:21px;font-weight:800;letter-spacing:.02em}.oc-sam-brand span{font-weight:500}
.oc-sam-kicker{margin:5px 0 0;font-size:10px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:var(--sam-muted)}
.oc-sam-rule{width:36px;height:3px;background:#7f9c6d;margin:32px 0 23px}
.oc-sam-card h1{font-size:37px;line-height:1.16;letter-spacing:-.035em;margin:0 0 16px;font-weight:650}
.oc-sam-intro{font-size:14px;line-height:1.7;color:var(--sam-muted);margin:0 0 28px}
#oc-sam-loginform p{margin:0 0 18px}#oc-sam-loginform label{display:block;font-size:13px;font-weight:600;margin:0 0 7px}
#oc-sam-loginform input[type=text],#oc-sam-loginform input[type=password]{display:block;width:100%;min-height:48px;border:1px solid #bdcbbd;border-radius:6px;padding:10px 12px;font:inherit;color:var(--sam-ink);background:white}
#oc-sam-loginform .login-remember label{display:flex;align-items:center;gap:9px;font-weight:400;color:var(--sam-muted)}
#oc-sam-loginform input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--sam-green)}
#oc-sam-loginform input[type=submit]{display:block;width:100%;min-height:48px;padding:12px 16px;background:var(--sam-green);border:1px solid var(--sam-green);border-radius:6px;color:#fff;font:inherit;font-size:14px;font-weight:650;cursor:pointer}
#oc-sam-loginform input[type=submit]:hover{background:#183e31}.oc-sam-forgot{font-size:13px;color:var(--sam-green);text-underline-offset:3px}
.oc-sam-page a:focus-visible,.oc-sam-page input:focus-visible{outline:3px solid #779466;outline-offset:3px}
.oc-sam-footer{text-align:center;font-size:10px;letter-spacing:.13em;color:#778675;margin-top:25px}
.oc-sam-notice{padding:10px 14px;background:#e7f0e3;border:1px solid #c5d7bd;border-radius:6px;font-size:14px}
.oc-sam-external{max-width:900px;margin:40px auto;padding:0 20px}
body.login #login{width:min(400px,calc(100% - 40px));padding:48px 0 24px}body.login #login>h1{display:none}
body.login .oc-sam-native-brand{padding:0 0 24px}.oc-sam-native-brand strong{display:block;font-size:23px}.oc-sam-native-brand span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--sam-muted)}
body.login form{border:1px solid var(--sam-line);border-radius:10px;box-shadow:none;background:var(--sam-paper)}body.login .button-primary{background:var(--sam-green);border-color:var(--sam-green)}body.login #nav a,body.login #backtoblog a{color:var(--sam-green)}
@media(max-width:520px){.oc-sam-layout{padding:25px 16px}.oc-sam-card{padding:30px 25px}.oc-sam-card h1{font-size:33px}.oc-sam-rule{margin-top:27px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
