:root{color-scheme:light;--ink:#17241f;--muted:#626d65;--line:#cbd2cb;--paper:#fafbf8;--accent:#c6e1aa}*{box-sizing:border-box}body{margin:0;font:15px/1.55 Inter,system-ui,sans-serif;background:var(--paper);color:var(--ink)}::selection{background:var(--accent)}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #557941;outline-offset:4px}.skip{position:absolute;top:-80px;left:20px;background:white;padding:10px;z-index:4}.skip:focus{top:10px}.access{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}.access-form{padding:42px 11%;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:20px;font-weight:650;letter-spacing:-.5px}.test-label{font-size:11px;letter-spacing:0;font-weight:500;border:1px solid var(--line);padding:3px 7px;border-radius:4px}.form-content{width:100%;max-width:390px;margin:auto;padding:70px 0}h1{font-size:34px;line-height:1.15;font-weight:550;letter-spacing:-1px;margin:0 0 15px}.intro{color:var(--muted);margin:0 0 36px}label{display:block;font-size:13px;font-weight:600;margin:0 0 9px}input:not([type=checkbox]){width:100%;border:1px solid #a9b5ab;border-radius:7px;height:52px;padding:12px 14px;color:var(--ink);background:white;transition:border-color .18s,box-shadow .18s}input:hover{border-color:#526e59}input[aria-invalid=true]{border-color:#a42828}.label-row{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.label-row a{font-size:12px;margin-bottom:9px}.password-field{position:relative}.password-field input{padding-right:82px}.reveal{position:absolute;right:7px;top:7px;height:38px;padding:0 10px;background:transparent;border:0;color:#52654e;font-size:12px;cursor:pointer}.remember{display:flex;gap:10px;margin:24px 0;font-weight:450;align-items:flex-start}.remember input{width:17px;height:17px;margin:3px 0;accent-color:var(--ink)}.remember small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;border:0;background:var(--ink);color:white;border-radius:7px;padding:0 18px;cursor:pointer;transition:background .18s,transform .18s}.submit:hover{background:#304837}.submit:active{transform:translateY(1px)}.submit:disabled{opacity:.65;cursor:wait}.submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}.submit:hover svg{transform:translateX(3px)}.error,.field-error{color:#a42828;font-size:13px}.error{padding:12px 16px;background:#faeeee;border-radius:7px;margin-bottom:20px}.error p{margin:0}.backup{display:block;margin-top:20px;font-size:13px}.otp{letter-spacing:4px;margin-bottom:26px}.access-form footer{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.access-preview{background:#dce5d6;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:55px 32px;overflow:hidden}.preview-caption{align-self:flex-start;font-size:26px;line-height:1.3;letter-spacing:-.6px;max-width:390px;margin:0 auto 55px;width:100%}.wallet-pass{width:330px;max-width:100%;background:#f8f5ee;border-radius:16px;overflow:hidden;box-shadow:0 24px 65px #26392826;animation:pass-arrive .8s cubic-bezier(.2,.7,.2,1) both}.wallet-header{display:flex;justify-content:space-between;align-items:center;padding:22px;font-size:25px;letter-spacing:3px}.wallet-header>span:last-child{text-align:right;font-size:8px;letter-spacing:1px}.wallet-header strong{font-size:19px;font-weight:500;letter-spacing:0}.wallet-art{height:155px;background:#294638;display:flex;align-items:flex-end;gap:13px;padding:0 30px;overflow:hidden}.wallet-art div{width:80px;height:190px;border:1px solid #d9e6ca;border-radius:50% 50% 0 0;transform:translateY(55px)}.wallet-art div:nth-child(2){height:230px;background:#afc3a0;animation:arch-arrive 1s .1s both}.wallet-art div:nth-child(3){height:160px}.wallet-data{display:flex;justify-content:space-between;padding:25px 22px}.wallet-data small{display:block;font-size:8px;letter-spacing:.7px;color:#647262}.wallet-data strong{display:block;font-size:15px;font-weight:500;margin-top:5px}.barcode-example{width:220px;margin:0 auto 22px;text-align:center}.barcode-example svg{display:block;height:44px;width:100%;stroke:#17241f;stroke-width:2}.barcode-example small{font-size:8px;letter-spacing:1px}.preview-note{font-size:11px;text-align:center;color:#4e604e;margin:25px 0 0}.form-content{animation:form-arrive .5s .1s both}@keyframes pass-arrive{from{opacity:0;transform:translateY(32px) rotate(-4deg)}to{opacity:1;transform:none}}@keyframes arch-arrive{from{transform:translateY(125px)}to{transform:translateY(55px)}}@keyframes form-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:1500px){.access-form{padding-left:18%;padding-right:18%}}@media(max-width:800px){.access{grid-template-columns:1fr}.access-preview{display:none}.access-form{padding:28px 24px;min-height:100svh}.form-content{padding:65px 0}.brand{font-size:18px}h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}