:root{color-scheme:dark;--bg:#080c13;--panel:#111a27;--panel2:#151f2e;--border:#263448;--muted:#9ba9b9;--text:#f4f7fb;--orange:#ff9a42;--lime:#c3fb5d;--aqua:#71dbe3;--red:#fb7c7c;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(ellipse 80% 42% at 80% -12%,#193143 0,transparent 74%),radial-gradient(ellipse 70% 30% at -10% 30%,#251e1b 0,transparent 70%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.5}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff12;background:#090e16e8;backdrop-filter:blur(16px)}.nav-row{min-height:76px;display:flex;align-items:center;gap:28px}.brand-logo{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:900;letter-spacing:-.9px;white-space:nowrap}.brand-ico{height:37px;width:37px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(130deg,var(--orange),#ffd184);color:#121621;font-size:19px;transform:skew(-7deg)}.brand-ico span{color:#fff}.accent{color:var(--orange)}.navlinks{display:flex;gap:27px;margin-left:auto;color:#bdcbd9;font-weight:650;font-size:13px}.navlinks a:hover,.footer a:hover{color:var(--orange)}.nav-label{border:1px solid #354253;border-radius:30px;padding:7px 12px;font-size:10px;letter-spacing:1px;font-weight:900;color:#aab5c5}.hero{padding:78px 0 67px;display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center}.eyebrow{margin:0;color:var(--orange);font-weight:900;letter-spacing:2px;text-transform:uppercase;font-size:11px}.hero h1,.deep-hero h1{letter-spacing:-2.7px;line-height:1.05;font-size:clamp(43px,5.3vw,70px);margin:20px 0}.hero h1 strong{color:var(--orange)}.lead{font-size:17px;color:#abb9cc;max-width:565px;line-height:1.7}.searchbox{background:#151e2c;border:1px solid #334357;display:flex;align-items:center;gap:12px;padding:9px 9px 9px 17px;border-radius:13px;max-width:580px;margin-top:28px;box-shadow:0 18px 48px #0006}.searchbox svg{color:#a0b4c8;flex:none}.searchbox input{background:none;border:0;outline:0;color:var(--text);min-width:0;width:100%;padding:9px 0}.btn{border:0;background:var(--orange);color:#1b1510;border-radius:10px;font-weight:850;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 19px;transition:background .15s,transform .15s;white-space:nowrap}.btn:hover{background:#ffb164;transform:translateY(-1px)}.btn-outline{color:#e6f1fb;background:#1c2b3d;border:1px solid #3d516a}.btn-outline:hover{background:#263b51}.hero-meta{display:flex;gap:18px;margin-top:17px;font-size:12px;color:#a0b0c0;flex-wrap:wrap}.hero-meta b{color:#c8f0ba}.hero-graphic{height:340px;border:1px solid #324255;border-radius:28px;position:relative;overflow:hidden;background:linear-gradient(140deg,#172231,#101822 60%,#211e1d);display:flex;align-items:center;justify-content:center;box-shadow:0 25px 80px #0006}.hero-graphic:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(130deg,transparent 0 43px,#ffffff08 44px 45px);mask-image:radial-gradient(circle at 50% 50%,black,transparent 80%)}.hero-ring{height:228px;width:228px;display:grid;place-items:center;border-radius:50%;border:1px solid #ff9a425a;box-shadow:0 0 0 29px #ff9a4210,0 0 0 60px #ff9a4207}.hero-emblem{font-size:92px;font-weight:1000;letter-spacing:-12px;padding-right:12px;color:#121820;background:linear-gradient(145deg,#ffac47,#ffdd91);height:164px;width:164px;display:grid;place-items:center;border-radius:40px;transform:rotate(-12deg);box-shadow:0 22px 60px #ff9a423f}.hero-emblem span{transform:rotate(12deg)}.floating{position:absolute;padding:12px 16px;background:#172333ef;border:1px solid #48576b;border-radius:12px;font-weight:850;font-size:12px;right:13px;top:24px}.floating.bottom{left:16px;right:auto;top:auto;bottom:25px;color:var(--lime)}.banner{padding:17px 20px;border:1px solid #6d5035;background:#3023178a;border-radius:14px;display:flex;gap:13px;color:#edc69d;font-size:13px;margin-bottom:50px}.banner b{color:#ffe0a8}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:55px 0 25px}.section-head h2{font-size:28px;letter-spacing:-.9px;margin:0}.section-head p{color:var(--muted);font-size:13px;margin:5px 0 0}.small-count{color:#a0adbd;font-size:12px}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:24px}.filter{padding:10px 16px;border:1px solid #2c3c51;border-radius:10px;color:#b9c9d7;background:#14202e;font-size:13px;font-weight:750}.filter.active,.filter:hover{border-color:#c77e43;color:#ffd3a2;background:#39271e}.sort{margin-left:auto;border:1px solid #2c3c51;border-radius:10px;background:#14202e;color:#dae6f2;padding:10px 12px;font-size:12px}.offers-grid,.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.coupon,.mini-card{position:relative;min-width:0;padding:22px;border-radius:18px;border:1px solid #2b3c50;background:linear-gradient(148deg,#172333,#101922);box-shadow:0 10px 32px #0004;transition:border-color .2s,transform .2s}.coupon:hover,.mini-card:hover{border-color:#bd7a47;transform:translateY(-3px)}.card-top,.mini-top{display:flex;gap:12px;align-items:center}.avatar,.mini-avatar{display:grid;place-items:center;flex:none;width:51px;height:51px;border-radius:14px;background:#283343;border:1px solid #415067;color:#fcd3a9;font-size:17px;font-weight:900;overflow:hidden}.avatar img,.mini-avatar img{width:100%;height:100%;object-fit:contain;background:#fff}.card-title,.mini-name{font-size:16px;font-weight:900;overflow-wrap:anywhere}.card-subtitle,.mini-type{color:#93a8bc;font-size:12px}.card-headline{font-weight:900;line-height:1.22;font-size:24px;min-height:61px;margin:24px 0 8px;letter-spacing:-.6px}.card-description{font-size:13px;color:#acbace;min-height:42px;margin:0 0 20px}.tagline{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.pill{display:inline-flex;align-items:center;border:1px solid #42516a;color:#b8c6d6;padding:5px 10px;font-size:11px;border-radius:30px;font-weight:650}.pill.amber{color:#ffcc8d;border-color:#74502c;background:#44301850}.pill.green{color:#c3fb5d;border-color:#48633d;background:#c3fb5d0b}.pill.good{color:#c1f1cc;border-color:#476656}.card-actions{display:flex;gap:8px}.card-actions>*{flex:1;min-width:0}.card-actions .copy-btn{flex:1.45}.copy-btn{padding:11px 10px;border:1px solid #5c7442;color:#dcff9a;background:#273926;border-radius:10px;font-weight:800}.copy-btn:hover{background:#334b2f}.details-btn{display:grid;place-items:center;border:1px solid #455269;border-radius:10px;padding:10px;font-weight:800;font-size:12px;color:#b4cce1}.details-btn:hover{color:#fff;background:#25364b}.card-footer{margin-top:12px;color:#8797a8;font-size:11px;display:flex;justify-content:space-between;gap:8px}.featured-label{position:absolute;top:0;right:20px;padding:3px 9px;border-radius:0 0 8px 8px;color:#222;background:var(--lime);font-size:10px;font-weight:900}.empty{padding:38px;border:1px dashed #496079;border-radius:15px;text-align:center;color:#a1b5c6;grid-column:1/-1}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 95px}.step{border:1px solid #283b50;background:#111d2b;border-radius:17px;padding:22px}.step-num{color:#ffa94e;font-weight:900;letter-spacing:1px;font-size:12px}.step h3{font-size:17px;margin:12px 0 6px}.step p{color:var(--muted);font-size:13px;margin:0}.footer{border-top:1px solid #223246;background:#0a1019;padding:26px 0;color:#8194a8;font-size:12px}.footer .container{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.footer a{color:#b8c5d4}.toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translate(-50%,130px);border-radius:12px;background:#bcf28e;color:#142010;font-weight:900;padding:12px 20px;transition:transform .25s;box-shadow:0 20px 60px #000a}.toast.visible{transform:translate(-50%,0)}.deep-page{padding:44px 0 110px}.back{display:inline-block;color:#abbaca;font-size:13px;font-weight:700}.back:hover{color:var(--orange)}.deep-hero{margin:38px 0;padding:38px 42px;border:1px solid #32445a;border-radius:23px;background:linear-gradient(120deg,#1c2d3b,#101922)}.deep-hero h1{font-size:clamp(35px,4vw,56px);overflow-wrap:anywhere}.deep-hero p:not(.eyebrow){color:#b3c3d2;max-width:800px}.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.mini-card{display:flex;flex-direction:column}.mini-card h3{font-size:20px;margin:22px 0 8px;line-height:1.2}.mini-card p{color:#afbdcb;font-size:13px;flex:1}.mini-card .btn{font-size:12px;margin-top:10px}.responsibility{padding:18px 22px;border:1px solid #644d36;background:#2a221b;border-radius:15px;margin-top:40px;color:#e2bc8d;font-size:13px}.detail-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:18px}.detail-main,.detail-aside{padding:29px;border:1px solid #2c3d50;border-radius:20px;background:#131f2e}.detail-main h2,.detail-aside h2{margin:0 0 18px;font-size:23px}.detail-main h2:not(:first-child){margin-top:36px}.detail-main p{line-height:1.7}.muted{color:var(--muted);font-size:13px}.codeblock{display:flex;gap:15px;align-items:center;padding:15px;border:1px dashed #776043;border-radius:13px;background:#2b291f}.codeblock code{font-family:ui-monospace,monospace;color:#f4d9a7;font-size:22px;word-break:break-all;flex:1}.vote-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.vote-row .btn{font-size:12px}.popular-card{margin-bottom:36px;border:1px solid #3e4d47;border-radius:15px;padding:18px;background:linear-gradient(100deg,#243123,#141f29);display:flex;align-items:center;justify-content:space-between;gap:16px}.popular-card strong{color:var(--lime);font-size:14px}.popular-card p{color:#b9cabe;font-size:12px;margin:3px 0 0}.popular-card a{font-size:12px}.disclosure{font-size:12px;color:#9babbc;margin:20px 0 0}.error-msg{padding:18px;border:1px solid #a55353;color:#fac4c4;border-radius:12px}.skeleton{animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.45}}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-graphic{display:none}.offers-grid,.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:690px){.container{width:min(100% - 30px,1160px)}.nav-row{min-height:65px}.brand-logo{font-size:20px}.navlinks{display:none}.nav-label{margin-left:auto;font-size:9px}.hero{padding:49px 0 32px}.hero h1{letter-spacing:-1.5px}.hero .lead{font-size:15px}.searchbox{gap:9px;padding-left:12px}.searchbox .btn{padding:11px 12px}.offers-grid,.mini-grid,.steps,.detail-layout{grid-template-columns:1fr}.section-head{align-items:start}.section-head h2{font-size:24px}.sort{margin-left:0}.card-headline{min-height:auto}.deep-hero{padding:26px 22px}.deep-hero h1{letter-spacing:-1.3px}.detail-main,.detail-aside{padding:22px}.popular-card{flex-direction:column;align-items:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* CS2CODES: corrected logo (no shifted 2, full CS2CODES wordmark) */
.brand-logo{display:inline-flex;align-items:center;gap:0;flex-shrink:0;line-height:1}
.brand-image{display:block;height:42px;width:auto;max-width:220px;object-fit:contain}
@media(max-width:690px){.brand-image{height:34px;max-width:180px}.nav-row{gap:12px}}

/* Outbound marketplace links should look and align like coupon buttons. */
.card-actions .copy-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-size:12px;line-height:1.25;min-height:44px}

/* v4.0: internal offer links are crawlable without extra buttons */
.headline-link{color:inherit;text-decoration:none}
.headline-link:hover,.headline-link:focus-visible{text-decoration:underline;text-decoration-color:#ffab58;text-underline-offset:4px}
