:root{--navy:#112d34;--ink:#17363b;--green:#276555;--accent:#e9ad76;--muted:#778480;--paper:#fafbf8;--line:#dce3dd}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit}.layout{display:grid;grid-template-columns:46% 54%;min-height:100vh}.story{background:var(--navy);color:#eef1e9;padding:48px 60px 30px;position:relative;overflow:hidden;display:flex;flex-direction:column}.story:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 100% 95%,#2a615c55,transparent 60%);pointer-events:none}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:700;font-size:23px;letter-spacing:4px;position:relative}.brandmark{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#dce9d6;color:var(--navy);border-radius:11px;letter-spacing:-3px;font-size:29px}.brandmark span{font-size:19px;align-self:flex-start;margin-top:4px}.brand-sub{display:block;font-size:9px;letter-spacing:2px;margin-top:4px;font-weight:500;color:#b2c4bf}.story-content{position:relative;margin:auto 0;padding-top:70px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:650;display:flex;gap:9px;align-items:center;margin-bottom:25px}.small-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--accent)}h1{font-family:Georgia,serif;font-size:clamp(38px,4vw,64px);line-height:1.08;letter-spacing:-1.9px;font-weight:400;margin:0 0 25px}h1 em{font-weight:400;color:var(--accent)}.story-description{font-size:14px;line-height:1.8;color:#b2c4bf;margin-bottom:8px}.security-art{position:relative;height:265px;max-width:390px;display:flex;align-items:center;justify-content:center;margin:20px auto 10px}.orbit{position:absolute;border:1px solid #a2bdb31c;border-radius:50%;width:190px;height:190px}.orbit-two{width:270px;height:270px}.orbit-three{width:350px;height:350px;border-style:dashed;border-color:#a2bdb311}.lock-tile{width:112px;height:120px;border:1px solid #88a69d55;border-radius:30px;background:linear-gradient(140deg,#42696288,#173d3b);color:#dce9d6;display:grid;place-items:center;transform:rotate(-10deg);box-shadow:0 18px 50px #0002}.lock-tile svg{transform:rotate(10deg)}.art-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);left:22%;top:20%}.art-dot.two{left:83%;top:69%;width:5px;height:5px;background:#94b8a5}.art-caption{position:absolute;bottom:4px;background:#21433f;border:1px solid #809a8d44;border-radius:25px;font-size:9px;letter-spacing:1.5px;padding:10px 15px}.story-footer{position:relative;display:flex;gap:9px;align-items:center;color:#a8bdb4;font-size:10px;margin-top:35px}.workspace{display:flex;flex-direction:column;padding:42px 58px 25px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;color:#86918b;font-size:9px;letter-spacing:1.6px}.test-badge{padding:6px 12px;border:1px solid var(--line);border-radius:20px;letter-spacing:.5px;color:#5c7166;background:#f0f3ed}.form-area{width:100%;max-width:390px;margin:auto; padding:65px 0}.steps{display:flex;align-items:center;gap:16px;font-size:10px;color:#9ba59d;margin-bottom:48px}.steps>span{display:flex;align-items:center;gap:9px;font-weight:600}.steps span span{font-weight:400}.steps i{height:1px;flex:1;background:var(--line)}.steps .active,.steps .done{color:var(--green)}.muted{color:var(--green);font-size:9px;letter-spacing:1.8px;margin-bottom:13px}h2{font-family:Georgia,serif;font-size:38px;letter-spacing:-1.3px;font-weight:400;margin:0 0 15px;line-height:1.15}.intro{color:#7b8780;font-size:13px;line-height:1.8;margin:0 0 32px}label{display:block;font-size:11px;font-weight:600;margin-bottom:10px}input:not([type=hidden]){display:block;width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:13px;margin-bottom:23px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #27655512}input::placeholder{color:#a4ada5}.primary{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:var(--green);border-radius:7px;color:#fff;padding:16px 19px;font-size:12px;font-weight:600;cursor:pointer;margin-top:9px;min-height:49px;text-decoration:none}.primary:hover{background:#1a4f41}.primary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.primary:disabled{opacity:.5;cursor:not-allowed}.primary span{font-size:19px;font-weight:400}.hint{display:flex;align-items:center;gap:13px;margin-top:25px;padding:17px 0;border-bottom:1px solid var(--line);color:#809087}.hint p{font-size:11px;line-height:1.8;margin:0}.hint-icon{font-size:15px;border:1px solid #cddacf;width:27px;height:29px;display:grid;place-items:center;border-radius:9px;color:var(--green);flex-shrink:0}.status{display:flex;align-items:center;gap:7px;font-size:10px;color:#87938a;margin-top:21px}.status-dot{height:5px;width:5px;background:#b1a077;border-radius:50%}.page-footer{display:flex;justify-content:space-between;font-size:9px;color:#97a097;gap:10px}.alert{background:#fff1e4;color:#8a4c24;border:1px solid #f0d8bf;padding:14px 16px;border-radius:7px;font-size:12px;line-height:1.5;margin-bottom:20px}.qr-wrap{background:white;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;margin:0 auto 16px;padding:12px;width:max-content;max-width:100%}.qr-wrap img{display:block;max-width:100%;object-fit:contain}details{font-size:11px;line-height:1.7;margin-bottom:23px;color:#718378}summary{cursor:pointer;color:var(--green)}.secret{display:block;overflow-wrap:anywhere;font-size:12px;background:#eef3eb;padding:10px}.otp{letter-spacing:3px;font-size:19px!important}.back{display:inline-block;margin-top:23px;font-size:11px;color:#718378;text-decoration:none}.success-icon{display:grid;place-items:center;width:50px;height:50px;background:#e6efdf;border:1px solid #d1e0c9;border-radius:16px;color:var(--green);font-size:24px;margin-bottom:27px}.checklist{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0;margin-bottom:22px}.checklist>div{display:flex;align-items:center;gap:13px;padding:13px 0}.checklist>div>span{color:var(--green);background:#eaf0e6;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:12px}.checklist p{margin:0;font-size:12px}.checklist strong{display:block;font-size:10px;font-weight:400;color:#89958b;margin-top:5px}.note{font-size:11px;color:#829086;line-height:1.8;margin-bottom:23px}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:25px}.recovery-grid code{font-size:12px;border:1px solid var(--line);border-radius:5px;padding:11px 7px;text-align:center;background:white}@media(min-width:1500px){.story{padding-left:90px;padding-right:90px}.workspace{padding-left:85px;padding-right:85px}.form-area{max-width:420px}}@media(max-width:850px){.story{padding:35px 30px 25px}.workspace{padding:35px 30px 25px}h1{font-size:39px}.form-area{padding:50px 0}h2{font-size:32px}.security-art{height:230px;transform:scale(.8);margin-left:-25px;margin-right:-25px}}@media(max-width:620px){.layout{display:block}.story{padding:23px 25px 27px}.brand{font-size:18px}.brandmark{width:37px;height:37px;font-size:24px}.brand-sub{font-size:8px}.story-content{padding-top:26px}.story-content .eyebrow{font-size:8px;margin-bottom:14px}.story h1{font-size:33px;line-height:1.12;letter-spacing:-.9px;margin-bottom:0}.story h1 br{display:none}.story h1 em{display:block}.story-description,.security-art,.story-footer{display:none}.workspace{padding:25px 25px 22px;min-height:65vh}.form-area{padding:37px 0;max-width:400px}.steps{margin-bottom:30px}.topbar{font-size:8px}h2{font-size:34px}.page-footer{font-size:8px}.intro{margin-bottom:24px}.captcha-wrap{transform-origin:left top;max-width:100%;overflow:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}