:root{color-scheme:light;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#183c2f}*{box-sizing:border-box}
body.pin-page{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));background:linear-gradient(135deg,#0f322849,#102d267d),url('/docs/reader/assets/tobacco-plantation-login.png') center/cover fixed}
.pin-card{width:min(400px,100%);padding:30px;background:#fffcf4f5;border:1px solid #fff9;border-radius:26px;box-shadow:0 25px 85px #081e2266}
.pin-logo{display:block;width:118px;margin:0 auto 28px;background:#214a38;padding:9px;border-radius:12px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:750;color:#687b64;margin:0 0 10px}
h1{font-size:30px;line-height:1.15;letter-spacing:-.045em;margin:0 0 12px}.pin-description{font-size:14px;line-height:1.6;color:#667467;margin:0 0 26px}
.pin-label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.pin-input{width:100%;height:62px;border:1px solid #abc0ae;border-radius:12px;background:#fff;font:30px ui-monospace,monospace;letter-spacing:.6em;text-align:center;color:#1c5238;padding-left:.6em;outline:none}.pin-input::placeholder{color:#b1bfb1;opacity:1}.pin-input:focus{border-color:#307957;box-shadow:0 0 0 4px #30795720}
.pin-help{font-size:11px;color:#6e7a6e;line-height:1.5}.pin-message{min-height:20px;font-size:13px;color:#a12e26;line-height:1.5;margin:12px 0}
.pin-submit{width:100%;min-height:52px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;background:#205b40;color:#fff;border:1px solid #1a4e37;border-radius:12px;box-shadow:0 4px 0 #143e2b;cursor:pointer;font:650 15px system-ui;touch-action:manipulation;transition:transform .1s,box-shadow .1s}.pin-submit span{font-size:23px}.pin-submit:hover{background:#286d4d}.pin-submit:active{transform:translateY(3px);box-shadow:0 1px 0 #143e2b}.pin-submit:disabled{opacity:.6;cursor:wait}.pin-submit:focus-visible,.pin-back:focus-visible{outline:3px solid #6d9b6c;outline-offset:4px}
.pin-back{display:block;text-align:center;margin-top:26px;color:#315f4b;text-decoration:none;font-size:13px;padding:6px}.pin-card footer{text-align:center;font-size:10px;letter-spacing:.035em;color:#8b9488;margin-top:20px}
@media(max-height:640px){.pin-card{padding:22px}.pin-logo{margin-bottom:16px;width:96px}.pin-description{margin-bottom:18px}.pin-card footer{margin-top:12px}.pin-back{margin-top:16px}}