.sf-page{color:#254733;background:#f7f9f4;min-height:100dvh;padding-bottom:30px;font-size:16px;line-height:1.7}.sf-page *{box-sizing:border-box}.sf-page button,.sf-page input{font:inherit}.sf-page button{cursor:pointer}.sf-page :focus-visible{outline-offset:4px;outline:3px solid #87ad67}.sf-page>header{justify-content:space-between;align-items:center;gap:20px;max-width:1150px;margin:auto;padding:27px 24px;display:flex}.sf-brand{letter-spacing:-1.5px;color:#173e32;align-items:center;gap:8px;font-size:32px;font-weight:650;text-decoration:none;display:flex}.sf-brand span{color:#7b9860;margin-left:-6px}.sf-page>header>span{color:#70845f;align-items:center;gap:7px;font-size:13px;display:flex}.sf-card{background:#fff;border:1px solid #e1e8da;border-radius:15px;max-width:530px;margin:22px auto 25px;padding:36px;box-shadow:0 10px 35px #284b1208}.sf-icon{color:#6a8b4e;background:#eef4e5;border:1px solid #e0e9d4;border-radius:12px;place-items:center;width:59px;height:59px;margin-bottom:23px;display:grid}.sf-eyebrow{letter-spacing:1.5px;color:#789068;margin:0 0 13px;font-size:12px;font-weight:550}.sf-card h1{letter-spacing:-.8px;margin:0 0 14px;font-size:30px;font-weight:550;line-height:1.3}.sf-card>p:not(.sf-eyebrow){color:#6c7e5e;margin:0 0 22px}.sf-account{overflow-wrap:anywhere;font-size:14px}.sf-button{color:#f1f8e9;background:#173e32;border:1px solid #173e32;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:49px;margin:18px 0 12px;padding:11px 14px;font-weight:500;line-height:1.5;text-decoration:none;display:flex;font-size:15px!important}.sf-button:disabled{opacity:.5;cursor:not-allowed}.sf-secondary{color:#3a603c;background:#fff;border-color:#d5e3c9}.sf-explain{color:#6b8358;background:#f5f8ef;border:1px solid #e6eedc;border-radius:8px;align-items:flex-start;gap:14px;margin:22px 0;padding:17px;display:flex}.sf-explain svg{flex:none;margin-top:4px}.sf-explain p{margin:0;font-size:14px;line-height:1.7}.sf-field{flex-direction:column;gap:8px;font-size:14px;font-weight:500;display:flex}.sf-field input{letter-spacing:3px;color:#38512c;background:#fff;border:1px solid #cddcbc;border-radius:8px;width:100%;min-width:0;padding:12px 14px;font-size:20px}.sf-field input::placeholder{color:#aab89b}.sf-qr{max-width:100%;height:auto;margin:10px auto 22px;display:block}.sf-manual{border:1px solid #e1e8d8;border-radius:8px;margin:10px 0 22px;padding:12px 15px;font-size:14px}.sf-manual summary{cursor:pointer}.sf-manual label{flex-direction:column;gap:7px;margin-top:14px;display:flex}.sf-manual input{letter-spacing:.5px;border:1px solid #dce6d1;border-radius:6px;width:100%;min-width:0;padding:9px;font-family:monospace;font-size:13px}.sf-manual p{color:#788b66;font-size:12px}.sf-link{color:#567b3e;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;min-height:44px;margin:8px auto;padding:5px;line-height:1.5;display:flex;font-size:14px!important}.sf-small{color:#7e8e6e;font-size:13px;margin:15px 0!important}.sf-error{color:#92513f;overflow-wrap:anywhere;background:#fff3ed;border:1px solid #ecdacd;border-radius:8px;margin:15px 0;padding:13px 16px;font-size:14px}.sf-error a{color:inherit;margin-top:10px;text-decoration:underline;display:block}.sf-notice{background:#f1f7e9;border-radius:7px;padding:12px;font-size:14px;color:#587140!important}.sf-codes{background:#f7faf2;border:1px solid #e0e8d5;border-radius:8px;grid-template-columns:1fr;gap:7px;padding:16px;display:grid}.sf-codes code{color:#45643b;letter-spacing:.5px;overflow-wrap:anywhere;font-size:15px}.sf-check{color:#697d5a;align-items:flex-start;gap:10px;margin:23px 0;font-size:14px;display:flex}.sf-check input{accent-color:#385f3c;flex:none;width:18px;height:18px;margin-top:6px}.sf-logout{text-align:center;border-top:1px solid #e6eddf;margin-top:25px;padding-top:15px}.sf-logout button{color:#718760;background:0 0;border:0;min-height:44px;font-size:13px}.sf-footer{color:#768d62;text-align:center;justify-content:center;align-items:center;gap:7px;padding:0 22px;font-size:12px;display:flex}.sf-loading{justify-content:center;align-items:center;gap:10px;padding:40px 0;display:flex}.sf-spin{animation:1s linear infinite sf-spin}@keyframes sf-spin{to{transform:rotate(360deg)}}@media (max-width:600px){.sf-page>header{padding:19px 20px}.sf-page>header>span{font-size:12px}.sf-card{margin:14px 16px 23px;padding:25px 21px}.sf-card h1{font-size:27px}.sf-field input{letter-spacing:2px;font-size:18px}.sf-codes code{letter-spacing:0;font-size:13px}.sf-eyebrow{letter-spacing:1.2px;font-size:12px}}@media (prefers-reduced-motion:reduce){.sf-spin{animation:none}}