:root{--navy:#1a2350;--navy2:#26316b;--teal:#0f7c74;--teal2:#0b625c;--gold:#f5b82e;--bg:#f4f6fb;--line:#e4e8f2;--p:#0f7c74;--p2:#1a2350}
body{background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath fill='%231a2350' fill-opacity='.045' d='M20 10l2 5 5 .5-4 3.5 1.2 5-4.2-2.7-4.2 2.7 1.2-5-4-3.5 5-.5zM85 70l1.4 3.4 3.6.4-2.7 2.4.8 3.5-3.1-1.9-3.1 1.9.8-3.5-2.7-2.4 3.6-.4z'/%3E%3C/svg%3E");color:#1e2440;font-family:Vazirmatn,Tahoma,sans-serif}
a{color:var(--teal)}
.top{background:var(--navy);box-shadow:0 2px 12px #1a235033}.top .wrap{padding:12px 16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand img{width:38px;height:38px}.brand small{display:block;font-size:.55em!important;opacity:.75}
.top nav a{color:#dfe4ff;padding:4px 10px;border-radius:10px}.top nav a:hover{background:#ffffff1a}
.badge{background:var(--gold);color:var(--navy);font-weight:700;border-radius:20px;padding:1px 10px}
.card{border:1px solid var(--line);border-radius:18px;padding:18px 22px;box-shadow:0 6px 24px #1a23500d}
.btn{background:var(--teal);border-radius:12px;padding:8px 20px;font-weight:600;transition:.15s}.btn:hover{background:var(--teal2)}
.btn.alt{background:var(--navy)}.btn.ghost{background:#fff;color:var(--navy);border:1.5px solid var(--line)}
h1,h2,h3{color:var(--navy)}
.hero{background:linear-gradient(135deg,var(--navy),var(--navy2));border-radius:22px}
.basketpill{background:var(--gold);color:var(--navy)!important;font-weight:800;border-radius:20px;padding:3px 14px!important}
/* steps */
.stepper{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 6px}.stepper a,.stepper span{background:#fff;border:1px solid var(--line);border-radius:30px;padding:4px 14px;font-size:.92em;color:var(--navy)}
.stepper .on{background:var(--navy);color:#fff}.stepper .done{background:#e7f4f2;border-color:#bfe3de;color:var(--teal2)}
.steptitle{font-size:1.45em;margin:18px 0 4px}.stepsub{color:#6b7394;margin:0 0 14px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.tile{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:6px;color:var(--navy);box-shadow:0 6px 24px #1a23500d;transition:.15s;position:relative;overflow:hidden}
.tile:hover{transform:translateY(-3px);border-color:var(--teal);box-shadow:0 10px 30px #0f7c7422}
.tile b{font-size:1.25em}.tile .cnt{color:var(--teal);font-weight:700}.tile:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--gold)}
.tile .ic{width:44px;height:44px;border-radius:14px;background:#eef1fb;display:grid;place-items:center;font-size:1.4em}
/* question card */
.qid{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px dashed var(--line);padding-bottom:8px;margin-bottom:10px}
.qid .line{color:var(--navy);font-weight:600;font-size:.92em}.qid .num{background:var(--navy);color:#fff;border-radius:10px;padding:0 10px;font-weight:700}
.addb{background:#fff;border:1.5px solid var(--teal);color:var(--teal);border-radius:12px;padding:4px 14px;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.addb.in{background:var(--teal);color:#fff}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;padding-right:22px}
details summary{color:var(--teal);font-weight:600;cursor:pointer}
.pager{display:flex;gap:6px;justify-content:center;margin:20px 0;flex-wrap:wrap}.pager a,.pager span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px 12px}.pager .cur{background:var(--navy);color:#fff}
.tag{border-radius:20px}
/* login */
body.auth{min-height:100vh;display:flex;flex-direction:column}
.authwrap{flex:1;display:grid;place-items:center;padding:30px 16px}
.authcard{width:100%;max-width:880px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 20px 60px #1a235026}
.authside{background:linear-gradient(160deg,var(--navy),#2b3a85);color:#fff;padding:40px 34px;display:flex;flex-direction:column;justify-content:center;gap:12px;position:relative}
.authside img{width:84px}.authside h1{color:#fff;margin:0;font-size:1.7em}.authside p{opacity:.85;margin:0}
.authside .chip{align-self:flex-start;background:var(--gold);color:var(--navy);border-radius:20px;padding:2px 14px;font-weight:700;font-size:.85em}
.authform{padding:44px 38px}.authform h2{margin:0 0 4px}.authform .sub{color:#6b7394;margin:0 0 22px}
.fld{display:block;margin-bottom:16px;font-weight:600;color:var(--navy)}.fld input,.form input,.form select{display:block;width:100%;margin-top:6px;border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;font:inherit;background:#f9fafe}
.fld input:focus,.form input:focus,.form select:focus{outline:none;border-color:var(--teal);background:#fff}
.authform .btn{width:100%;padding:11px;font-size:1.05em}.err{background:#fdecec;color:#a01818;border-radius:12px;padding:8px 12px;margin-bottom:12px}
@media(max-width:720px){.authcard{grid-template-columns:1fr}.opts{grid-template-columns:1fr}}
.form{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.form label{font-weight:600;color:var(--navy)}
.chk{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0}.chk label{display:flex;gap:6px;align-items:center}
.bq{display:flex;gap:12px;align-items:flex-start}.bq .n{background:var(--gold);color:var(--navy);font-weight:800;border-radius:10px;min-width:34px;text-align:center}
.bq .body{flex:1;min-width:0}.bq img.qcrop{max-height:140px;width:auto}
ol{list-style-type:persian}