:root{--b:#4f46e5;--on:#ffffff;--b2:#2d22e0;--bt:#ecebf7;--bb:#cccae7;--bg2:#f6f6fb;--bl:#7971f4;--b3:#9141db;--bd:#0f0e13}
:root{--ink:#0c0a09;--d:#0c0a09;--tx:#292524;--m:#78716c;--l:#e7e5e4;--bg:#faf8f6;--r:14px;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 Manrope,"Segoe UI",system-ui,sans-serif;color:var(--tx);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--b2);text-decoration:none}img{max-width:100%}h1,h2,h3,h4,.logo,.btn,summary{font-family:Poppins,"Segoe UI",system-ui,sans-serif}h1,h2,h3,h4{color:var(--ink);line-height:1.2;margin:0 0 .5em}
.i{flex:none;vertical-align:middle}.w{max-width:1240px;margin:auto;padding:0 20px}.mono{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--m);font-weight:600}
[hidden]{display:none!important}
/* ---- top strip + dark navbar ---- */
.top{display:none}
.strip{background:var(--b);color:var(--on);font-size:.82rem;font-weight:600}.strip .w{display:flex;align-items:center;gap:14px;height:34px}
.strip .nw{background:var(--bd);color:var(--bl);font:700 .62rem var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:4px;white-space:nowrap}
.strip .mq{flex:1;overflow:hidden;white-space:nowrap}.strip .mq div{display:inline-block;animation:mq 45s linear infinite}.strip .mq a{display:inline-block;margin-right:56px;color:var(--on)}.strip .mq a:hover{text-decoration:underline}.mq:hover div{animation-play-state:paused}.strip .hide{white-space:nowrap}
@keyframes mq{to{transform:translateX(-50%)}}
.hdr{position:sticky;top:0;z-index:30;background:rgba(12,10,9,.96);backdrop-filter:blur(10px);border-bottom:1px solid #2a2522}
.cap{position:relative;display:flex;align-items:center;gap:18px;height:66px}
.logo{display:flex;align-items:center;gap:10px;font-size:1.28rem;font-weight:800;color:#fff;white-space:nowrap}.logo b{color:var(--bl)}
.logo i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--b);color:var(--on)}
.hdr nav{flex:1;display:flex;justify-content:center;gap:0}.hdr nav a{padding:8px 9px;font-size:.84rem;font-weight:600;color:#d6d3d1;white-space:nowrap;position:relative}
.hdr nav a:hover{color:#fff}.hdr nav a.on{color:var(--bl)}.hdr nav a.on:after{content:"";position:absolute;left:9px;right:9px;bottom:-14px;height:3px;border-radius:3px 3px 0 0;background:var(--b)}
.act2{display:flex;align-items:center;gap:8px}.act2 .sf{display:flex;border-radius:999px;background:#1c1917;border:1px solid #3a3532;padding:0 2px 0 0}.act2 .sf button{border:0;background:none;color:#d6d3d1;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;padding:0;margin:0}
.act2 .sf input{width:0;padding:0;margin:0;border:0;color:#fff;background:transparent;transition:width .3s,padding .3s;outline:0}.act2 .sf:focus-within input{width:150px;padding:8px 10px 8px 0}
.cta{margin:0;padding:9px 20px;border-radius:8px;font-size:.84rem}
.bg{display:none;cursor:pointer;color:#fff}
@media(max-width:1399px){.cta{display:none}}
/* ---- buttons / pills ---- */
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--b);color:var(--on);padding:12px 24px;border-radius:10px;font-weight:600;font-size:.94rem;border:1px solid var(--b);cursor:pointer;margin:6px 10px 6px 0;transition:.2s}.btn:hover{background:var(--b2);border-color:var(--b2);transform:translateY(-2px);box-shadow:0 14px 24px -12px color-mix(in srgb,var(--b) 80%,transparent)}
.btn.o{background:#fff;color:var(--ink);border-color:var(--l)}.btn.o:hover{border-color:var(--ink);color:var(--ink);box-shadow:none}.btn svg{transition:.2s}.btn:hover svg{transform:translateX(4px)}
.dkb .btn.o,.hero .btn.o,.phero .btn.o,.ctab .btn.o{background:transparent;color:#fff;border-color:#57534e}.dkb .btn.o:hover,.hero .btn.o:hover,.ctab .btn.o:hover{border-color:var(--bl);color:var(--bl)}
.more{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--l);background:#fff;color:var(--ink);padding:8px 16px;border-radius:8px;font-weight:700;font-size:.86rem;transition:.2s}.more:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--bl) 45%,transparent);background:color-mix(in srgb,var(--b) 12%,transparent);color:var(--bl);font:700 .68rem var(--mono);letter-spacing:.08em;padding:6px 14px;border-radius:6px;text-transform:uppercase}
.tag{display:inline-block;background:var(--bt);color:var(--b2);font:700 .66rem var(--mono);padding:4px 10px;border-radius:5px;text-transform:uppercase;letter-spacing:.05em}.tag.gr{background:#e7f6ec;color:#15803d}
small{color:var(--b2);font-weight:700;text-transform:uppercase;font-size:.68rem;letter-spacing:.07em}
/* ---- home hero banner ---- */
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 0%,color-mix(in srgb,var(--b) 38%,transparent),transparent 45%),radial-gradient(circle at 0% 100%,color-mix(in srgb,var(--b3) 16%,transparent),transparent 40%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/44px 44px,var(--bd);color:#d6d3d1;padding:78px 0 84px}
.hero .w{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{color:#fff;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;margin:20px 0 16px;line-height:1.08;letter-spacing:-.02em}.hero h1 em{font-style:normal;color:var(--bl)}.hero p{color:#d6d3d1;font-size:1.1rem;max-width:560px;margin:0 0 20px}
.hsrch{display:flex;align-items:center;gap:10px;background:#1c1917;border:1px solid #3a3532;border-radius:12px;padding:5px 5px 5px 16px;max-width:540px;color:#a8a29e;margin-top:14px}.hsrch:focus-within{border-color:var(--b)}
.hsrch input{border:0;outline:0;margin:0;padding:11px 0;background:none;flex:1;font:inherit;color:#fff;width:100%}.hsrch .btn{margin:0;border-radius:8px;padding:10px 20px}
.pop2{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:.84rem;color:#a8a29e}.pop2 a{border:1px solid #3a3532;color:#e7e5e4;padding:3px 12px;border-radius:6px;font-weight:600;font-size:.8rem}.pop2 a:hover{border-color:var(--bl);color:var(--bl)}
.pv{background:#14110f;border:1px solid #2f2926;border-radius:14px;padding:14px;max-width:430px;margin-left:auto;box-shadow:0 40px 70px -40px #000}
.pvh{display:flex;align-items:center;gap:7px;padding:2px 4px 12px;color:#78716c;font:600 .72rem var(--mono)}.pvh i{width:10px;height:10px;border-radius:50%;background:#3a3532}.pvh i:first-child{background:#ef4444}.pvh i:nth-child(2){background:#f59e0b}.pvh i:nth-child(3){background:#22c55e}.pvh span{margin-left:8px}
.pvc{display:flex;align-items:center;gap:14px;background:#1c1917;border:1px solid #2f2926;border-left:3px solid var(--b);border-radius:10px;padding:14px 16px;margin-bottom:10px;color:#fff;transition:.2s}.pvc:last-child{margin:0}.pvc:hover{border-color:var(--bl);transform:translateX(4px)}
.pvc:nth-child(3){margin-left:18px}.pvc:nth-child(4){margin-left:36px}.pvc .t{width:42px;height:42px;border-radius:10px;background:color-mix(in srgb,var(--b) 18%,#14110f);color:var(--bl);display:grid;place-items:center;flex:none}
.pvc b{display:block;font-family:Poppins,sans-serif;font-size:.95rem;color:#fff}.pvc span.s{font-size:.8rem;color:#a8a29e}.pvc .tg{margin-left:auto;font:700 .62rem var(--mono);color:var(--bl);border:1px solid color-mix(in srgb,var(--bl) 40%,transparent);padding:3px 8px;border-radius:5px;letter-spacing:.06em}
/* ---- inner banner ---- */
.phero{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--b) 36%,transparent),transparent 42%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/40px 40px,var(--bd);color:#d6d3d1;text-align:left;padding:52px 0 50px;border-bottom:3px solid var(--b)}
.phero h1{color:#fff;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:800;margin:16px 0 12px;max-width:860px}.phero h1 .y{color:var(--bl)}.phero h1 .bl{color:#fff}.phero p{max-width:640px;margin:0;font-size:1.05rem;color:#d6d3d1}
.chips-s{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.chips-s div{background:#1c1917;border:1px solid #2f2926;border-left:3px solid var(--b);border-radius:10px;padding:12px 24px;min-width:130px}.chips-s b{display:block;color:#fff;font:700 1.3rem Poppins,sans-serif}.chips-s span{font:600 .66rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#a8a29e}
.ps{display:flex;align-items:center;gap:10px;max-width:520px;margin:24px 0 0;background:#1c1917;border:1px solid #3a3532;border-radius:10px;padding:0 16px;color:#a8a29e}.ps input{flex:1;background:none;border:0;outline:0;color:#fff;font:inherit;padding:13px 0;margin:0;width:100%}
.lhero{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--b) 34%,transparent),transparent 45%),var(--bd);color:#d6d3d1;padding:54px 0;border-bottom:3px solid var(--b)}.lhero .w{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.lhero h1{color:#fff;font-size:clamp(2rem,4.4vw,3rem);font-weight:800}.lhero h1 em{font-style:normal;color:var(--bl)}.lhero .lead{color:#d6d3d1}
.fp{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.fp div{display:flex;gap:10px;align-items:center;background:#1c1917;border:1px solid #2f2926;border-radius:10px;padding:10px 16px;color:var(--bl);font-size:.85rem}.fp b{display:block;font-family:Poppins,sans-serif;font-size:.85rem;color:#fff}.fp span{color:#a8a29e;font-size:.74rem}
.art{width:100%;max-width:440px;margin:auto;display:block}
/* ---- sections ---- */
.sec{padding:64px 0}.alt{background:var(--bg)}
.hd{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:30px}.hd h2{padding:0 0 0 16px;border-left:5px solid var(--b);font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800;margin:0;line-height:1.15}.hd p{margin:8px 0 0 21px;color:var(--m)}
.g{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.ic{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--bd);color:var(--bl);margin-bottom:14px;transition:.25s;flex:none}
/* cards */
.card{position:relative;background:#fff;border:1px solid var(--l);border-radius:var(--r);padding:22px;color:inherit;display:block;transition:.22s;overflow:hidden}
.card:before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--b);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.card:hover{transform:translateY(-4px);border-color:#d6d3d1;box-shadow:0 22px 40px -28px rgba(12,10,9,.55)}.card:hover:before{transform:scaleX(1)}.card:hover .ic{background:var(--b);color:var(--on)}
.card h3{font-size:1.06rem;font-weight:700;margin:2px 0 8px}.card p{margin:0;color:var(--m);font-size:.9rem}
.go{display:inline-flex;gap:6px;align-items:center;margin-top:16px;font-weight:700;font-size:.84rem;color:var(--b2)}.go svg{transition:.2s}.card:hover .go svg{transform:translateX(5px)}
.xt{display:flex;justify-content:space-between;align-items:flex-start}.xt .ic{margin-bottom:12px}
.xc p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.meta span{font:600 .68rem var(--mono);color:var(--m);background:var(--bg);border:1px solid var(--l);padding:3px 9px;border-radius:5px;text-transform:uppercase;letter-spacing:.04em}
.fc2{padding:20px}.fc2 .t{width:42px;height:42px;border-radius:10px;background:var(--bd);color:var(--bl);display:grid;place-items:center;margin-bottom:14px;transition:.25s}.fc2:hover .t{background:var(--b);color:var(--on)}.fc2 h3{font-size:1rem;margin:0 0 3px}.fc2 p{font-size:.82rem}
.sc h3{font-size:1.15rem;font-weight:800;margin:0 0 12px}.les{list-style:none;margin:0;padding:0;border-top:1px solid var(--l)}.les li{display:flex;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--l);font-size:.88rem;color:var(--tx);font-weight:600}.les li span{font:700 .68rem var(--mono);color:var(--b2)}.les li.em{color:var(--m);font-weight:500}
.dkb{background:var(--bd);color:#d6d3d1;position:relative;overflow:hidden}.dkb:before{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(color-mix(in srgb,var(--b) 40%,transparent),transparent 70%)}
.why{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.why h2{color:#fff;font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:800}.why p{color:#d6d3d1;font-size:1.05rem}.why p b{color:#fff}.ey{color:var(--bl)!important;display:block;margin-bottom:12px}
.pw{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wc{background:#1c1917;border-color:#2f2926}.wc h3{color:#fff;font-size:1rem}.wc p{color:#a8a29e}.wc:hover{border-color:var(--b);box-shadow:none}.wc .ic{background:color-mix(in srgb,var(--b) 18%,#14110f)}
.nb{background:#fff;border:1px solid var(--l);border-radius:var(--r);overflow:hidden}.nh{display:flex;gap:12px;align-items:center;background:var(--bd);padding:14px 20px;color:var(--bl)}.nh h3{margin:0;font-size:1rem;color:#fff}.nb ul{list-style:none;margin:0;padding:6px 20px}.nb li{padding:12px 0 12px 18px;border-bottom:1px solid var(--l);font-weight:600;font-size:.9rem;position:relative}.nb li:last-child{border:0}.nb li:before{content:"";position:absolute;left:0;top:21px;width:7px;height:7px;border-radius:2px;background:var(--b)}.nb li a{color:var(--tx)}.nb li a:hover{color:var(--b2)}.nb .va{display:block;padding:14px 20px;border-top:1px solid var(--l);background:var(--bg);font-weight:700;font-size:.86rem}
.tc{padding:24px}.tc:before{display:none}.tc .u{display:flex;gap:14px;align-items:center;margin-bottom:12px}.av{width:44px;height:44px;border-radius:10px;background:var(--bd);color:var(--bl);display:grid;place-items:center;font:700 1.05rem Poppins,sans-serif;flex:none}.tc b{display:block;font-family:Poppins,sans-serif;font-size:.95rem;color:var(--ink)}.tc small{text-transform:none;color:var(--m);font-weight:500;letter-spacing:0}.tc p{color:var(--tx);border-left:3px solid var(--b);padding-left:14px}
.sb{background:var(--bd);padding:40px 0;border-block:3px solid var(--b)}.sb .w{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.sb div{display:flex;flex-direction:column;justify-content:center;padding:0 26px;border-left:1px solid #2f2926;color:#a8a29e;font:600 .72rem var(--mono);text-transform:uppercase;letter-spacing:.1em}.sb div:first-child{border:0;padding-left:0}.sb .t{display:none}.sb b{display:block;font:800 2.4rem Poppins,sans-serif;color:var(--bl);line-height:1.1;letter-spacing:0;text-transform:none}.sb span{display:block}
.pl{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}.pl a,.pl button{border:1px solid var(--l);background:#fff;color:var(--tx);padding:8px 18px;border-radius:8px;font:700 .84rem Manrope,sans-serif;cursor:pointer;transition:.2s}.pl a:hover,.pl button:hover{border-color:var(--ink);color:var(--ink)}.pl .on{background:var(--ink);color:#fff;border-color:var(--ink)}
.bc2{padding:0}.bc2 .im{aspect-ratio:16/9;background:linear-gradient(135deg,#1c1917,var(--bd));display:grid;place-items:center;color:color-mix(in srgb,var(--b) 70%,#1c1917);position:relative;overflow:hidden;border-bottom:3px solid var(--b)}.bc2 .im img{width:100%;height:100%;object-fit:cover;transition:.4s}.bc2:hover .im img{transform:scale(1.04)}
.bc2 .bd{padding:18px 20px 22px}.bc2 .mt{display:flex;justify-content:space-between;gap:8px;font-size:.76rem;color:var(--m);margin-bottom:8px}.bc2 .mt b{font:700 .68rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--b2)}.bc2 h3{font-size:1.06rem;line-height:1.35;margin:0 0 8px}.bc2 p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ctr{text-align:center;margin-top:30px}
.ctab{background:var(--bd);background-image:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--b) 40%,transparent),transparent 50%);border-top:3px solid var(--b);padding:54px 0;margin-top:20px}.ctab .w{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.ctab h2{color:#fff;margin:0 0 6px;font-size:clamp(1.5rem,3vw,2.1rem)}.ctab p{color:#d6d3d1;margin:0}
/* ---- prose / inner pages ---- */
.prose{max-width:960px;margin:0 auto;color:#44403c}.prose h2{font-size:1.65rem;font-weight:800;margin:34px 0 12px}.prose h3{font-size:1.2rem;font-weight:700;margin:26px 0 8px}.prose p{margin:0 0 14px;line-height:1.85}.prose ul,.prose ol{margin:0 0 16px;padding-left:26px}.prose li{padding:4px 0;line-height:1.75}.prose li::marker{color:var(--b)}.prose a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.prose strong{color:var(--ink)}.prose table{border-collapse:collapse;width:100%;margin:16px 0}.prose td,.prose th{border:1px solid var(--l);padding:9px 12px}.prose img{border-radius:10px;height:auto}
.pg{padding:44px 20px 20px}.pg h1.pt{font-size:clamp(1.8rem,3.4vw,2.4rem);font-weight:800}.lead{font-size:1.1rem;color:var(--m);max-width:780px}
.bc{margin:0 0 18px;font:600 .74rem var(--mono);text-transform:uppercase;letter-spacing:.04em}.bc ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 0;margin:0;padding:0;color:var(--m)}.bc li+li:before{content:"/";margin:0 9px;color:#a8a29e}.bc a{color:var(--m)}.bc a:hover{color:var(--b)}.bc [aria-current]{color:var(--ink)}
.phero .bc ol,.phero .bc a{color:#a8a29e}.phero .bc a:hover{color:#fff}.phero .bc [aria-current]{color:#fff}.phero .bc li+li:before{color:#57534e}
.eh{position:relative;background:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--b) 36%,transparent),transparent 42%),var(--bd);color:#d6d3d1;padding:36px 0 44px;border-bottom:3px solid var(--b)}.eh .w{display:grid;grid-template-columns:1fr 340px;gap:30px;align-items:center}.eh h1{color:#fff;font-size:clamp(2.1rem,5vw,3.2rem);font-weight:800;margin:14px 0 10px}.eh h1 em{font-style:normal;color:var(--bl)}.eh p{color:#d6d3d1;font-size:1.08rem}.eh .go{color:var(--bl)}.eh .tag{background:color-mix(in srgb,var(--b) 18%,transparent);color:var(--bl)}.eh .tag.gr{background:#14301f;color:#4ade80}.eh .bc ol,.eh .bc a{color:#a8a29e}.eh .bc [aria-current]{color:#fff}
.tile{width:210px;height:160px;margin:auto;border-radius:16px;background:#1c1917;border:1px solid #2f2926;border-left:4px solid var(--b);display:grid;place-items:center;color:var(--bl);position:relative}.tile .pill{position:absolute;right:-14px;top:-14px;font-size:.62rem}
.post{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start}
.ph h1{font-size:clamp(1.9rem,4vw,2.7rem);font-weight:800;margin:14px 0 18px}.ph .row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;color:var(--m);font-size:.82rem}
.au{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--l);border-radius:12px;padding:12px 18px;margin:0 0 18px}.au>div{display:flex;align-items:center;gap:14px}.au .a{width:44px;height:44px;border-radius:10px;background:var(--bd);color:var(--bl);display:grid;place-items:center}.au b{display:block;font-family:Poppins,sans-serif;font-size:.95rem;color:var(--ink)}.au span{font-size:.8rem;color:var(--m)}.au .more{padding:6px 14px;font-size:.8rem}
.toc{background:var(--bg);border:1px solid var(--l);border-left:4px solid var(--b);border-radius:10px;padding:18px 24px;margin:0 0 22px}.toc h4{font:700 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;display:flex;gap:8px;align-items:center;margin:0 0 10px;color:var(--b2)}.toc ol{margin:0;padding:0;list-style:none;columns:2;gap:30px;counter-reset:t}.toc li{counter-increment:t;font-size:.9rem;padding:4px 0;break-inside:avoid}.toc li:before{content:counter(t,decimal-leading-zero);color:var(--b2);font:700 .72rem var(--mono);margin-right:10px}.toc a{color:var(--tx);font-weight:600}.toc a:hover{color:var(--b2)}
.pc{background:#fff;border:1px solid var(--l);border-radius:var(--r);padding:34px}.pc .prose{max-width:none}.pc>img{border-radius:10px;margin:0 0 22px;width:100%;height:auto}
.side{position:sticky;top:90px;display:grid;gap:18px}.sd{background:#fff;border:1px solid var(--l);border-radius:var(--r);padding:20px}.sd h4{display:flex;gap:10px;align-items:center;font:700 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;color:var(--ink)}.sd ol{margin:0;padding:0;list-style:none;counter-reset:s}.sd li{counter-increment:s;padding:10px 0 10px 30px;border-bottom:1px solid var(--l);font-size:.86rem;position:relative;line-height:1.5}.sd li:before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:11px;color:var(--b2);font:700 .68rem var(--mono)}.sd li:last-child{border:0}.sd li a{color:var(--tx);font-weight:600}.sd li a:hover{color:var(--b2)}
.sd.dk{background:var(--bd);border:0;border-top:3px solid var(--b);color:#d6d3d1}.sd.dk h4{color:var(--bl)}.bk{display:flex;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid #2f2926}.bk:last-child{border:0}.bk .t{width:44px;height:44px;border-radius:10px;background:#1c1917;color:var(--bl);display:grid;place-items:center;flex:none}.bk b{display:block;color:#fff;font-family:Poppins,sans-serif;font-size:.88rem;line-height:1.3}.bk .bn{display:inline-block;background:var(--b);color:var(--on);font:700 .68rem Poppins,sans-serif;padding:2px 10px;border-radius:5px;margin-top:4px}
.cl a{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--l);color:var(--tx);font-weight:600;font-size:.88rem}.cl a:last-child{border:0}.cl a:hover{color:var(--b2)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tags span{background:var(--bg);border:1px solid var(--l);color:var(--tx);padding:3px 12px;border-radius:6px;font:600 .78rem var(--mono)}
.vid{position:relative;aspect-ratio:16/9;margin:18px 0}.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:10px}
.pcard{padding:0}.pcard .im{height:140px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--b) 40%,transparent),transparent 60%),var(--bd);display:flex;gap:8px;padding:14px;align-items:flex-start;border-bottom:3px solid var(--b)}.pcard .im span{background:#1c1917;border:1px solid #3a3532;color:#fff;font:700 .66rem var(--mono);padding:4px 10px;border-radius:5px;display:flex;gap:6px;align-items:center;text-transform:uppercase}.pcard .im .ly{background:var(--b);border-color:var(--b);color:var(--on)}.pcard .bd{padding:18px 20px 22px}
.fbar{background:#fff;border:1px solid var(--l);border-radius:var(--r);padding:16px 18px;margin:-30px 0 28px;position:relative;z-index:2;box-shadow:0 18px 40px -28px rgba(12,10,9,.5)}.fbar .s{display:flex;gap:10px;align-items:center;background:var(--bg);border:1px solid var(--l);border-radius:10px;padding:0 14px;margin-bottom:12px}.fbar .s input{flex:1;border:0;background:none;outline:0;padding:12px 0;margin:0;font:inherit;width:100%}
/* ---- tables / forms / quiz ---- */
.box{background:#fff;border:1px solid var(--l);border-radius:var(--r);padding:24px}.box ul{list-style:none;margin:0;padding:0}.box li{padding:10px 0;border-bottom:1px solid var(--l)}.box li:last-child{border:0}
table{width:100%;border-collapse:collapse;font-size:.92rem}th{text-align:left;color:var(--m);font:700 .68rem var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:10px 12px;border-bottom:2px solid var(--ink)}td{padding:13px 12px;border-bottom:1px solid var(--l);vertical-align:middle}tr:last-child td{border:0}
.sm{display:inline-block;padding:6px 14px;border-radius:7px;background:var(--bd);color:#fff;border:0;font:700 .78rem Manrope,sans-serif;cursor:pointer;margin-right:6px}a.sm:hover{background:var(--b);color:#fff}.sm.dl{background:#fee2e2;color:#dc2626}.act{white-space:nowrap;text-align:right}
input,textarea,select{width:100%;padding:12px 16px;margin:4px 0 14px;border:1px solid #d6d3d1;border-radius:10px;font:inherit;background:#fff;color:var(--tx)}input:focus,textarea:focus,select:focus{outline:2px solid color-mix(in srgb,var(--b) 35%,transparent);border-color:var(--b)}
.opt{display:block;padding:12px 18px;border:1px solid var(--l);border-radius:10px;margin:8px 0;cursor:pointer;transition:.2s}.opt:hover{border-color:var(--ink)}.opt input{width:auto;margin:0 10px 0 0}.opt:has(input:checked){border-color:var(--b);background:var(--bt)}.ok{border-color:#22c55e!important;background:#f0fdf4!important}.bad{border-color:#ef4444!important;background:#fef2f2!important}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;text-align:center}.stats div{background:#fff;border:1px solid var(--l);border-radius:var(--r);padding:22px;color:var(--m)}.stats b{display:block;font:800 2rem Poppins,sans-serif;color:var(--b)}
.al{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;padding:10px 16px;border-radius:10px}
details{border-bottom:1px solid var(--l);padding:16px 0}summary{font:600 1rem Poppins,sans-serif;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";color:var(--b);font-size:1.4rem;line-height:1}details[open] summary:after{content:"\2212"}details p{margin:10px 0 0;color:var(--m)}
.adbox{margin:24px 0;text-align:center}
/* ---- footer: black + orange ---- */
footer.ft{background:var(--bd);color:#a8a29e;margin-top:80px;padding:0 0 26px;border-top:3px solid var(--b)}
.fnl{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--b);border-radius:14px;padding:26px 30px;margin-top:-44px;color:var(--on);box-shadow:0 30px 50px -30px #000}
.fnl h3{color:var(--on);margin:0 0 4px;font-size:1.25rem}.fnl p{margin:0}.fnl form{display:flex;gap:10px;flex:1;min-width:280px;max-width:520px}.fnl input{margin:0;border:0;border-radius:10px;background:#fff}.fnl .btn{margin:0;background:var(--bd);border-color:var(--bd);color:#fff;white-space:nowrap}.fnl .btn:hover{background:#000;box-shadow:none}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:34px;padding:46px 0 30px}
.fb .logo{color:#fff}.fb p{max-width:320px;margin:14px 0;line-height:1.75}.fl{display:flex;align-items:center;gap:10px;color:#e7e5e4!important;padding:4px 0;font-weight:600;font-size:.9rem}.fl svg{color:var(--bl)}
.ft h4{font:700 .72rem var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--bl);margin:0 0 14px}
.ft .fgrid>div:not(.fb) a{display:block;color:#a8a29e;padding:4px 0;font-weight:500}.ft .fgrid>div:not(.fb) a:hover{color:#fff;padding-left:4px}
.ft .soc{display:flex;gap:8px;margin-top:14px}.ft .soc a{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:#1c1917;border:1px solid #2f2926;color:#e7e5e4!important;padding:0!important}.ft .soc a:hover{background:var(--b);border-color:var(--b);transform:translateY(-3px)}
.fbot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid #2a2522;padding-top:22px;font-size:.85rem}.fbot a{color:#a8a29e;margin-left:18px}.fbot a:hover{color:var(--bl)}
.wa{position:fixed;right:20px;bottom:84px;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 24px -8px #25d366aa;z-index:40;transition:.25s}.wa:hover{transform:scale(1.1)}
.tt{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border-radius:10px;background:var(--b);color:var(--on);display:grid;place-items:center;z-index:40;border:0;cursor:pointer;box-shadow:0 10px 24px -8px #0008;transition:.25s;padding:0;margin:0}.tt:hover{background:var(--b2);transform:translateY(-3px)}
.pop{position:fixed;left:20px;bottom:20px;max-width:320px;background:#fff;border:1px solid var(--l);border-top:3px solid var(--b);border-radius:12px;padding:22px;box-shadow:0 20px 50px #0003;z-index:50}.pop img{border-radius:8px;margin-bottom:10px;height:auto}.pop h4{margin:0 0 6px}.pop p{margin:0 0 10px;color:var(--m);font-size:.9rem}.pop>button{position:absolute;right:12px;top:6px;border:0;background:none;font-size:1.5rem;cursor:pointer;color:var(--m)}.pop .btn{padding:9px 18px;font-size:.9rem;margin:0}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--b) 50%,transparent);outline-offset:2px}
/* ---- responsive ---- */
@media(max-width:1180px){.g4{grid-template-columns:repeat(2,1fr)}.hdr nav a{padding:8px 7px;font-size:.8rem}}
@media(max-width:1100px){.bg{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#1c1917;color:#fff;margin:0}.hdr nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bd);border:1px solid #2f2926;border-radius:0 0 14px 14px;padding:10px;flex-direction:column;box-shadow:0 24px 40px -20px #000}#mn:checked~nav{display:flex}.hdr nav a{padding:11px 14px}.hdr nav a.on:after{display:none}.act2{margin-left:auto}}
@media(max-width:980px){.post{grid-template-columns:1fr}.side{position:static}.why{grid-template-columns:1fr}.sb .w{grid-template-columns:1fr 1fr;row-gap:22px}.sb div:nth-child(3){border-left:0;padding-left:0}.g3{grid-template-columns:repeat(2,1fr)}.fgrid{grid-template-columns:1fr 1fr 1fr}.fb{grid-column:1/-1}.hero .w,.lhero .w,.eh .w{grid-template-columns:1fr}.pv{margin:0;max-width:none}.tile{display:none}}
@media(max-width:820px){.strip .hide{display:none}.sec{padding:46px 0}.hero{padding:50px 0 54px}.toc ol{columns:1}.pc{padding:22px}.fbot a{margin:0 14px 0 0}}
@media(max-width:560px){.g3,.g4,.g2,.pw{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}.sb .w{grid-template-columns:1fr}.sb div{border:0;padding:0}.pvc:nth-child(n){margin-left:0}.fnl{padding:22px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.cta{white-space:nowrap;line-height:1.2}.cap .btn{margin:0}

/* ===== v26: white / light surfaces instead of black ===== */
.strip .nw{background:#fff;color:var(--b2)}
.hdr{background:rgba(255,255,255,.95);border-bottom:1px solid var(--l)}
.logo{color:var(--ink)}.logo b{color:var(--b)}
.hdr nav a{color:#44403c}.hdr nav a:hover{color:var(--b)}.hdr nav a.on{color:var(--b)}
.act2 .sf{background:var(--bg);border:1px solid var(--l)}.act2 .sf button{color:var(--b)}.act2 .sf input{color:var(--tx)}
.bg{background:var(--bt);color:var(--b)}
@media(max-width:1100px){.hdr nav{background:#fff;border:1px solid var(--l);box-shadow:0 24px 40px -22px rgba(12,10,9,.35)}.bg{background:var(--bt);color:var(--b)}}
/* hero */
.hero{background:radial-gradient(circle at 88% 0%,color-mix(in srgb,var(--b) 16%,transparent),transparent 46%),radial-gradient(circle at 0% 100%,color-mix(in srgb,var(--b3) 10%,transparent),transparent 40%),linear-gradient(color-mix(in srgb,var(--b) 6%,transparent) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,color-mix(in srgb,var(--b) 6%,transparent) 1px,transparent 1px) 0 0/44px 44px,#fff;color:var(--m)}
.hero h1{color:var(--ink)}.hero h1 em{color:var(--b)}.hero p{color:var(--m)}
.pill{background:var(--bt);border-color:var(--bb);color:var(--b2)}
.hsrch{background:#fff;border:1px solid var(--bb);color:var(--b);box-shadow:0 18px 36px -28px color-mix(in srgb,var(--b) 60%,transparent)}.hsrch input{color:var(--tx)}
.pop2{color:var(--m)}.pop2 a{border:1px solid var(--l);color:var(--tx);background:#fff}.pop2 a:hover{border-color:var(--b);color:var(--b)}
.hero .btn.o,.phero .btn.o,.dkb .btn.o,.ctab .btn.o{background:#fff;color:var(--ink);border-color:var(--l)}.hero .btn.o:hover,.dkb .btn.o:hover,.ctab .btn.o:hover{border-color:var(--b);color:var(--b)}
.pv{background:#fff;border:1px solid var(--l);box-shadow:0 40px 70px -44px color-mix(in srgb,var(--b) 55%,transparent)}.pvh{color:var(--m)}.pvh i{background:#d6d3d1}.pvh i:first-child{background:#ef4444}.pvh i:nth-child(2){background:#f59e0b}.pvh i:nth-child(3){background:#22c55e}
.pvc{background:var(--bg);border:1px solid var(--l);border-left:3px solid var(--b);color:var(--ink)}.pvc:hover{border-color:var(--b);background:#fff}.pvc b{color:var(--ink)}.pvc span.s{color:var(--m)}.pvc .t{background:var(--bt);color:var(--b)}.pvc .tg{color:var(--b2);border-color:var(--bb)}
/* inner banners */
.phero,.lhero,.eh{background:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--b) 14%,transparent),transparent 44%),linear-gradient(color-mix(in srgb,var(--b) 5%,transparent) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,color-mix(in srgb,var(--b) 5%,transparent) 1px,transparent 1px) 0 0/40px 40px,var(--bg2);color:var(--m);border-bottom:1px solid var(--bb)}
.phero h1,.lhero h1,.eh h1{color:var(--ink)}.phero h1 .y,.lhero h1 em,.eh h1 em{color:var(--b)}.phero h1 .bl{color:var(--ink)}.phero p,.lhero .lead,.eh p{color:var(--m)}
.chips-s div,.fp div{background:#fff;border:1px solid var(--l);border-left:3px solid var(--b)}.chips-s b,.fp b{color:var(--ink)}.chips-s span,.fp span{color:var(--m)}.fp div{color:var(--b)}
.ps{background:#fff;border:1px solid var(--l);color:var(--m)}.ps input{color:var(--tx)}
.phero .bc ol,.phero .bc a,.eh .bc ol,.eh .bc a{color:var(--m)}.phero .bc a:hover{color:var(--b)}.phero .bc [aria-current],.eh .bc [aria-current]{color:var(--ink)}.phero .bc li+li:before{color:#a8a29e}
.eh .go{color:var(--b2)}.eh .tag{background:var(--bt);color:var(--b2)}.eh .tag.gr{background:#e7f6ec;color:#15803d}
.tile{background:#fff;border:1px solid var(--l);border-left:4px solid var(--b);color:var(--b);box-shadow:0 24px 40px -30px color-mix(in srgb,var(--b) 50%,transparent)}
/* icon tiles: tinted instead of black */
.ic,.fc2 .t,.au .a,.av,.bk .t{background:var(--bt);color:var(--b)}
.card:hover .ic,.fc2:hover .t{background:var(--b);color:var(--on)}
/* sections that were dark */
.dkb{background:var(--bg2);color:var(--m);border-block:1px solid var(--bb)}.dkb:before{background:radial-gradient(color-mix(in srgb,var(--b) 14%,transparent),transparent 70%)}
.why h2{color:var(--ink)}.why p{color:var(--m)}.why p b{color:var(--ink)}.ey{color:var(--b2)!important}
.wc{background:#fff;border-color:var(--l)}.wc h3{color:var(--ink)}.wc p{color:var(--m)}.wc:hover{border-color:var(--b)}.wc .ic{background:var(--bt)}
.nh{background:var(--bt);color:var(--b)}.nh h3{color:var(--ink)}
.sb{background:var(--bt);border-block:1px solid var(--bb)}.sb div{border-left:1px solid var(--bb);color:var(--m)}.sb b{color:var(--b)}
.bc2 .im{background:linear-gradient(135deg,var(--bt),#fff);color:var(--b)}
.ctab{background:var(--bt);background-image:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--b) 16%,transparent),transparent 50%);border-top:1px solid var(--bb)}.ctab h2{color:var(--ink)}.ctab p{color:var(--m)}
.sd.dk{background:var(--bt);border:1px solid var(--bb);border-top:3px solid var(--b);color:var(--tx)}.sd.dk h4{color:var(--b2)}.bk{border-bottom:1px solid var(--bb)}.bk .t{background:#fff}.bk b{color:var(--ink)}
.pcard .im{background:linear-gradient(135deg,var(--bt),#fff);border-bottom:1px solid var(--bb)}.pcard .im span{background:#fff;border:1px solid var(--l);color:var(--ink)}.pcard .im .ly{background:var(--b);border-color:var(--b);color:var(--on)}
.sm{background:var(--bt);color:var(--b2)}a.sm:hover{background:var(--b);color:var(--on)}.sm.dl{background:#fee2e2;color:#dc2626}
/* footer: white */
footer.ft{background:#fff;color:var(--m);border-top:1px solid var(--l)}
.fnl .btn{background:#fff;border-color:#fff;color:var(--b2)}.fnl .btn:hover{background:var(--bt);box-shadow:none}
.fb .logo{color:var(--ink)}.fl{color:var(--tx)!important}.fl svg{color:var(--b)}.ft h4{color:var(--b2)}
.ft .fgrid>div:not(.fb) a{color:var(--m)}.ft .fgrid>div:not(.fb) a:hover{color:var(--b)}
.ft .soc a{background:var(--bt);border:0;color:var(--b)!important}.ft .soc a:hover{background:var(--b);color:var(--on)!important}
.fbot{border-top:1px solid var(--l)}.fbot a{color:var(--m)}.fbot a:hover{color:var(--b)}
.fnl{box-shadow:0 30px 50px -34px color-mix(in srgb,var(--b) 70%,transparent)}
/* hero image */
.hbn{position:relative;display:grid;place-items:center}.hbn:before{content:"";position:absolute;inset:8% 6%;border-radius:50%;background:radial-gradient(color-mix(in srgb,var(--b) 22%,transparent),transparent 68%);filter:blur(10px)}
.hbn img{position:relative;width:100%;max-width:540px;height:auto;filter:drop-shadow(0 28px 36px color-mix(in srgb,var(--b) 28%,transparent));animation:hb 6s ease-in-out infinite}
@keyframes hb{50%{transform:translateY(-8px)}}
@media(max-width:980px){.hbn img{max-width:420px}}

/* ===== v31: footer system with 5 selectable styles ===== */
footer.ft{--ft:#44403c;--fh:var(--ink);--fa:var(--b);--fln:#44403c;--flh:var(--b);--fsep:color-mix(in srgb,var(--b) 35%,#fff);--chip:#fff;--chipc:var(--ink);--chipb:var(--bb);--soc:#fff;--socc:var(--b);--socb:var(--bb);
  position:relative;overflow:visible;margin-top:120px;padding:0 0 26px;color:var(--ft);border-top:4px solid var(--b);
  background:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--b) 24%,transparent),transparent 42%),linear-gradient(color-mix(in srgb,var(--b) 6%,transparent) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,color-mix(in srgb,var(--b) 6%,transparent) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(180deg,color-mix(in srgb,var(--b) 20%,#fff),color-mix(in srgb,var(--b) 38%,#fff))}
footer.ft-white{background:#fff;border-top:1px solid var(--l);--chip:var(--bg);--chipb:var(--l);--soc:var(--bt);--socb:transparent;--fsep:var(--l)}
footer.ft-dark{--ft:#9ca3af;--fh:#fff;--fa:var(--bl);--fln:#9ca3af;--flh:#fff;--fsep:rgba(255,255,255,.12);--chip:rgba(255,255,255,.07);--chipc:#fff;--chipb:rgba(255,255,255,.18);--soc:rgba(255,255,255,.08);--socc:#fff;--socb:rgba(255,255,255,.14);
  background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--b) 30%,transparent),transparent 42%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(180deg,#111827,#0a0f1d)}
footer.ft-indigo{--ft:rgba(255,255,255,.74);--fh:#fff;--fa:var(--bl);--fln:rgba(255,255,255,.72);--flh:#fff;--fsep:rgba(255,255,255,.14);--chip:rgba(255,255,255,.08);--chipc:#fff;--chipb:rgba(255,255,255,.2);--soc:rgba(255,255,255,.1);--socc:#fff;--socb:rgba(255,255,255,.16);
  background:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--bl) 26%,transparent),transparent 42%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(165deg,color-mix(in srgb,var(--b) 58%,#0b0a22),color-mix(in srgb,var(--b) 26%,#06051a))}
footer.ft-peach{--ft:#7c4a2d;--fh:#431407;--fa:#ea580c;--fln:#7c4a2d;--flh:var(--b);--fsep:rgba(124,45,18,.18);--chipb:rgba(234,88,12,.25);--chipc:#7c2d12;--socb:rgba(234,88,12,.22);border-top-color:#ea580c;
  background:radial-gradient(circle at 92% 8%,rgba(251,146,60,.28),transparent 40%),linear-gradient(rgba(234,88,12,.06) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(234,88,12,.06) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(180deg,#fff3e6,#ffe2c6)}
.ft>.w{position:relative}
.fnl{margin-top:-60px;padding:28px 32px;border-radius:18px;background:linear-gradient(120deg,var(--b2),var(--b) 60%,var(--b3));color:rgba(255,255,255,.88);box-shadow:0 34px 60px -32px color-mix(in srgb,var(--b) 80%,#000),0 0 0 5px #fff}
footer.ft-dark .fnl,footer.ft-indigo .fnl{box-shadow:0 34px 60px -32px #000,0 0 0 5px rgba(255,255,255,.12)}
.fnl h3{color:#fff;margin:0 0 4px}.fnl p{color:rgba(255,255,255,.85);margin:0}.fnl input{background:#fff;border:0;margin:0;border-radius:12px;color:var(--tx)}.fnl .btn{background:#fff;border-color:#fff;color:var(--b2);margin:0}.fnl .btn:hover{background:var(--bt);border-color:var(--bt);box-shadow:none}
.fbadge{display:flex;flex-wrap:wrap;gap:10px;padding:30px 0 0}.fbadge span{display:inline-flex;align-items:center;gap:8px;background:var(--chip);color:var(--chipc);border:1px solid var(--chipb);font:600 .72rem var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:7px 14px;border-radius:999px}
.fbadge span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--fa);box-shadow:0 0 0 3px color-mix(in srgb,var(--fa) 22%,transparent)}
.fgrid{padding:34px 0 30px;border-bottom:1px solid var(--fsep)}
.fb .logo{color:var(--fh)}.fb .logo b{color:var(--fa)}.fb .logo i{background:var(--b);color:var(--on)}footer.ft-dark .fb .logo i,footer.ft-indigo .fb .logo i{background:#fff;color:var(--b)}.fb p{color:var(--ft)}
.fl{color:var(--fh)!important}.fl svg{color:var(--fa)}
.ft h4{color:var(--fh);position:relative;padding-bottom:10px;margin:0 0 14px}.ft h4:after{content:"";display:block!important;position:absolute;left:0;bottom:0;width:28px;height:3px;border-radius:3px;background:var(--fa)}
.ft .fgrid>div:not(.fb) a{color:var(--fln)}.ft .fgrid>div:not(.fb) a:hover{color:var(--flh);padding-left:4px;text-decoration:none}
.ft .soc a{background:var(--soc);border:1px solid var(--socb);color:var(--socc)!important}.ft .soc a:hover{background:var(--b);border-color:var(--b);color:var(--on)!important}
.fbot{border-top:0;padding-top:22px;color:var(--ft)}.fbot a{color:var(--fln)}.fbot a:hover{color:var(--flh)}
.wab{background:#25d366;border-color:#25d366;color:#fff;margin:14px 0 0;padding:10px 20px;font-size:.88rem}.wab:hover{background:#1fb457;border-color:#1fb457}
@media(max-width:560px){.fbadge span{font-size:.64rem;padding:6px 10px}}
/* tools */
.tool label{display:block;font:700 .82rem var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0 0 4px}.tool .trow{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}
.res{background:var(--bt);border:1px solid var(--bb);border-left:4px solid var(--b);border-radius:12px;padding:14px 18px;margin-top:12px;font-weight:600;color:var(--ink);line-height:1.8}.res b{color:var(--b2)}
/* ===== v37: cleaner, more professional home (header/footer untouched) ===== */
main .mono,main .pill,main .meta span,main .xk{font-family:inherit;text-transform:none;letter-spacing:0}
main .hero{background:linear-gradient(180deg,var(--bg2) 0,#fff 100%);border-bottom:1px solid var(--l)}
main .pill{background:#fff;border:1px solid var(--bb);color:var(--b2);font-weight:600;font-size:.8rem;padding:6px 14px;border-radius:999px}
main .hero h1{letter-spacing:-.025em}
main .hero h1 em{color:var(--b)}
main .card{border-radius:12px;box-shadow:none;background:#fff}
main .card:hover{transform:none;border-color:var(--b);box-shadow:0 10px 28px -18px color-mix(in srgb,var(--b) 55%,transparent)}
main .xk{font-size:.78rem;font-weight:600;color:var(--m)}
main .meta{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
main .meta span{font-size:.78rem;font-weight:600;color:var(--b2);background:var(--bt);border:0;padding:3px 10px;border-radius:999px}
main .les li span{display:none}
main .les li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--bb);flex:none;align-self:center}
main .hd h2{border-left:0;padding-left:0}main .hd p{margin-left:0}
main .ey{font-size:.82rem;font-weight:700;letter-spacing:.02em;text-transform:none;font-family:inherit}
main .dkb{background:var(--bg2)}
main .sb{background:var(--bg2);border-block:1px solid var(--l)}
main .sb div{border-left-color:var(--l);color:var(--m)}
main .sb div b{color:var(--ink)}
main .ctab{background:var(--b);background-image:none;border-top:0;color:#fff}
main .ctab h2{color:#fff}main .ctab p{color:rgba(255,255,255,.85)}
main .ctab .btn{background:#fff;color:var(--b2);border-color:#fff}
main .ctab .btn.o{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
main .sb div{font-family:inherit;text-transform:none;letter-spacing:0;font-size:.92rem;font-weight:600}main .sb b{color:var(--b)}
.solb{display:inline-block;vertical-align:top}.solb summary{cursor:pointer;list-style:none}.solb[open]{display:block;width:100%;margin-top:10px}.payf input{margin:0 0 10px}.payf .btn{margin:4px 0 0}
/* ===== v39: home - quick exam cards, study material + latest jobs panels ===== */
main .qx{padding:0;margin-top:-34px;position:relative;z-index:2}
.qc{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--l);border-radius:14px;padding:16px 18px;box-shadow:0 14px 30px -22px rgba(12,10,9,.5);transition:.2s;color:inherit}
.qc:hover{border-color:var(--b);transform:translateY(-2px)}.qc .ic{flex:none;width:50px;height:50px;border-radius:12px}.qc .ic svg{width:24px;height:24px}
.qc span{display:flex;flex-direction:column;min-width:0}.qc b{font-size:1.05rem;font-weight:800;color:var(--ink);line-height:1.25}.qc small{color:var(--m);font-size:.84rem;margin-top:2px}
main .pn{padding:26px 0 8px}.pg2{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;align-items:stretch}
.pc2{background:#fff;border:1px solid var(--l);border-radius:16px;padding:20px 22px}
.ph2{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ph2 h2{display:flex;align-items:center;gap:10px;margin:0;font-size:1.12rem;font-weight:800}.ph2 h2 svg{color:var(--b)}
.ph2 a{display:inline-flex;align-items:center;gap:5px;color:var(--b2);font-weight:700;font-size:.84rem}
.sg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.si{display:flex;align-items:center;gap:12px;border:1px solid var(--l);border-radius:12px;padding:12px 14px;color:inherit;transition:.2s}.si:hover{border-color:var(--b);background:var(--bg2)}
.si .ic{flex:none;width:42px;height:42px;border-radius:10px}.si .ic svg{width:21px;height:21px}
.si span{display:flex;flex-direction:column;min-width:0}.si b{font-size:.95rem;font-weight:700;color:var(--ink);line-height:1.3}.si small{color:var(--m);font-size:.78rem;line-height:1.35;margin-top:1px}
.jl{list-style:none;margin:0;padding:0}.jl li{border-bottom:1px solid var(--l)}.jl li:last-child{border:0}
.jl a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;color:var(--tx);font-size:.92rem;font-weight:500}.jl a:hover{color:var(--b)}
.jl em{font-style:normal;background:#fee2e2;color:#dc2626;font-size:.68rem;font-weight:800;border-radius:999px;padding:2px 9px;flex:none}
@media(max-width:980px){.pg2{grid-template-columns:1fr}main .qx{margin-top:-20px}}
@media(max-width:560px){.sg{grid-template-columns:1fr}}
.qc small,.si small{text-transform:none!important;letter-spacing:0!important;font-family:inherit!important;font-weight:500}.qc b,.si b{font-family:inherit}
/* ===== v41: colour-coded cards (soft tint + matching icon colour) ===== */
.qc:nth-child(6n+1),.si:nth-child(6n+1),main .g>.card:nth-child(6n+1){--ct:#eaf2ff;--cf:#2563eb;--cb:#cfe0ff}
.qc:nth-child(6n+2),.si:nth-child(6n+2),main .g>.card:nth-child(6n+2){--ct:#fff1e6;--cf:#ea580c;--cb:#fdd9bd}
.qc:nth-child(6n+3),.si:nth-child(6n+3),main .g>.card:nth-child(6n+3){--ct:#e8f7ee;--cf:#16a34a;--cb:#c4ecd2}
.qc:nth-child(6n+4),.si:nth-child(6n+4),main .g>.card:nth-child(6n+4){--ct:#f1ecff;--cf:#7c3aed;--cb:#dccffd}
.qc:nth-child(6n+5),.si:nth-child(6n+5),main .g>.card:nth-child(6n+5){--ct:#ffeaf0;--cf:#e11d48;--cb:#fccad7}
.qc:nth-child(6n),.si:nth-child(6n),main .g>.card:nth-child(6n){--ct:#e3f6f6;--cf:#0d9488;--cb:#bfe8e6}
.qc{background:var(--ct,#fff);border:1px solid var(--cb,var(--l));box-shadow:none;padding:18px 20px}
.qc .ic{background:#fff;color:var(--cf);box-shadow:0 2px 8px -2px rgba(12,10,9,.12)}
.qc b{font-size:1.1rem}
.qc:hover,.si:hover,main .g>.card:hover{border-color:var(--cf,var(--b));box-shadow:0 12px 26px -18px var(--cf,var(--b));transform:translateY(-2px)}
.si{background:#fff}.si .ic,.xc .ic,.sc .ic,.fc2 .t{background:var(--ct,var(--bt));color:var(--cf,var(--b))}
.si:hover{background:var(--ct)}
main .xc .go,main .sc .go{color:var(--cf,var(--b2))}
main .xc .meta span{background:var(--ct,var(--bt));color:var(--cf,var(--b2))}
main .g>.card{border-top:3px solid var(--cf,var(--b));border-radius:12px}
.fc2:hover .t{background:var(--cf,var(--b));color:#fff}
/* ===== v42: article (blog/notes) cards ===== */
main .g>.card.ar{border-top:1px solid var(--l);padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:14px;box-shadow:none}
main .g>.card.ar:hover{border-color:var(--cf);box-shadow:0 14px 28px -20px var(--cf);transform:translateY(-3px)}
.ar .im{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,var(--ct),#fff 120%);display:grid;place-items:center;overflow:hidden;border:0;color:var(--cf)}
.ar .im img{width:100%;height:100%;object-fit:cover}
.ar .phi{width:60px;height:60px;border-radius:50%;background:#fff;color:var(--cf);display:grid;place-items:center;box-shadow:0 6px 16px -6px rgba(12,10,9,.25)}
.ar .ch{position:absolute;left:12px;top:12px;background:#fff;color:var(--cf);font:700 .72rem/1 Manrope,sans-serif;padding:6px 11px;border-radius:999px;box-shadow:0 2px 8px -2px rgba(12,10,9,.2);max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar .bd{padding:16px 18px 16px;display:flex;flex-direction:column;flex:1;background:none;color:inherit;border:0;margin:0;border-radius:0}
.ar h3{font-size:1.06rem;line-height:1.4;margin:0 0 8px;font-weight:800;color:var(--ink)}
.ar p{color:var(--m);font-size:.9rem;line-height:1.55;margin:0 0 14px}
.ar .bf{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--l);padding-top:12px;font-size:.78rem;color:var(--m)}
.ar .bf .go{margin:0;color:var(--cf);font-weight:700;font-size:.82rem}
main .pl button.on,main .pl a.on{background:var(--b);border-color:var(--b);color:var(--on)}
main .pl a,main .pl button{border-radius:999px;font-weight:600}