:root{--g:#173d2a;--g2:#24583b;--gold:#d69b2d;--bg:#f5f2ea;--card:#fff;--ink:#20271f;--mut:#6d746e;--line:#e5e0d5;--soft:#eff5f0;--ok:#19713d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.top{background:linear-gradient(135deg,#102d1e,#173d2a 60%,#275f40);color:#fff;padding:24px 16px}
.topin{max-width:1080px;margin:auto}.brandrow{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.home{color:#fff;text-decoration:none;font-weight:800;background:#ffffff12;border:1px solid #ffffff2a;padding:9px 12px;border-radius:11px}
.privacy{font-size:13px;color:#dce9df}.top h1{font-size:clamp(30px,5vw,48px);margin:18px 0 8px}.top p{margin:0;color:#dce9df;line-height:1.55}
.wrap{max-width:1080px;margin:auto;padding:20px 14px 56px}.tabs{display:flex;gap:9px;margin-bottom:14px}.tab{flex:1;border:1px solid var(--line);background:#fff;padding:12px;border-radius:12px;font-weight:900;cursor:pointer}.tab.active{background:var(--g);color:#fff;border-color:var(--g)}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 6px 20px #0000000b}
.hero{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.hero h2{margin:4px 0 7px}.hero p{margin:0;color:var(--mut);line-height:1.5}.eyebrow{font-size:12px;font-weight:900;color:var(--g2);letter-spacing:.12em}
.progressbox{display:flex;align-items:center;gap:12px}.progressbox b{display:block}.progressbox span{display:block;font-size:12px;color:var(--mut);margin-top:3px}.ring{--p:0;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:conic-gradient(var(--g) calc(var(--p)*1%),#e9ece8 0);position:relative}.ring:after{content:"";position:absolute;width:58px;height:58px;border-radius:50%;background:#fff}.ring span{position:relative;z-index:2;font-size:17px;font-weight:900;color:var(--g);margin:0}
.grid{display:grid;grid-template-columns:1.45fr .7fr;gap:18px}.quick label{display:block;font-size:12px;font-weight:800;color:var(--mut);margin-bottom:5px}select{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}
.timeline{display:grid;gap:12px;margin-top:16px}.step{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;transition:.2s}.step.active{border-color:#94b29d;box-shadow:0 0 0 3px #edf5ef}.step.done{background:#f4faf5}.stephead{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:14px;cursor:pointer}.num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-weight:900;color:var(--g)}.step.done .num{background:var(--g);color:#fff}.stephead h3{margin:0;font-size:18px}.loc{font-size:12px;color:var(--mut);margin-top:3px}.chev{font-size:18px;color:var(--mut)}
.detail{display:none;padding:0 14px 15px 66px}.step.active .detail{display:block}.detail p{line-height:1.65;margin:0 0 12px}.todo{background:#f8faf8;border:1px solid var(--line);border-radius:12px;padding:11px 13px;margin:10px 0}.todo b{display:block;margin-bottom:5px}.dua{background:#fff7e6;border:1px solid #efd49c;border-radius:12px;padding:12px;margin-top:10px}.dua .ar{font-size:24px;direction:rtl;text-align:right;line-height:1.9}.dua .tr{font-size:13px;color:#5b5035;line-height:1.55;margin-top:5px}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.btn{border:0;border-radius:10px;padding:10px 12px;font-weight:800;cursor:pointer}.primary{background:var(--g);color:#fff}.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.full{width:100%;margin-top:12px}
.side{display:grid;gap:14px;align-content:start}.side h3{margin:0 0 12px}.sidegrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sidebox{border:1px solid var(--line);border-radius:12px;padding:11px;background:#fafbf9}.sidebox b{display:block;font-size:22px;color:var(--g)}.sidebox span,.muted{font-size:12px;color:var(--mut);line-height:1.55}
.warning{margin-top:18px;background:#fff7e5;border:1px solid #ebcf91;color:#624c1e;padding:13px;border-radius:13px;line-height:1.55;font-size:13px}footer{text-align:center;color:var(--mut);padding:24px}
@media(max-width:820px){.grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.progressbox{width:100%}.stephead{grid-template-columns:38px 1fr auto}.detail{padding-left:14px}.tabs{position:sticky;top:0;z-index:20;background:var(--bg);padding:8px 0}}