:root{--ink:#153d37;--muted:#71807b;--line:#dce5df;--green:#174e43;--lime:#d6ec97;--paper:#f5f6ef}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Tahoma,Arial,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .2s,transform .2s}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #92b85e;outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.top{max-width:1280px;padding:28px 40px;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:bold}.brand-mark{width:42px;height:42px;background:var(--green);color:var(--lime);border-radius:14px;display:grid;place-items:center}.brand-en{font-size:11px;letter-spacing:3px;color:var(--muted);margin-right:7px}.secure{font-size:12px;color:var(--muted)}main{max-width:1200px;margin:0 auto;padding:64px 40px;min-height:calc(100dvh - 180px)}.auth-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:90px;align-items:center}.intro{position:relative;padding-bottom:20px}.eyebrow{font-size:12px;letter-spacing:1px;color:#778b65;display:block;font-weight:bold;margin-bottom:18px}.dark{color:#69845d}h1,h2,h3,p{margin-top:0}h1{font-size:54px;line-height:1.45;letter-spacing:-2px;margin-bottom:24px}em{font-style:normal;color:#8b9e75}h2{font-size:26px;line-height:1.5;margin-bottom:14px}h3{font-size:16px;margin-bottom:5px}.intro>p{font-size:15px;color:var(--muted);max-width:330px;line-height:2}.orb{position:absolute;width:150px;height:150px;border-radius:50%;background:var(--lime);left:0;top:140px;display:grid;place-items:center;box-shadow:0 0 0 17px #e6edda,0 0 0 18px #d7e0ca;transform:rotate(-12deg)}.orb svg{width:100px;stroke:var(--green);stroke-width:2.4;stroke-linecap:round}.privacy{display:flex;gap:12px;margin-top:44px;max-width:360px;padding-top:24px;border-top:1px solid var(--line)}.privacy>span{background:#e3ecd5;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex:none}.privacy strong{font-size:13px}.privacy small{display:block;color:var(--muted);font-size:11px;line-height:1.9;margin-top:5px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 12px 40px #193f2a05}.entry{min-height:470px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:34px;gap:30px}.tabs button{border:0;background:none;color:var(--muted);padding:0 0 15px;font-size:13px;position:relative}.tabs button[aria-selected=true]{color:var(--green);font-weight:bold}.tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;right:0;left:0;height:3px;background:var(--green);border-radius:3px}.muted{font-size:13px;color:var(--muted);line-height:1.9}.primary,.secondary{border:1px solid transparent;border-radius:11px;padding:13px 19px;font-size:13px;font-weight:bold}.primary{background:var(--green);color:#fff}.primary:hover{background:#0e3d33}.primary span{float:left;margin-right:12px}.secondary{background:#f7f9f3;border-color:var(--line);color:var(--green)}.secondary:hover{background:#eaf0e0}.wide{width:100%}#login{margin-top:23px;padding:17px}.note{font-size:11px;color:var(--muted);line-height:1.9;margin:18px 0}.text-button{border:0;background:none;color:var(--green);font-size:12px;padding:8px 0;text-decoration:underline;text-underline-offset:5px}.compatibility{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:24px}label{display:block;font-size:12px;font-weight:bold;margin-bottom:18px}input:not([type=checkbox]){display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:#fbfcf9;color:var(--ink);outline:none;font-size:14px}input:focus{border-color:#7d9b6f;box-shadow:0 0 0 3px #d6ec9733}label small{font-size:10px;display:block;font-weight:normal;color:var(--muted);margin-top:5px}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.welcome h1{font-size:35px;letter-spacing:-1px;margin-bottom:5px}.welcome .eyebrow{margin-bottom:8px}.dashboard-grid{display:grid;grid-template-columns:300px 1fr;gap:25px;align-items:start}.profile{text-align:center;padding-top:35px}.avatar{width:90px;height:90px;border-radius:28px;display:grid;place-items:center;background:#e5efcf;color:var(--green);font-size:38px;margin:0 auto 18px}.pill{display:inline-block;background:#eff5e6;border:1px solid #dce8ca;padding:4px 12px;border-radius:20px;font-size:10px;margin-bottom:15px}.profile h2{font-size:22px;margin-bottom:0}.profile dl{margin-top:28px;text-align:right;font-size:11px}.profile dl>div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line);gap:10px}.profile dt{color:var(--muted)}.profile dd{margin:0}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head .eyebrow{margin-bottom:8px}.section-head h2{margin-bottom:5px}.count{display:grid;place-items:center;border-radius:12px;background:#eef3e6;min-width:40px;height:40px}.key-row{display:flex;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}.key-icon{display:grid;place-items:center;background:#f2f6ec;border-radius:12px;width:44px;height:44px;font-size:24px}.key-row strong{font-size:13px;overflow-wrap:anywhere}.key-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.delete{margin-right:auto;border:1px solid #ecdeda;background:#fff9f7;color:#9a5241;padding:6px 12px;border-radius:8px;font-size:11px}#add-key{padding-top:24px}#add-key label{margin-bottom:12px}.recovery-box{border-top:1px solid var(--line);margin-top:28px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.recovery-box p{font-size:11px;margin-bottom:0}footer{max-width:1200px;margin:auto;border-top:1px solid var(--line);padding:22px 40px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.initial{min-height:300px;display:flex;align-items:center;justify-content:center;gap:15px;color:var(--muted)}.spinner{width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#174e43;color:#fff;padding:15px 24px;border-radius:13px;z-index:100;box-shadow:0 8px 32px #0002;max-width:calc(100% - 30px);width:max-content;font-size:13px}#toast.error{background:#823b31}dialog{border:1px solid var(--line);border-radius:22px;padding:0;max-width:540px;width:calc(100% - 28px);color:var(--ink)}dialog::backdrop{background:#0d241ece;backdrop-filter:blur(5px)}.dialog-inner{padding:30px}#codes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}#codes code{padding:10px 5px;background:#f2f6ec;border:1px solid var(--line);border-radius:8px;text-align:center;font-size:11px}.check{display:flex;align-items:center;gap:9px;margin-top:20px}.check input{accent-color:var(--green);width:17px;height:17px}.busy{cursor:progress}.busy .top:after{content:'';position:fixed;top:0;left:0;height:3px;width:40%;background:#97b85e;animation:loading 1.2s infinite;z-index:200}@keyframes loading{to{left:100%}}@media(max-width:1000px){.auth-layout{gap:40px}.orb{position:static;margin:35px 20px;width:110px;height:110px}.orb svg{width:80px}h1{font-size:40px}.intro>p{max-width:none}.privacy{margin-top:30px}.dashboard-grid{grid-template-columns:260px 1fr}}@media(max-width:700px){.top{padding:20px}.secure{display:none}main{padding:30px 18px}.auth-layout{grid-template-columns:1fr;gap:28px}.intro{padding:0}.intro h1{font-size:32px;line-height:1.5;letter-spacing:-1px}.intro h1 br{display:none}.intro .orb{display:none}.intro>p{font-size:12px;margin-bottom:0}.intro .privacy{display:none}.intro .eyebrow{margin-bottom:8px}.card{padding:24px;border-radius:19px}.entry{min-height:0}h2{font-size:23px}.dashboard-grid{grid-template-columns:1fr}.welcome{align-items:flex-start;gap:10px}.welcome h1{font-size:26px}.welcome .secondary{font-size:10px;padding:10px;white-space:nowrap}.welcome .muted{font-size:11px}.profile dl{margin-top:20px}.profile .note{margin-bottom:0}.recovery-box{align-items:start;flex-direction:column}footer{padding:20px;gap:15px;font-size:9px}.dialog-inner{padding:22px}#codes{grid-template-columns:1fr}#codes code{font-size:12px}.brand-en{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@media(min-width:1001px){.orb{position:static;float:left;width:80px;height:80px;margin:8px 18px 26px 18px;box-shadow:0 0 0 9px #e6edda,0 0 0 10px #d7e0ca}.orb svg{width:56px}.privacy{clear:both}}