:root{color-scheme:light;--ink:#263022;--muted:#697160;--green:#426434;--paper:#f5f4ee}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #84a872;outline-offset:4px}[hidden]{display:none!important}.login-layout{min-height:100svh;max-width:1250px;margin:auto;padding:56px 64px;display:grid;grid-template-columns:1fr 410px;align-items:center;gap:100px}.intro{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-1px}.brand-mark{background:var(--green);color:white;width:34px;height:34px;border-radius:11px;text-align:center;line-height:32px}.brand-tag{font-size:10px;font-weight:500;color:var(--muted);letter-spacing:.05em;margin-left:10px}.intro-copy{padding:60px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--muted)}h1{font-size:clamp(34px,4vw,54px);line-height:1.1;font-weight:550;letter-spacing:-2px;margin:22px 0}h1 em{font-style:normal;color:var(--green)}.intro-copy>p{max-width:340px;color:var(--muted);font-size:16px}.preview{margin-top:38px;border:1px solid #dadfd1;padding:20px;border-radius:18px;max-width:430px}.preview-head{display:flex;justify-content:space-between;font-size:12px}.preview-head span{color:var(--green)}.preview svg{width:100%;margin:20px 0 5px}.preview-tags{display:flex;gap:8px;flex-wrap:wrap}.preview-tags span{font-size:10px;border-radius:8px;background:#e9ecdf;padding:5px 8px}.intro-footer{font-size:12px;color:var(--muted)}.login-card{padding:30px;background:#fffefa;border:1px solid #e0e2d7;border-radius:24px;box-shadow:0 16px 60px #26302207}h2{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:10px 0}.subtitle{color:var(--muted);font-size:14px;margin:0 0 20px}.qr-section{text-align:center}.qr-frame{width:204px;height:204px;margin:0 auto;border:1px solid #e0e2d7;border-radius:14px;background:white;display:grid;place-items:center;overflow:hidden}.qr-frame img{max-width:100%;height:auto}.qr-frame span{font-size:12px;color:var(--muted)}.qr-section p{font-size:11px;color:var(--muted);margin:10px 0 20px}.primary{display:flex;align-items:center;justify-content:center;gap:16px;min-height:50px;border-radius:12px;background:var(--green);color:white;font-weight:600;font-size:14px;text-decoration:none}.primary:hover{background:#355428}.disabled{opacity:.5;pointer-events:none}.bot-note{font-size:11px;text-align:center;color:var(--muted);margin:9px 0 20px}.confirmation{display:flex;align-items:center;justify-content:space-between;background:#f1f3ea;border-radius:12px;padding:12px 16px}.confirmation div{display:flex;flex-direction:column;gap:2px}.confirmation span{font-size:11px;color:var(--muted)}#login-code{font-size:24px;letter-spacing:4px;font-variant-numeric:tabular-nums;font-weight:600}#login-countdown{font-variant-numeric:tabular-nums}.instructions{font-size:12px;color:var(--muted);margin:14px 0}#login-status{font-size:12px;min-height:18px;color:var(--green);margin:10px 0}#login-retry{font:inherit;font-size:13px;width:100%;padding:12px;background:none;border:1px solid #cad4c1;border-radius:10px;color:var(--green);cursor:pointer}.login-card footer{font-size:10px;color:var(--muted);border-top:1px solid #e5e7dd;padding-top:16px;margin-top:20px}.error{background:#f8e8df;color:#843b28;padding:12px;border-radius:10px;font-size:13px;margin-bottom:14px}@media(max-width:900px){.login-layout{padding:30px;gap:40px;grid-template-columns:1fr 370px}.brand-tag{display:none}h1{font-size:38px}}@media(max-width:680px){.login-layout{display:block;min-height:100svh;max-width:430px;padding:22px 16px}.intro-copy,.intro-footer{display:none}.brand{font-size:22px;margin:0 4px 24px}.brand-tag{display:block}.login-card{padding:24px 22px;border-radius:20px}.qr-section{display:none}h2{font-size:28px}.subtitle{margin-bottom:24px}.primary{min-height:52px}.login-card footer{padding-top:14px;margin-top:18px}}@media(prefers-reduced-motion:no-preference){.primary{transition:background .15s}}
