:root {color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #233930; background: #f4f6f2;}
* {box-sizing: border-box;}
body {margin: 0; padding: 48px 20px;}
.card {max-width: 650px; margin: 0 auto; padding: 42px; background: #fff; border: 1px solid #dce4dd; border-radius: 18px; box-shadow: 0 12px 50px #23393008;}
.brand {font-size: 11px; letter-spacing: .14em; font-weight: 700; color: #567363;}
h1 {font-size: 32px; letter-spacing: -.035em; line-height: 1.15; margin: 24px 0 12px;}
.intro {color: #617268; line-height: 1.6;}
ol {padding-left: 21px; margin: 28px 0;}
li {padding-left: 5px; margin-bottom: 20px; font-size: 14px; line-height: 1.65;}
code {font-size: 12px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;}
pre {padding: 14px; border-radius: 8px; background: #f3f6f3; white-space: pre-wrap; overflow-wrap: anywhere; border: 1px solid #e0e8e0;}
button {border: 0; border-radius: 8px; padding: 13px 18px; background: #284d3b; color: #fff; cursor: pointer; font-weight: 650; font-size: 14px;}
button:disabled {opacity: .6; cursor: wait;}
.quiet {background: transparent; border: 1px solid #d8e2da; color: #284d3b; padding: 7px 10px; font-size: 12px;}
label {display: block; font-size: 13px; font-weight: 650; margin-bottom: 9px;}
input {width: 100%; border: 1px solid #b9c9bd; border-radius: 8px; padding: 13px; font-size: 14px;}
input:focus, button:focus-visible {outline: 3px solid #abcbb6; outline-offset: 2px;}
#login-error {color: #983c32; font-size: 13px; min-height: 18px; line-height: 1.4;}
#submit {width: 100%;}
.security {margin: 26px 0 12px; font-size: 12px; line-height: 1.7; color: #52675a; border-top: 1px solid #e4eae5; padding-top: 20px;}
.footnote {font-size: 11px; line-height: 1.6; color: #718077; margin-bottom: 0;}
@media (max-width: 600px) {body {padding: 18px 12px;} .card {padding: 26px 22px;} h1 {font-size: 28px;}}