:root{--bg:#f5f6f2;--ink:#14272a;--deep:#173b3c;--line:#d8e0da;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}button,input{font:inherit}.shell{flex-direction:column;max-width:1600px;min-height:100vh;margin:auto;padding:0 5.5%;display:flex}.topbar{border-bottom:1px solid #d6dfd9;justify-content:space-between;align-items:center;height:100px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-mark{letter-spacing:-.08em;border:2px solid #15383a;border-radius:12px;justify-content:center;align-items:center;width:49px;height:49px;font-size:18px;font-weight:900;display:flex}.brand-mark span{color:#52a58a}.brand-name{letter-spacing:-.045em;font-size:18px;font-weight:800;line-height:1.13}.brand-name small{letter-spacing:.02em;margin-top:3px;font-size:11px;font-weight:500;display:block}.instructions{color:#205c40;background:#e3f3e7;border:1px solid #88b99a;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.grid{background:#fff;border:1px solid #dbe4de;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(310px,34%);min-height:630px;margin:35px 0 26px;display:grid;overflow:hidden;box-shadow:0 30px 70px #23483a0b}.main-panel{background:radial-gradient(circle at 95% 0,#eaf3eb 0,#0000 42%),#fff;padding:clamp(32px,6vw,88px)}.eyebrow{color:#66897a;letter-spacing:.19em;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.eyebrow i{background:#6caf90;width:8px;height:8px;transform:rotate(45deg)}h1{letter-spacing:-.067em;max-width:760px;margin:33px 0 24px;font-size:clamp(42px,5vw,76px);line-height:1.02}h1 em{color:#5a9c7e;font-style:normal}.intro{color:#58706b;max-width:540px;margin:0 0 45px;font-size:17px;line-height:1.65}.form,.result{max-width:620px}.form label,.kicker,.index{letter-spacing:.15em;font-size:12px;font-weight:800}.form label{margin-bottom:13px;display:block}.form-row{gap:10px;display:flex}.form-row input{background:#f7f9f6;border:1px solid #d1ddd4;border-radius:10px;outline:none;flex:1;min-width:0;padding:17px 18px;font-size:16px}.form-row input:focus{border-color:#3a8f75;box-shadow:0 0 0 3px #3a8f7529}.form-row button{background:var(--deep);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:18px;padding:0 22px;font-weight:700;display:flex}.form-row button:disabled{opacity:.6}.hint{color:#82938c;margin:12px 0 0;font-size:13px;line-height:1.5}.error{color:#943c35;background:#fff2f0;border:1px solid #f0d0cb;border-radius:10px;max-width:620px;margin-top:24px;padding:15px 17px}.side{background:var(--deep);color:#effaf0;flex-direction:column;padding:clamp(32px,4vw,58px);display:flex;position:relative;overflow:hidden}.side:after{content:"";border:1px solid #ffffff16;border-radius:50%;width:350px;height:350px;position:absolute;top:-100px;right:-110px;box-shadow:0 0 0 55px #ffffff07,0 0 0 110px #ffffff05}.wifi,.side-body,.side-bottom{z-index:1;position:relative}.wifi{color:#9bdfbd;border:1px solid #8bb7a650;border-radius:16px;place-items:center;width:60px;height:60px;display:grid}.side-body{margin:auto 0;padding:55px 0 45px}.index{color:#9bc2af}.side h2{margin:14px 0 40px;font-size:clamp(27px,2.8vw,39px);line-height:1.15}.side ol{margin:0;padding:0;list-style:none}.side li{color:#dbebe1;border-top:1px solid #ffffff24;grid-template-columns:35px 1fr;gap:14px;padding:19px 0;line-height:1.55;display:grid}.side li>span:first-child{color:#9bd8ad;font-size:12px;font-weight:700}.step-copy{font-size:15px}.side-bottom{color:#b4d4c3;border-top:1px solid #ffffff2e;flex-direction:column;gap:6px;padding-top:23px;font-size:12px;display:flex}.side-bottom a{color:#d2f2de;text-underline-offset:4px;font-size:15px}.result{border-top:1px solid #dce6df;margin-top:40px;padding-top:30px}.result-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.kicker{color:#5a9876}.result h2{overflow-wrap:anywhere;margin:7px 0 0;font-size:25px}.badge{color:#39755b;background:#e7f3e9;border-radius:100px;align-items:center;gap:5px;padding:7px 11px;font-size:12px;font-weight:800;display:flex}.qr{background:#fff;border:1px solid #dce6df;border-radius:16px;max-width:100%;margin-top:22px;padding:12px;display:inline-flex}.qr svg{max-width:100%;height:auto}.scan{color:#617a70;font-size:15px}.sub-link{overflow-wrap:anywhere;color:#23533c;background:#f7faf7;border:1px solid #d8e3db;border-radius:10px;padding:13px;font:13px/1.5 ui-monospace,monospace}.copy,.reset{border-radius:9px;align-items:center;gap:8px;margin-right:8px;padding:12px 16px;font-weight:700;display:inline-flex}.copy{color:#1c5a45;background:#edf5ee;border:1px solid #bacfc1}.reset{color:#647a70;background:0 0;border:0}.instructions-page{background:#fff;border:1px solid #dbe4de;border-radius:24px;max-width:980px;margin:54px auto 32px;padding:clamp(32px,6vw,76px);box-shadow:0 24px 60px #23483a0b}footer{color:#84958b;letter-spacing:.04em;justify-content:space-between;gap:20px;padding:0 0 30px;font-size:11px;line-height:1.5;display:flex}footer span:first-child{letter-spacing:.17em;font-weight:700}@media (max-width:850px){.shell{padding:0 4%}.grid{grid-template-columns:1fr;margin-top:20px}.side-body{padding:30px 0 20px}.side h2{margin-bottom:25px}.side li{padding:13px 0}.topbar{height:76px}}@media (max-width:600px){.topbar{height:76px}.main-panel{padding:32px 24px 42px}h1{margin:28px 0 22px;font-size:45px}.intro{margin-bottom:38px;font-size:16px}.form-row{flex-direction:column}.form-row button{min-height:54px}.side{padding:30px 24px}footer{flex-direction:column;align-items:flex-start}.brand-mark{width:42px;height:42px}.instructions{padding:10px;font-size:0}.instructions svg{width:18px;height:18px}}