:root{--ink:#221b30;--muted:#797184;--purple:#7041c5;--line:#e8e1ef}*{box-sizing:border-box}body{margin:0;background:#faf8fd;color:var(--ink);font:16px/1.7 system-ui,-apple-system,'PingFang SC',sans-serif}header{max-width:1180px;margin:auto;padding:25px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}a{text-decoration:none;color:var(--purple)}a:hover{text-decoration:underline}.brand{font-size:24px;font-weight:800;color:var(--ink)}.brand span{display:block;font-size:11px;letter-spacing:3px;font-weight:400;color:var(--muted)}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:14px}main{max-width:1180px;padding:0 25px;margin:50px auto}.hero{padding:20px 0 34px;max-width:770px}.eyebrow{font-size:11px;font-weight:700;color:var(--purple);letter-spacing:3px}h1{font-size:clamp(34px,5vw,60px);line-height:1.2;letter-spacing:-2px;margin:25px 0}h2{font-size:23px;line-height:1.4}.lead{font-size:17px;color:var(--muted);max-width:680px}.categories{border-bottom:1px solid var(--line);gap:10px;padding-bottom:18px}.categories a{padding:8px 18px;border-radius:30px;color:var(--muted)}.categories .active{background:var(--ink);color:white}.topicgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:32px 0}.topic{border:1px solid var(--line);padding:23px;border-radius:16px;color:var(--ink);background:#fff}.topic:hover{border-color:#b798df;text-decoration:none;transform:translateY(-2px)}.topic span{font-size:10px;letter-spacing:1.5px;color:var(--purple)}.topic h2{margin:15px 0}.topic p{font-size:13px;color:var(--muted);margin:0}.search{margin:38px 0}.search label{display:block;font-size:13px;margin-bottom:8px}.search div{display:flex;gap:10px;max-width:640px}input,textarea,select{width:100%;font:inherit;padding:12px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink)}button,.button{border:0;border-radius:9px;background:var(--purple);color:white;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;display:inline-block;white-space:nowrap}.sectiontitle{display:flex;align-items:center;justify-content:space-between;gap:10px}.sectiontitle span,.fine{font-size:12px;color:var(--muted)}.productgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{background:white;border:1px solid var(--line);border-radius:18px;padding:26px}.cardtop{display:flex;align-items:center;justify-content:space-between}.monogram{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#efe7fb;color:var(--purple);font-size:24px;font-weight:700}.tag{font-size:12px;color:var(--muted)}.product p{font-size:14px}.product .button{width:100%;text-align:center}.benefit{background:#f2edfa;padding:12px;border-radius:8px;font-size:14px}dt{font-size:12px;color:var(--muted);margin-top:16px}dd{margin:4px 0 16px;font-size:14px;white-space:pre-line;overflow-wrap:anywhere}.empty{grid-column:1/-1;border:1px dashed #d7cbE5;border-radius:16px;padding:35px;text-align:center;color:var(--muted)}.empty h3{color:var(--ink)}.tip{background:#f0eaf8;padding:18px;border-radius:12px;font-size:14px}.pagination{justify-content:space-between;margin-top:24px}.detailgrid{display:grid;grid-template-columns:1fr 320px;gap:40px;margin:40px 0}.tutorial,aside{border:1px solid var(--line);padding:30px;border-radius:16px;background:white;overflow-wrap:anywhere}.tutorial p{margin-bottom:25px}aside{align-self:start}.official{display:block;margin-top:18px;font-size:14px}footer{max-width:1130px;margin:60px auto 0;border-top:1px solid var(--line);padding:30px 25px;font-size:12px;color:var(--muted)}.back{font-size:13px}.adminform label{display:block;font-size:14px;margin:15px 0}.adminform input,.adminform textarea,.adminform select{display:block;margin-top:7px}.adminform{max-width:800px}.adminlist article{padding:20px;border:1px solid var(--line);margin:15px 0;border-radius:12px;background:white}.adminlist button{margin-right:10px}.actions{display:flex;gap:10px;flex-wrap:wrap}.secondary{background:#eee6f8;color:var(--purple)}[hidden]{display:none!important}@media(max-width:850px){.topicgrid{grid-template-columns:repeat(2,1fr)}.productgrid{grid-template-columns:repeat(2,1fr)}.detailgrid{grid-template-columns:1fr}}@media(max-width:550px){header{align-items:flex-start;flex-direction:column;gap:12px}main{padding:0 18px;margin:25px auto}.hero{padding-top:0}h1{letter-spacing:-1px}.categories{gap:3px}.categories a{padding:7px 11px}.topicgrid{gap:10px}.topic{padding:17px}.topic h2{font-size:21px}.productgrid{grid-template-columns:1fr}.sectiontitle{align-items:flex-start;flex-direction:column;gap:0;margin-bottom:15px}.tutorial,aside{padding:22px}.search div{gap:7px}button{min-height:44px}}
/* Referral directory: dark navy with warm gold accents. */
:root{color-scheme:dark;--ink:#f1f4fc;--muted:#98a5bc;--purple:#ffc42b;--line:#273349}body{background:#080e1c;background-image:radial-gradient(ellipse at 45% 0,#1b253d66,transparent 65%);color:var(--ink)}header{max-width:1380px;border-color:#233046}.brand{color:#fff}main{max-width:1380px}.hero{padding-top:6px}.hero h1{font-size:clamp(32px,4.3vw,56px)}.categories .active{background:#ffc42b;color:#15110a;font-weight:700}.categories a:hover{color:#ffc42b}.categories .active:hover{color:#15110a}.topic{background:linear-gradient(135deg,#141e30,#0b1323);border-color:#2b374d}.topic:hover{border-color:#94732e}.topic h2{color:#fff}.tip{background:#111c2d;border:1px solid #26344c;color:#aebbd0}.search{margin:28px 0}.search input,input,textarea,select{background:#0c1424;border-color:#344158;color:#eef2fa}input:focus,textarea:focus,select:focus{outline:2px solid #b79336;outline-offset:2px}button,.button{background:#ffc42b;color:#171308}.sectiontitle{margin-bottom:20px}.sectiontitle h2{margin:0}.count-label{border:1px solid #76551e;padding:5px 14px;border-radius:30px;color:#f2c653!important;background:#f8a40c08}.productgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.product{position:relative;overflow:hidden;background:linear-gradient(145deg,#080e1e,#050b17);border:1px solid #2b374d;box-shadow:0 0 0 2px #1c283840,0 15px 35px #0002;border-radius:22px;padding:27px;display:flex;flex-direction:column}.product:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#eda70b,#ffe66b,#eda70b)}.identity{display:flex;align-items:flex-start;gap:18px;margin-top:7px}.monogram{flex:0 0 58px;width:58px;height:58px;margin-top:4px;border-radius:50%;background:#1d2a3b;border:1px solid #3b4b60;color:#ffcc33;font-size:26px}.identity-copy{min-width:0;flex:1}.name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.name-row h2{font-size:23px;margin:0;color:#fff}.tag{background:#ffc42b;color:#211907;padding:3px 11px;border-radius:22px;font-size:12px;font-weight:700}.product .summary{color:#9eacc3;font-size:14px;margin:12px 0;line-height:1.8}.status-tags{display:flex;gap:8px;flex-wrap:wrap}.status-tags span{padding:3px 10px;background:#121e30;border:1px solid #2b374a;border-radius:25px;color:#a8b6cc;font-size:11px;font-weight:600}.status-tags .ended{color:#ffcd4b;border-color:#755322}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0 20px}.code-box,.reward-box{min-width:0;border-radius:15px;padding:18px;border:1px solid #2b374d;background:linear-gradient(135deg,#111b2d,#0c1424)}.reward-box{border-color:#714321;background:linear-gradient(130deg,#211a22,#16131d)}.box-label{font-size:13px!important;color:#a7b4ca;margin:0 0 13px!important;font-weight:600}.reward-box .box-label{color:#ffcd40}.copy-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.copy-row code{display:block;flex:1;min-width:70px;font:700 16px/1.5 ui-monospace,monospace;letter-spacing:1px;overflow-wrap:anywhere;white-space:normal;padding:10px;border:1px dashed #485468;border-radius:9px;color:#fff;background:#070d1b}.copy-code{padding:9px 12px;background:#0a1120;border:1px solid #465369;color:#d7dfef;font-size:12px;border-radius:9px;min-height:42px}.offer-empty{color:#acb7cb;font-size:14px!important}.copy-status{font-size:11px;color:#ffdb67;display:block;margin-top:8px}.reward-title{font-size:clamp(18px,2vw,26px);line-height:1.35;color:#ffdb51;display:block;overflow-wrap:anywhere}.reward-detail{font-size:12px!important;color:#c8c6cf;margin:10px 0 0;white-space:pre-line;overflow-wrap:anywhere}.card-facts{background:linear-gradient(120deg,#131d2c,#0e1626);border:1px solid #2a374b;border-radius:14px;padding:16px 18px;color:#a1afc5;margin-bottom:22px}.card-facts p{font-size:13px;line-height:1.8;margin:3px 0;white-space:pre-line}.card-facts strong{color:#dce3f1}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #2d384b;padding-top:18px;margin-top:auto}.card-actions .button{padding:14px 10px;border-radius:13px;display:block;text-align:center;font-size:16px}.card-actions .learn{background:linear-gradient(120deg,#182235,#101a2b);border:1px solid #41506a;color:#e6ebf6}.card-actions .register{background:linear-gradient(115deg,#ffbe1d,#ffcf34);color:#17120b}.tutorial,aside{background:#0d1627;border-color:#2b394f}.tutorial p{color:#b6c1d4}.detailgrid{grid-template-columns:1fr 390px}aside .offer-grid{grid-template-columns:1fr}.benefit{background:#292018;color:#ffce42}.empty{background:#0e1727;border-color:#344159}.adminlist article{background:#0f192a;border-color:#2c394f}.secondary{background:#19273b;color:#f8d262}.adminform button{margin-bottom:25px}footer{max-width:1330px}.official{color:#f5ca53}button:focus-visible,a:focus-visible{outline:2px solid #ffdb63;outline-offset:4px}@media(max-width:1000px){.product{padding:22px}.identity{gap:12px}.monogram{flex-basis:45px;width:45px;height:45px;font-size:22px}.name-row h2{font-size:20px}.offer-grid{gap:10px}.code-box,.reward-box{padding:14px}.detailgrid{grid-template-columns:1fr}.detailgrid aside .offer-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.productgrid{grid-template-columns:1fr}.product{padding:23px}.sectiontitle{align-items:center;flex-direction:row}.sectiontitle h2{font-size:21px}.offer-grid{grid-template-columns:1fr 1fr}.topicgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:390px){.product{padding:18px}.identity{gap:10px}.monogram{flex-basis:38px;width:38px;height:38px}.name-row h2{font-size:19px}.offer-grid{gap:9px}.code-box,.reward-box{padding:12px}.reward-title{font-size:18px}.card-actions{gap:10px}.card-actions .button{font-size:14px}.count-label{font-size:10px;padding:5px 9px}}