@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');:root{--navy:#17213b;--ink:#202840;--muted:#737b8e;--cream:#fbfaf7;--lav:#e9e5ff;--pink:#ffe4ec;--line:#e9e8e4;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding:0 24px}.top{height:76px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{font:800 24px Manrope;color:var(--navy)}.brand span{color:#9b88e9}.top nav{display:flex;align-items:center;gap:26px;font-size:14px}.navbtn,.btn{background:var(--navy);color:white;padding:13px 20px;border:0;border-radius:12px;font-weight:700;display:inline-flex;justify-content:center;cursor:pointer}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;padding:76px 0 90px}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:700;color:#8a79d3}.hero h1,h1,h2,h3{font-family:Manrope;letter-spacing:-1px}.hero h1{font-size:58px;line-height:1.08;margin:18px 0}.hero h1 em{color:#947fe0;font-style:normal}.hero p{font-size:17px;line-height:1.7;color:var(--muted);max-width:520px}.actions{display:flex;gap:12px;margin-top:28px}.secondary{background:#eeebff;color:#4d4383}.hero-card{background:linear-gradient(145deg,#e9e5ff,#ffeaf0);padding:42px;border-radius:28px;min-height:320px;position:relative}.hero-card .spark{font-size:48px;color:#8571d3}.hero-card h3{font-size:36px;margin:16px 0}.hero-card p{font-size:14px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pills b,.tag{font-size:11px;background:#f0eef8;border-radius:20px;padding:7px 10px;color:#5f568e}.section{padding:42px 0 72px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section h2{font-size:30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.thumb{height:150px;background:linear-gradient(135deg,#e9e5ff,#ffe9ef);display:flex;align-items:center;justify-content:center;font-size:42px;color:#8e7bd8;position:relative}.thumb small{position:absolute;bottom:14px;left:16px;font-size:11px;color:#6c628d;background:#fff;padding:6px 10px;border-radius:20px}.pad{padding:20px}.pad h3{font-size:19px;margin:12px 0 7px}.pad p{font-size:13px;color:var(--muted);line-height:1.6;min-height:42px}.price{display:flex;gap:12px;align-items:center;margin:16px 0}.price b{font-size:21px}.price del{color:#9da2ad;font-size:13px}.textlink{font-weight:700;color:#7464bc;font-size:13px}.buildband{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px;background:#f0edff;border-radius:22px;margin-bottom:75px}.buildband h2{font-size:26px;margin:8px 0}.buildband p{color:var(--muted);max-width:650px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:70px 0}.detailvisual{min-height:400px;border-radius:24px;background:linear-gradient(135deg,#e8e4ff,#ffe5ed);display:grid;place-items:center;font-size:100px;color:#907cdb;position:relative}.detailvisual span{position:absolute;bottom:25px;font-size:13px;background:white;padding:8px 14px;border-radius:20px}.detail h1{font-size:42px}.big b{font-size:32px}.muted{color:var(--muted);font-size:13px;line-height:1.6}.clean{padding-left:20px;line-height:2.2}.auth{max-width:500px;margin:65px auto 90px;background:#fff;padding:34px;border:1px solid var(--line);border-radius:20px}.auth.wide{max-width:720px}.auth h1{font-size:34px}.form{display:grid;gap:17px;margin-top:24px}.form label{display:grid;gap:8px;font-size:13px;font-weight:700}.form input,.form select,.form textarea,.filters input,.filters select{width:100%;padding:13px 14px;border:1px solid #dedee5;border-radius:10px;background:#fff;font:14px inherit;color:var(--ink)}.form textarea{resize:vertical}.form button{width:max-content}.notice{padding:13px 16px;background:#f0edff;border-radius:10px;margin:18px 0;color:#51477e;font-size:13px}.notice.ok{background:#e8f6ed;color:#28623d}.notice.err,.errtxt{background:#fff0f0;color:#a23c3c}.filters{display:flex;gap:10px;max-width:700px;margin:25px 0}.filters button{white-space:nowrap}.empty{padding:40px;text-align:center;color:var(--muted);background:white;border-radius:16px}.dashgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dashcard,.rowcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.dashcard{display:grid;gap:8px}.dashcard span,.rowcard small{color:var(--muted);font-size:12px}.mt{margin-top:40px}.rowcard{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:10px 0;flex-wrap:wrap}.rowcard p{width:100%;margin:0;color:var(--muted)}.tablewrap{overflow:auto;background:#fff;border-radius:14px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:13px;border-bottom:1px solid var(--line)}.mini{border:0;background:#eeeaff;padding:8px 11px;border-radius:8px;cursor:pointer}.mini.danger{background:#ffe8e8}.inline{display:flex;gap:6px}.bill{background:#faf9ff;padding:18px;border-radius:12px}.bill p{display:flex;justify-content:space-between}.total{font-size:18px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}footer{background:#17213b;color:white;padding:34px 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:16px}.foot span,.foot small{color:#c2c7d4;font-size:12px}.prose{line-height:1.8;max-width:800px}@media(max-width:760px){.top{padding:0 16px}.top nav{gap:10px;font-size:12px}.top nav a:nth-child(1){display:none}.wrap{padding:0 17px}.hero{grid-template-columns:1fr;padding:45px 0;gap:25px}.hero h1{font-size:43px}.grid{grid-template-columns:1fr}.detail{grid-template-columns:1fr;gap:24px;padding:35px 0}.detailvisual{min-height:250px}.buildband{display:block}.buildband .btn{margin-top:12px}.dashgrid{grid-template-columns:1fr}.foot{flex-direction:column;align-items:flex-start}.filters{flex-direction:column}.section{padding:30px 0 50px}.twocol{grid-template-columns:1fr}}/* V3 polish: soft, premium, playful details without sacrificing readability */
:root{--navy:#17213b;--ink:#202840;--muted:#727b90;--cream:#fbfaf7;--lav:#eeeaff;--pink:#fff0f4;--mint:#e9f6f0;--line:#e9e8ef;--white:#fff;--shadow:0 14px 40px rgba(33,39,70,.07)}
body{background:radial-gradient(ellipse at 8% 0%,rgba(235,230,255,.46),transparent 34%),radial-gradient(ellipse at 92% 8%,rgba(255,230,238,.34),transparent 30%),var(--cream)}
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);box-shadow:0 2px 18px rgba(24,32,60,.035)}
.brand{letter-spacing:-1.1px}.brand:after{content:' ♡';font-size:12px;color:#d78eaa;vertical-align:top}
.top nav a{transition:color .18s ease}.top nav a:hover,.textlink:hover{color:#a078c9}
.navbtn,.btn{box-shadow:0 7px 18px rgba(23,33,59,.12);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.navbtn:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(23,33,59,.16)}
.hero{padding-top:84px}.hero h1{letter-spacing:-2.7px}.hero-card{box-shadow:var(--shadow);overflow:hidden}.hero-card:after{content:'♡';position:absolute;right:28px;bottom:8px;font-size:116px;color:rgba(255,255,255,.48);transform:rotate(-14deg)}
.product,.dashcard,.rowcard,.auth,.tablewrap{box-shadow:0 6px 22px rgba(28,35,64,.035);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.product:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#ded7fa}.thumb{background:radial-gradient(circle at 75% 25%,#fff9,transparent 25%),linear-gradient(135deg,#e9e5ff,#ffe9ef 72%,#e9f6f0)}
.dashcard:hover,.rowcard:hover{border-color:#dcd5f5}.dashcard{border-radius:18px}.rowcard{border-radius:16px}.auth{box-shadow:var(--shadow)}
.form input:focus,.form select:focus,.form textarea:focus,.filters input:focus,.filters select:focus{outline:3px solid rgba(157,135,224,.18);border-color:#9b88e9}
.tag{background:#f1effa}.notice{border:1px solid #e7e2fb}.notice.ok{background:var(--mint);border-color:#d7eee1}.notice.err{background:#fff1f2;border-color:#f5dadd}
.buildband{background:linear-gradient(115deg,#eeeaff,#fff0f4 70%,#eef8f3);border:1px solid #eee8fb;box-shadow:var(--shadow)}
.tablewrap{border:1px solid var(--line)}th{color:#68718a;font-size:11px;text-transform:uppercase;letter-spacing:.7px;background:#faf9fd}td{vertical-align:middle}
footer{background:linear-gradient(110deg,#17213b,#262a4b);margin-top:30px}footer .brand{color:white}
.eyebrow{letter-spacing:1.8px}.section h1{font-size:clamp(30px,4vw,44px)}
@media(max-width:760px){.top{height:auto;min-height:68px;align-items:flex-start;padding-top:14px;padding-bottom:12px;gap:10px}.top nav{justify-content:flex-end;flex-wrap:wrap;gap:8px 13px}.top nav a:nth-child(1){display:inline}.hero{padding-top:48px}.hero h1{letter-spacing:-1.8px}.hero-card{min-height:260px;padding:28px}.rowcard{align-items:flex-start}.inline{flex-wrap:wrap}}

/* Ousgo V4 identity: friendly details, accessible focus and responsive navigation */
.navlogout{display:inline-flex;margin:0}.navlogout button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0}.navlogout button:hover{color:#a078c9}
:focus-visible{outline:3px solid rgba(157,135,224,.65);outline-offset:3px}
.btn.secondary{background:linear-gradient(120deg,#eeeaff,#fff0f4);color:#4d4383;border:1px solid #e5defa}
.brand{font-weight:800}.brand span{color:#9b88e9}
.hero-card{background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.8),transparent 30%),linear-gradient(145deg,#e9e5ff 0%,#ffeaf0 70%,#e9f6f0 100%)}
.product .pad{padding:22px}.product .thumb{font-size:48px}
.sectionhead h2{letter-spacing:-1.2px}
.notice{line-height:1.6}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V5: editorial marketplace polish, accessible controls and delightful micro-interactions */
:root{--ousgo-lavender:#eeeaff;--ousgo-blush:#fff0f4;--ousgo-mint:#eaf7f0;--ousgo-navy:#17213b;--ousgo-ink:#242b42;--ousgo-shadow:0 18px 50px rgba(31,37,68,.08)}
html{scroll-behavior:smooth}body{color:var(--ousgo-ink)}
::selection{background:#ded7ff;color:#27234b}
.brand{display:inline-flex;align-items:center;gap:4px}.brand:after{content:'✦';font-size:10px;color:#d88fac;margin-left:3px}
.top nav a{position:relative}.top nav a:not(.navbtn):after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:#a392e9;transition:right .2s ease}.top nav a:hover:after{right:0}
.hero-card{isolation:isolate}.hero-card:before{content:'♡';position:absolute;right:30px;top:20px;font-size:40px;color:#fff9;transform:rotate(12deg);z-index:-1}
.product{border-radius:22px}.product .thumb{min-height:178px}.product .pad h3{line-height:1.3}.product .pad p{min-height:52px}
.btn,.navbtn{border-radius:14px}.btn:active,.navbtn:active{transform:translateY(0) scale(.985)}
.form input,.form textarea,.form select{min-height:46px}.form button{min-height:46px}
.notice{border-radius:14px}.empty{border:1px dashed #d9d3ef;background:linear-gradient(120deg,#fff,#fbf9ff)}
.tablewrap{box-shadow:var(--ousgo-shadow)}
.pill,.status{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:var(--ousgo-lav);font-size:12px;font-weight:700}
.status.success{background:var(--ousgo-mint);color:#286443}.status.warning{background:#fff4df;color:#8a5b10}.status.danger{background:#fff0f0;color:#9a3333}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.soft-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 28px rgba(28,35,64,.04)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.top nav{max-width:70vw}.top nav a{font-size:12px}.sectionhead{align-items:flex-start;gap:10px}.sectionhead h2{font-size:25px}}

/* Ousgo V6 checkout and workflow components */
.checkout-shell{padding:48px 0 86px}.checkout-heading{margin-bottom:26px}.checkout-heading h1{font-size:clamp(34px,5vw,48px);margin:10px 0}.checkout-heading p{color:var(--muted);max-width:640px}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:22px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--ousgo-shadow)}.checkout-product{min-height:270px;background:radial-gradient(circle at 90% 10%,#fff 0,transparent 26%),linear-gradient(135deg,#f0edff,#fff1f5 72%,#edf8f2)}.checkout-product-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.checkout-product h2{font-size:clamp(26px,4vw,38px);margin:30px 0 8px}.checkout-product p{color:#68718a;line-height:1.75;max-width:560px}.checkout-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.checkout-trust span{padding:8px 11px;border-radius:999px;background:#ffffffbd;color:#565078;font-size:12px;font-weight:700}.checkout-bill h2{margin:9px 0 22px}.bill-line,.price-total{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid #efedf4}.bill-line span,.price-total span{color:var(--muted);font-size:13px}.bill-line b{font-size:14px}.saving{color:#39815b}.bill-total{border:0;margin-top:6px;padding-top:18px}.bill-total strong,.price-total strong{font:800 30px Manrope;color:var(--navy)}.price-total{border:0;margin:12px 0 16px}.price-total strong{font-size:36px}.coupon-form{margin:22px 0 6px}.coupon-form label{display:block;font-size:12px;font-weight:800;margin-bottom:9px}.coupon-row{display:flex;gap:8px}.coupon-row input{min-width:0;flex:1;padding:12px 13px;border:1px solid #dedee8;border-radius:12px;font:inherit}.coupon-row button{white-space:nowrap}.btn-block{width:100%;margin-top:12px}.btn-primary{background:linear-gradient(120deg,#292f50,#51477e);color:white}.btn-soft{background:#eeeaff;color:#51477e;box-shadow:none}.tiny{font-size:11px}.footerlinks{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#e4e2ef}@media(max-width:760px){.checkout-shell{padding:30px 0 55px}.checkout-grid{grid-template-columns:1fr}.panel{padding:20px}.coupon-row{flex-direction:column}.coupon-row button{width:100%}}

/* V6 workflow system — editorial, playful and readable */
.build-page{padding-top:54px}.build-intro{max-width:820px;margin-bottom:30px}.build-intro h1{font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-2px;margin:12px 0}.build-intro h1 em{font-style:normal;color:#d78eaa}.build-intro p{max-width:680px;color:var(--muted);line-height:1.75}.build-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:22px;align-items:start}.build-form{margin:0}.feature-field{border:1px solid var(--line);border-radius:16px;padding:16px}.feature-field legend{font-size:13px;font-weight:800;padding:0 8px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check-option{display:flex!important;align-items:center;gap:9px!important;padding:10px 12px;border:1px solid #eeeaf6;border-radius:12px;background:#fcfbff;font-weight:600!important}.check-option input,.terms-check input{width:auto!important;min-height:0!important;accent-color:#8172c6}.terms-check{display:flex!important;align-items:flex-start;gap:10px!important;padding:14px;background:#fff8fa;border:1px solid #f4e3eb;border-radius:14px;line-height:1.6}.terms-check span{font-size:12px;color:#5d6375}.build-aside{display:grid;gap:16px}.soft-card{background:linear-gradient(145deg,#fff,#fbf9ff);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 28px rgba(28,35,64,.04)}.steps{padding-left:20px;display:grid;gap:17px}.steps li b,.steps li small{display:block}.steps li small{color:var(--muted);line-height:1.5;margin-top:4px}.project-card{margin:16px 0}.project-card h3{margin-top:25px}.rowcard{align-items:center}.milestone-row{display:grid;grid-template-columns:minmax(130px,.6fr) minmax(230px,1fr);gap:16px;align-items:start;padding:16px 0;border-top:1px solid var(--line)}.milestone-row small{display:block;color:var(--muted);margin-top:5px}.delivery-mini{display:grid;gap:8px}.delivery-mini input,.delivery-mini textarea{width:100%;padding:10px;border:1px solid #dedee8;border-radius:10px;font:inherit}.delivery-mini textarea{min-height:70px}.reward-hero{padding:42px;background:radial-gradient(circle at 90% 10%,#fff9,transparent 25%),linear-gradient(125deg,#eeeaff,#fff0f4 65%,#eaf7f0);border:1px solid #ebe6f7}.reward-hero h1{font-size:clamp(34px,5vw,50px);max-width:720px;line-height:1.08;margin:14px 0}.reward-hero p{max-width:650px;color:#6c7184;line-height:1.7}.reward-games{margin-top:22px}.game-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#eeeaff,#fff0f4);font-size:25px;color:#9b78c9}.reward-result{text-align:center;margin:22px auto;max-width:460px;background:linear-gradient(135deg,#fff,#fff6f9)}.reward-result h2{font-size:48px;color:#8069bf;margin:8px}.coupon-code{display:inline-block;margin:10px;padding:12px 22px;border:1px dashed #a99adf;border-radius:12px;background:#f7f4ff;font:800 20px Manrope;letter-spacing:2px}.reward-odds{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.reward-odds span{padding:7px 10px;border-radius:999px;background:#f2efff;color:#5d528d;font-size:11px;font-weight:700}.admin-metrics{margin:24px 0}.admin-metrics .soft-card h2{font-size:30px;margin:9px 0 0}.admin-shortcuts .soft-card{display:grid;gap:8px;transition:transform .18s ease,border-color .18s ease}.admin-shortcuts .soft-card:hover{transform:translateY(-3px);border-color:#d9d0f5}.admin-shortcuts .soft-card span{font-size:12px;color:var(--muted)}.invoice{max-width:850px;margin:20px auto}.invoice hr{border:0;border-top:1px solid var(--line);margin:24px 0}.pill{white-space:nowrap}.tablewrap code{font-size:11px;overflow-wrap:anywhere}.application-card{background:linear-gradient(135deg,#fff,#fbf8ff)}
@media(max-width:820px){.build-layout{grid-template-columns:1fr}.build-aside{grid-template-columns:1fr 1fr}.milestone-row{grid-template-columns:1fr}.admin-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.build-page{padding-top:32px}.build-aside{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.admin-shortcuts{grid-template-columns:1fr}.reward-hero{padding:26px}.panel{padding:18px}.milestone-row{gap:10px}.top nav{max-width:100%;justify-content:flex-end}.top nav a{font-size:11px}.top nav a:nth-child(n+5){display:none}}
/* Seller management workspace */
.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}.grid-form .full,.grid-form .form-actions{grid-column:1/-1}.grid-form label{display:grid;gap:6px}.grid-form input,.grid-form select,.grid-form textarea,.inline input,.inline select{width:100%;min-width:0}.seller-admin-card{margin:14px 0;padding:18px;border:1px solid var(--line,#e8e6ef);border-radius:18px;background:var(--surface,#fff)}.seller-admin-card details{margin-top:12px;border-top:1px solid var(--line,#e8e6ef);padding-top:12px}.seller-admin-card summary{cursor:pointer;font-weight:700}.seller-admin-card h3{margin:0 0 5px}.seller-admin-card p{margin:5px 0}.admin-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.admin-action-grid>.form{padding:14px;border:1px solid var(--line,#e8e6ef);border-radius:14px}.admin-action-grid label{display:grid;gap:6px;margin:8px 0}.admin-action-grid input,.admin-action-grid select{width:100%}.mt{margin-top:26px}@media(max-width:720px){.grid-form,.admin-action-grid{grid-template-columns:1fr}.grid-form .full,.grid-form .form-actions{grid-column:auto}.rowcard{align-items:flex-start;flex-direction:column}}

/* V6.4 RewardHub and referrals */
.reward-quota{display:inline-flex;gap:10px;align-items:center;padding:10px 15px;border-radius:999px;background:#fff9;border:1px solid #ffffffa8}.reward-quota b{color:#5d528d}.reward-quota span{font-size:12px;color:#6c7184}.reward-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.game-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#fff,#fbfaff);box-shadow:0 8px 28px rgba(28,35,64,.04);overflow:hidden}.game-art{min-height:142px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#f0edff,#fff0f5)}.game-copy h3{margin:5px 0}.game-copy p{font-size:13px;line-height:1.55;color:var(--muted)}.game-kicker{font-size:9px;letter-spacing:1.2px;font-weight:900;color:#8a79bd}.game-form{margin-top:10px}.game-form .btn{width:100%;padding:11px 12px}.game-form.is-playing .btn{opacity:.65;pointer-events:none}.spin-wheel{width:116px;height:116px;border:7px solid #fff;border-radius:50%;background:conic-gradient(#a99be5 0 12.5%,#f5c6d8 12.5% 25%,#b8e2d1 25% 37.5%,#ffe0a8 37.5% 50%,#a99be5 50% 62.5%,#f5c6d8 62.5% 75%,#b8e2d1 75% 87.5%,#ffe0a8 87.5%);box-shadow:0 5px 18px #4b3a7522;display:grid;place-items:center;position:relative;transition:transform 1.2s cubic-bezier(.12,.7,.15,1)}.spin-wheel span{position:absolute;font-size:9px;font-weight:900;color:#40385f}.spin-wheel span:nth-child(1){top:7px;left:46px}.spin-wheel span:nth-child(2){top:27px;right:8px}.spin-wheel span:nth-child(3){right:6px;bottom:27px}.spin-wheel span:nth-child(4){bottom:7px;left:48px}.spin-wheel span:nth-child(5){left:7px;bottom:27px}.spin-wheel span:nth-child(6){left:6px;top:27px}.spin-wheel span:nth-child(7){top:47px;left:2px}.spin-wheel span:nth-child(8){font-size:18px;color:#fff}.wheel-pin{position:absolute;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:18px solid #6e5a9f;top:7px;filter:drop-shadow(0 2px 1px #fff)}.scratch-ticket{width:112px;height:92px;border-radius:15px;background:linear-gradient(135deg,#e7c9f5,#f8d7e5);border:5px solid #fff;box-shadow:0 8px 18px #67547a22;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#69558c;transform:rotate(-7deg);transition:.5s}.scratch-ticket span,.scratch-ticket small{font-size:8px;letter-spacing:1px;font-weight:900}.scratch-ticket b{font-size:13px;margin:6px}.game-scratch.revealed .scratch-ticket{transform:rotate(0) scale(1.06);background:linear-gradient(135deg,#c7eedf,#fff0c7)}.quiz-art{width:112px;height:112px;border-radius:28px;background:linear-gradient(145deg,#d9d1ff,#f6d5e4);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#66558f;transform:rotate(-5deg)}.quiz-art span{font-size:42px;font-weight:900}.quiz-art b{font-size:12px;letter-spacing:2px}.quiz-art small{font-size:7px;letter-spacing:1px;margin-top:4px}.quiz-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}.quiz-choices label{cursor:pointer}.quiz-choices input{position:absolute;opacity:0}.quiz-choices span{display:block;text-align:center;padding:8px 4px;border:1px solid var(--line);border-radius:10px;font-size:11px}.quiz-choices input:checked+span{background:#eeeaff;border-color:#9b8bd1}.treasure-box{position:relative;width:100px;height:90px;display:grid;place-items:end center}.treasure-body{width:84px;height:54px;border-radius:8px 8px 15px 15px;background:linear-gradient(135deg,#b78bdf,#8067b8);display:grid;place-items:center;color:#ffe8a8;font-size:34px;border:5px solid #fff}.treasure-lid{position:absolute;top:13px;width:96px;height:27px;border-radius:10px 10px 5px 5px;background:linear-gradient(135deg,#f3d39d,#c08d55);border:4px solid #fff;transform-origin:10% 100%;transition:transform .5s;z-index:1}.game-treasure.opening .treasure-lid{transform:rotate(-32deg) translate(-8px,-10px)}.treasure-spark{position:absolute;color:#c79c48;font-size:23px;opacity:0}.game-treasure.opening .treasure-spark{opacity:1;animation:twinkle .7s ease-in-out infinite alternate}.s1{top:0;right:5px}.s2{top:15px;left:0}@keyframes twinkle{to{transform:translateY(-9px) scale(1.25)}}.match-tiles{display:grid;grid-template-columns:repeat(3,34px);gap:6px}.match-tiles button{height:34px;border:1px solid #dcd4f4;border-radius:9px;background:#fff;color:#7868a8;font-weight:900;font-size:17px;cursor:pointer}.match-tiles button.matched{background:#dff3e9;border-color:#9ccdb8}.match-progress{font-size:9px;color:#716a83;margin-top:8px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;padding:18px}.referral-hero{background:radial-gradient(circle at 90% 5%,#fff9,transparent 25%),linear-gradient(125deg,#e9e5ff,#fff0f5 60%,#e7f6ee)}.ref-link-row{display:flex;gap:10px;max-width:720px;margin:20px 0}.ref-link-row input{flex:1;min-width:0;padding:13px;border:1px solid #ded8ef;border-radius:12px;background:#fff;font:inherit}.referral-hero small{display:block;color:#686d7e;font-size:11px}.inline-form{display:flex;gap:6px;min-width:190px}.inline-form input{min-width:0;width:90px}.filter-row{display:flex;gap:8px;margin:14px 0}.tablewrap td small{display:block;color:var(--muted);font-size:10px}@media(max-width:850px){.reward-games{grid-template-columns:1fr}}@media(max-width:560px){.game-card{grid-template-columns:105px minmax(0,1fr);padding:12px;gap:10px}.game-art{min-height:125px}.quiz-choices{grid-template-columns:1fr}.ref-link-row{flex-direction:column}}

.coupon-wallet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.coupon-wallet-card{display:grid;gap:9px;padding:17px;border:1px dashed #c8bde8;border-radius:16px;background:linear-gradient(145deg,#fff,#f8f5ff)}.coupon-wallet-card strong{font-size:27px;color:#7562aa}.coupon-wallet-card code{font-size:15px;font-weight:900;letter-spacing:1px;color:#49415f}.coupon-wallet-card small{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.notification-count{display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;border-radius:99px;background:#f8dce8;color:#743b5b;font-size:10px;font-weight:800;padding:0 5px}.notification-item{margin:12px 0;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.notification-item.unread{border-color:#b9aceb;background:#fbfaff}.notification-item p{line-height:1.65;color:var(--muted)}
.product-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;width:100%}.product-gallery img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;background:#f0edf8;border:1px solid var(--line)}.product-thumb-row{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.product-thumb-row>div{width:140px}.product-thumb-row img{display:block;width:140px;height:90px;object-fit:cover;border-radius:12px;border:1px solid var(--line);margin-bottom:6px}
@media(max-width:640px){.product-gallery{grid-template-columns:1fr}.product-thumb-row>div{width:calc(50% - 6px)}.product-thumb-row img{width:100%;height:auto;aspect-ratio:16/10}}
.detailmedia{display:grid;gap:12px;align-content:start}.detailmedia .detailvisual{min-height:260px}.detailmedia .product-gallery{margin-top:0}

/* OUSGO V9.1 — cohesive, responsive product UI */
:root{--brand-ink:#202544;--brand-purple:#7766c8;--brand-purple-dark:#5e50aa;--surface:#fff;--surface-soft:#f8f7fc;--border-soft:#e8e7f0;--text-muted:#70788d;--shadow-soft:0 12px 34px rgba(34,38,73,.075)}
html{scroll-behavior:smooth}body{color:var(--brand-ink);background:radial-gradient(ellipse at 4% 0%,rgba(230,225,255,.52),transparent 32%),radial-gradient(ellipse at 96% 4%,rgba(255,229,238,.45),transparent 29%),#fbfafc;line-height:1.55}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,225,237,.9);box-shadow:0 4px 22px rgba(35,39,74,.045)}
.topbar{max-width:1440px;min-height:76px;margin:auto;padding:12px clamp(18px,3vw,48px);display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:3px;font:800 25px/1 Manrope,sans-serif;letter-spacing:-1.4px;color:#202544;white-space:nowrap}.brand:after{content:none}.brand-heart{color:#d88eaf;font-size:16px;align-self:flex-start;margin-top:-3px}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,1.35vw,22px);flex-wrap:wrap;font-size:13px;font-weight:650;color:#515a72}.main-nav>a{padding:9px 0;white-space:nowrap}.main-nav>a:hover,.nav-group summary:hover,.navlogout button:hover{color:var(--brand-purple)}
.nav-group{position:relative}.nav-group summary{list-style:none;cursor:pointer;padding:10px 12px;border:1px solid #ebe9f3;border-radius:12px;background:#fff;white-space:nowrap}.nav-group summary::-webkit-details-marker{display:none}.nav-caret{color:#9185c6;margin-left:5px}.nav-menu{position:absolute;right:0;top:calc(100% + 9px);width:min(290px,88vw);max-height:min(72vh,560px);overflow:auto;padding:9px;background:#fff;border:1px solid var(--border-soft);border-radius:16px;box-shadow:0 18px 48px rgba(32,37,68,.16);display:grid;grid-template-columns:1fr 1fr;gap:3px}.nav-menu a{padding:10px;border-radius:9px;font-size:12px;line-height:1.35}.nav-menu a:hover{background:#f3f0ff;color:#5f50a8}.nav-menu-right{grid-template-columns:1fr}.navlogout{display:inline-flex;margin:0}.navlogout button{border:1px solid #eeeaf5;background:#fff;color:#6a587f;font:inherit;font-size:12px;font-weight:700;padding:10px 13px;border-radius:12px;cursor:pointer;white-space:nowrap}.page-shell{width:min(100% - 40px,1240px);max-width:1240px;padding-left:0;padding-right:0;min-height:calc(100vh - 230px)}
.section{padding:46px 0 76px}.section>h1{font-size:clamp(30px,4vw,46px);line-height:1.13;letter-spacing:-1.8px;margin:12px 0 26px}.section h2{letter-spacing:-.8px}.dashgrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:18px 0}.dashcard{min-height:116px;padding:21px;border:1px solid #e9e6f2;border-radius:18px;background:linear-gradient(145deg,#fff,#fdfcff);box-shadow:0 7px 22px rgba(34,38,73,.045);align-content:start;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.dashcard b{font-size:15px;letter-spacing:-.2px}.dashcard span{font-size:12px;line-height:1.5}.dashcard:hover{transform:translateY(-3px);border-color:#d8cff5;box-shadow:var(--shadow-soft)}
.admin-metrics{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:15px}.admin-shortcuts{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.soft-card{border:1px solid var(--border-soft);border-radius:18px;background:linear-gradient(145deg,#fff,#fbfaff);padding:21px;box-shadow:0 7px 22px rgba(34,38,73,.045)}.admin-metrics .soft-card h2{font-size:clamp(25px,3vw,34px);margin:9px 0 0;color:#6253ad}.admin-shortcuts .soft-card{display:grid;gap:7px;transition:.2s}.admin-shortcuts .soft-card:hover{transform:translateY(-3px);border-color:#d9d0f6;box-shadow:var(--shadow-soft)}.admin-shortcuts .soft-card span{font-size:12px;color:var(--text-muted);line-height:1.5}
.tablewrap{border:1px solid var(--border-soft);border-radius:16px;box-shadow:0 7px 22px rgba(34,38,73,.04)}table{font-size:13px}td,th{padding:15px 16px}th{font-size:10px;letter-spacing:.8px}tbody tr:hover{background:#fbfaff}.rowcard{padding:20px;border-radius:17px}.mt{margin-top:38px}.empty{border:1px dashed #dcd7ed;background:#fff;border-radius:18px}
.site-footer{margin-top:58px;background:#202544;color:#fff;padding:34px 0}.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.footer-brand p{margin:9px 0 0;color:#c5c8d6;font-size:12px}.site-footer .brand{color:#fff;font-size:21px}.footerlinks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px}.footerlinks a{color:#e3e4ed;font-size:12px}.footerlinks a:hover{color:#f4cce0}.footer-inner>small{text-align:right;color:#c5c8d6;font-size:11px}.notice{max-width:100%;border-radius:13px}
button,input,select,textarea{font:inherit}button,.btn,.navbtn{transition:transform .18s ease,box-shadow .18s ease}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(129,108,207,.38);outline-offset:3px}
@media(max-width:900px){.topbar{align-items:flex-start;flex-direction:column;gap:10px;padding-top:14px;padding-bottom:14px}.main-nav{justify-content:flex-start;width:100%;gap:8px 14px}.main-nav>a{padding:7px 0}.footer-inner{grid-template-columns:1fr 1fr}.footerlinks{justify-content:flex-start}.footer-inner>small{text-align:left;grid-column:1/-1}}
@media(max-width:560px){.page-shell{width:calc(100% - 32px)}.topbar{padding-left:16px;padding-right:16px}.main-nav{gap:7px 11px;font-size:12px}.nav-group summary{padding:8px 9px}.nav-menu{left:0;right:auto;grid-template-columns:1fr 1fr}.account-group .nav-menu{left:auto;right:0}.section{padding:32px 0 54px}.section>h1{font-size:31px}.dashgrid{grid-template-columns:1fr 1fr;gap:10px}.dashcard{padding:15px;min-height:110px}.dashcard b{font-size:13px}.dashcard span{font-size:11px}.footer-inner{grid-template-columns:1fr}.footerlinks{gap:10px 16px}.footer-inner>small{grid-column:auto}.tablewrap{max-width:100%}td,th{padding:11px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* RewardHub earning clarity and referral sharing */
.reward-earn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 4px}.reward-earn-grid .soft-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.reward-earn-grid .soft-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.reward-earn-grid .soft-card a{margin-top:auto;padding-top:7px;color:var(--brand-purple-dark);font-size:12px;font-weight:800}.reward-empty-state{background:linear-gradient(120deg,#f5f2ff,#fff8fb);border-color:#e5def7;color:#51477e;padding:20px}.reward-empty-state p{margin:7px 0 14px;color:#6e6a83}.reward-odds-details summary{cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.reward-odds-details summary::marker{color:#8a7ac8}.reward-odds-details[open] summary{margin-bottom:12px}.ref-link-row .btn{white-space:nowrap}@media(max-width:760px){.reward-earn-grid{grid-template-columns:1fr}.ref-link-row{flex-wrap:wrap}.ref-link-row input{flex-basis:100%}}


/* V9.1.3 — cohesive storefront, dashboard and zero-chance feedback */
.brand-logo{display:block;max-width:142px;max-height:42px;width:auto;height:auto;object-fit:contain}
.home-nav-link{font-weight:800;color:var(--brand-purple-dark)!important;background:#f2efff;border:1px solid #e8e1fb;border-radius:999px;padding:8px 13px!important}
.home-hero{gap:clamp(28px,5vw,72px);padding-top:64px;padding-bottom:62px;align-items:stretch}
.home-hero-copy{align-self:center}.home-hero h1{font-size:clamp(42px,5.4vw,68px);line-height:1.04;max-width:740px}.home-hero-copy>p{font-size:17px;max-width:610px}
.home-trust-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:25px;color:#716a8f;font-size:12px;font-weight:700}
.home-visual{position:relative;min-height:365px;border-radius:30px;overflow:visible;background:linear-gradient(145deg,#e9e5ff,#fff0f5 65%,#e5f5ee);box-shadow:0 22px 60px rgba(63,51,104,.12)}
.home-poster{width:100%;height:100%;min-height:365px;position:absolute;inset:0;object-fit:cover;border-radius:30px}
.home-poster-placeholder{height:100%;min-height:365px;padding:38px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;border-radius:30px}
.home-poster-placeholder:after{content:'♡';position:absolute;right:18px;bottom:-58px;font-size:220px;color:#ffffff78;transform:rotate(-15deg)}
.home-poster-placeholder h2{font-size:clamp(29px,3vw,42px);line-height:1.1;margin:16px 0;position:relative;z-index:1}.home-poster-placeholder p{max-width:300px;color:#6d6686;line-height:1.65;position:relative;z-index:1}.poster-orbit{font-size:50px;color:#8b78d0}
.floating-note{position:absolute;right:-12px;bottom:22px;background:#fff;padding:12px 17px;border:1px solid #eee9f7;border-radius:14px;box-shadow:0 12px 30px #25204418;font-size:12px;font-weight:800}.floating-note span{color:#d58eae;margin-left:7px}
.home-categories{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 27px;margin:12px 0 25px;background:#fff;border:1px solid var(--border-soft);border-radius:22px;box-shadow:var(--shadow-soft)}.home-categories h2{margin:5px 0 0;font-size:22px}.category-pills{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.category-pills a{padding:9px 13px;border-radius:999px;background:#f5f2ff;border:1px solid #ebe6fa;font-size:12px;font-weight:750;color:#65589c}.category-pills a span{margin-left:5px;color:#a18ed8}
.home-build-band{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:38px;margin:25px 0 70px;border-radius:26px;background:linear-gradient(115deg,#e9e5ff,#fff0f5 60%,#e8f5ee);border:1px solid #eee7f6}.home-build-band h2{font-size:clamp(25px,3vw,34px);margin:8px 0}.home-build-band p{max-width:650px;color:#6e7184}
.admin-dashboard{max-width:1240px;margin:auto}.admin-welcome{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:30px 32px;border:1px solid #e9e3f4;border-radius:24px;background:linear-gradient(115deg,#f0edff,#fff5f8 65%,#eef8f2);box-shadow:0 12px 35px rgba(41,34,79,.06)}.admin-welcome h1{font-size:clamp(30px,4vw,42px);margin:8px 0}.admin-welcome-actions{display:flex;gap:9px;flex-wrap:wrap}.admin-metrics .soft-card{min-height:116px}.admin-shortcuts{margin-top:18px}.admin-shortcuts .soft-card{min-height:108px}
.reward-modal[hidden]{display:none}.reward-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}.reward-modal-backdrop{position:absolute;inset:0;background:rgba(24,27,49,.48);backdrop-filter:blur(5px)}.reward-modal-card{position:relative;z-index:1;width:min(100%,460px);padding:32px;border-radius:24px;background:#fff;box-shadow:0 28px 90px rgba(20,20,50,.25);border:1px solid #eee8f7}.reward-modal-card h2{font-size:27px;margin:12px 0}.reward-modal-card p{color:#71778a;line-height:1.7}.reward-modal-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#f3f0fa;font-size:23px;cursor:pointer;color:#65598e}.reward-modal-card .actions{flex-wrap:wrap}.modal-open{overflow:hidden}.admin-challenge-label{padding:12px;border-radius:12px;background:#f5f2ff;border:1px solid #e9e2fa}
@media(max-width:850px){.home-categories{align-items:flex-start;flex-direction:column}.category-pills{justify-content:flex-start}.admin-welcome{align-items:flex-start;flex-direction:column}.home-hero{grid-template-columns:1fr}.home-visual{min-height:280px}.home-poster,.home-poster-placeholder{min-height:280px}}
@media(max-width:560px){.home-hero{padding-top:35px}.home-hero h1{font-size:40px}.home-visual{min-height:245px}.home-poster,.home-poster-placeholder{min-height:245px}.home-poster-placeholder{padding:25px}.home-build-band{padding:25px;display:block}.home-build-band .btn{margin-top:12px}.floating-note{right:8px;bottom:10px}.admin-welcome{padding:22px}.admin-welcome-actions{width:100%}.admin-welcome-actions .btn{flex:1}.reward-modal-card{padding:27px 22px}}


/* OUSGO V9.1.4 — mobile navigation and uncropped square hero artwork */
.brand{gap:9px}
.brand-logo{width:38px;height:38px;max-width:38px;max-height:38px;object-fit:contain}
.brand-wordmark{font:800 19px/1 Manrope,sans-serif;letter-spacing:1.2px;color:var(--brand-ink)}
.mobile-nav-toggle{display:none}
.home-visual{aspect-ratio:1/1;min-height:0;overflow:hidden;isolation:isolate}
.home-poster{display:block;position:relative;inset:auto;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;border-radius:inherit}
@media(max-width:900px){
 .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 20px}
 .brand{grid-column:1;grid-row:1}
 .mobile-nav-toggle{grid-column:2;grid-row:1;display:flex;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid var(--border-soft);border-radius:12px;background:#fff;cursor:pointer}
 .mobile-nav-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:var(--brand-ink);transition:transform .18s ease,opacity .18s ease}
 .mobile-menu-open .mobile-nav-toggle span:first-child{transform:translateY(7px) rotate(45deg)}
 .mobile-menu-open .mobile-nav-toggle span:nth-child(2){opacity:0}
 .mobile-menu-open .mobile-nav-toggle span:last-child{transform:translateY(-7px) rotate(-45deg)}
 .main-nav{display:none;grid-column:1/-1;grid-row:2;width:100%;max-height:min(72vh,560px);overflow-y:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:3px;padding:10px 0 4px;border-top:1px solid var(--border-soft)}
 .mobile-menu-open .main-nav{display:flex}
 .main-nav>a{display:flex;align-items:center;min-height:42px;padding:9px 12px!important;border-radius:10px;white-space:normal}
 .main-nav>a:hover{background:#f6f4fc}
 .main-nav .navbtn{justify-content:center;margin-top:5px}
 .nav-group{width:100%}
 .nav-group summary{display:block;padding:12px;border-radius:10px}
 .nav-menu,.nav-menu-right{position:static;width:100%;max-height:260px;margin-top:5px;box-shadow:none;grid-template-columns:1fr 1fr}
 .navlogout{width:100%;padding:5px 0}
 .navlogout button{width:100%;min-height:42px}
 .home-hero{grid-template-columns:minmax(0,1fr);gap:28px}
 .home-visual{width:min(100%,560px);justify-self:center}
}
@media(max-width:560px){
 .topbar{padding:10px 16px}
 .brand-logo{width:35px;height:35px;max-width:35px;max-height:35px}
 .brand-wordmark{font-size:18px}
 .page-shell{width:calc(100% - 32px)}
 .home-hero{padding-top:30px;padding-bottom:36px;gap:24px}
 .home-hero h1{font-size:clamp(34px,9vw,42px);line-height:1.08;letter-spacing:-1.5px}
 .home-hero-copy>p{font-size:15px;line-height:1.65}
 .home-hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}
 .home-hero .actions .btn{min-width:0;min-height:48px;padding:11px 10px;text-align:center;font-size:12px;white-space:normal;line-height:1.3}
 .home-trust-row{gap:8px 13px;margin-top:17px;font-size:11px}
 .home-visual{width:100%;min-height:0;aspect-ratio:1/1;border-radius:22px}
 .home-poster{width:100%;height:100%;min-height:0;object-fit:contain;border-radius:22px}
 .floating-note{display:none}
 .home-categories{padding:20px;margin:8px 0 20px;gap:13px}
 .home-categories h2{font-size:20px}
 .category-pills{gap:8px}
 .category-pills a{font-size:12px}
 .sectionhead{align-items:flex-start;gap:12px;flex-direction:column}
 .section h2{font-size:25px}
}


/* OUSGO V9.1.6: restrained, accessible motion system */
:root{--ousgo-ease:cubic-bezier(.2,.75,.25,1)}
html{scroll-behavior:smooth}
.btn,.mini,.textlink,.dashcard,.product,.panel,.soft-card,.nav a,.check-option{transition:transform .22s var(--ousgo-ease),box-shadow .22s var(--ousgo-ease),background-color .22s ease,border-color .22s ease,color .22s ease}
.btn:hover,.mini:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(25,35,68,.12)}
.product:hover,.dashcard:hover,.soft-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(25,35,68,.10)}
.panel,.auth,.product,.soft-card{animation:ousgo-rise .48s var(--ousgo-ease) both}
@keyframes ousgo-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
input,textarea,select{transition:border-color .18s ease,box-shadow .18s ease}
input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 4px rgba(145,123,232,.13)}
.build-estimate{background:linear-gradient(135deg,rgba(146,126,236,.10),rgba(255,255,255,.96));border:1px solid rgba(145,123,232,.24);padding:22px;border-radius:20px;margin:18px 0}
.build-estimate-price{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:800;letter-spacing:-.04em;color:var(--navy,#19223f);margin:8px 0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* OUSGO V9.1.7 — polished motion and bulk reward controls */
.grant-recipient-picker{display:grid;gap:10px}.grant-picker-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.grant-picker-actions [data-grant-count]{margin-left:auto;font-size:12px}.grant-customer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:320px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fbfaff}.grant-customer-option{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border:1px solid #ece9f4;border-radius:12px;background:#fff;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.grant-customer-option:hover{transform:translateY(-2px);border-color:#cfc4f2;box-shadow:0 8px 20px #2620440c}.grant-customer-option input{width:18px;height:18px;flex:0 0 auto;accent-color:#8170c9}.grant-customer-option span{display:grid;min-width:0}.grant-customer-option b,.grant-customer-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grant-customer-option small{color:var(--muted);font-size:11px}.grant-customer-option[hidden]{display:none!important}
.build-estimate{position:relative;overflow:hidden;isolation:isolate}.build-estimate:after{content:"";position:absolute;inset:-80% auto -80% -35%;width:24%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:rotate(22deg);animation:estimate-glint 5.5s ease-in-out infinite;z-index:-1}@keyframes estimate-glint{0%,65%,100%{left:-35%}35%{left:120%}}
.site-header{transition:box-shadow .25s ease,background-color .25s ease}.main-nav a{position:relative}.main-nav a:not(.navbtn):after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.main-nav a:hover:after,.main-nav a:focus-visible:after{transform:scaleX(1)}.btn,.mini{position:relative;overflow:hidden}.btn:active,.mini:active{transform:translateY(1px) scale(.985)}.section>.panel,.section>.dashgrid,.section>.project-card{animation:ousgo-rise .45s var(--ousgo-ease) both}
@media(max-width:640px){.grant-customer-list{grid-template-columns:1fr;max-height:280px}.grant-picker-actions [data-grant-count]{width:100%;margin-left:0}.build-estimate{padding:17px}}
@media(prefers-reduced-motion:reduce){.build-estimate:after{animation:none!important}.main-nav a:after{transition:none!important}}

/* OUSGO V9.1.8 — Match & Win reveal polish */
.match-tiles button{position:relative;display:grid;place-items:center;min-width:0;min-height:42px;border:1px solid #dcd4f4;border-radius:12px;background:linear-gradient(145deg,#fff,#f7f4ff);color:#7868a8;font-size:19px;font-weight:900;box-shadow:0 4px 10px rgba(44,34,83,.06);transition:transform .22s var(--ousgo-ease),background .22s ease,border-color .22s ease,box-shadow .22s ease}
.match-tiles button:not(.matched):hover{transform:translateY(-2px) scale(1.035);box-shadow:0 9px 18px rgba(44,34,83,.11)}
.match-tiles button.revealed{transform:rotateY(0) scale(1.04);background:linear-gradient(145deg,#f0ecff,#fff);border-color:#a99be5}
.match-tiles button.matched{background:linear-gradient(145deg,#e5f8ee,#f5fff9);border-color:#9ccdb8;color:#287451;box-shadow:0 5px 14px rgba(49,139,98,.12)}
.match-progress{display:block;min-height:15px;font-size:10px;font-weight:700;letter-spacing:.1px;color:#716a83;text-align:center}
.game-match .game-art{padding:14px;align-content:center;gap:7px}
.game-match .match-tiles{grid-template-columns:repeat(3,minmax(38px,44px));gap:8px}
.game-match .match-tiles button{width:100%;height:44px}
.game-match .game-copy .btn{background:linear-gradient(120deg,#1b2542,#343d67);box-shadow:0 9px 22px rgba(27,37,66,.14)}
.reward-result{animation:reward-pop .48s cubic-bezier(.18,.8,.2,1) both}
@keyframes reward-pop{0%{opacity:0;transform:translateY(12px) scale(.97)}70%{opacity:1;transform:translateY(-2px) scale(1.01)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.match-tiles button,.reward-result{animation:none!important;transition:none!important}}


/* OUSGO V9.2.0 — premium, site-wide motion language */
:root{--ousgo-motion-ease:cubic-bezier(.2,.72,.22,1);--ousgo-motion-duration:420ms}
@media (prefers-reduced-motion:no-preference){
 html{scroll-behavior:smooth}
 .ousgo-motion-ready [data-ousgo-reveal]{opacity:0;transform:translate3d(0,18px,0);transition:opacity var(--ousgo-motion-duration) var(--ousgo-motion-ease),transform var(--ousgo-motion-duration) var(--ousgo-motion-ease);transition-delay:var(--ousgo-reveal-delay,0ms);will-change:opacity,transform}
 .ousgo-motion-ready [data-ousgo-reveal].ousgo-is-visible{opacity:1;transform:translate3d(0,0,0);will-change:auto}
 .site-header{animation:ousgo-header-in .55s var(--ousgo-motion-ease) both}
 .site-footer{animation:ousgo-footer-in .5s var(--ousgo-motion-ease) both}
 .btn,.mini,.navbtn,button{ -webkit-tap-highlight-color:transparent }
 .btn:active,.mini:active,.navbtn:active,.ousgo-pressed{transform:translateY(1px) scale(.975)!important;transition-duration:100ms!important}
 .btn:focus-visible,.mini:focus-visible{box-shadow:0 0 0 4px rgba(143,124,222,.18),0 8px 24px rgba(23,33,59,.12)}
 .panel,.soft-card,.product,.dashcard,.auth,.game-card,.rowcard{transform-origin:50% 65%}
 .panel:hover,.soft-card:hover,.dashcard:hover{border-color:rgba(151,132,220,.45)}
 .form input:focus,.form textarea:focus,.form select:focus{transform:translateY(-1px)}
 .notice{animation:ousgo-notice-in .35s var(--ousgo-motion-ease) both}
 .mobile-menu-open .main-nav{animation:ousgo-menu-in .24s var(--ousgo-motion-ease) both}
 .btn:not(.secondary):not(.danger)::after,.navbtn::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.18) 48%,transparent 70%);transform:translateX(-130%);transition:transform .65s var(--ousgo-motion-ease)}
 .btn:not(.secondary):not(.danger):hover::after,.navbtn:hover::after{transform:translateX(130%)}
 .match-tiles button{perspective:600px;transform-style:preserve-3d}
 .match-tiles button.revealed{animation:ousgo-tile-flip .32s var(--ousgo-motion-ease) both}
 .match-tiles button.matched{animation:ousgo-match-pop .36s var(--ousgo-motion-ease) both}
 .game-card.is-playing .game-art{filter:saturate(1.08);transform:scale(1.015);transition:transform .35s var(--ousgo-motion-ease),filter .35s ease}
 details[open]>summary{color:var(--brand,#7667bd)}
}
@keyframes ousgo-header-in{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}
@keyframes ousgo-footer-in{from{opacity:.7}to{opacity:1}}
@keyframes ousgo-menu-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@keyframes ousgo-notice-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@keyframes ousgo-tile-flip{0%{transform:rotateY(80deg) scale(.92)}100%{transform:rotateY(0) scale(1.04)}}
@keyframes ousgo-match-pop{0%{transform:scale(.92)}65%{transform:scale(1.09)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.ousgo-motion-ready [data-ousgo-reveal]{opacity:1!important;transform:none!important;transition:none!important}.site-header,.site-footer,.notice{animation:none!important}.btn::after,.navbtn::after{display:none!important}}
@media(max-width:640px){.ousgo-motion-ready [data-ousgo-reveal]{transform:translate3d(0,10px,0);transition-duration:320ms}.game-card.is-playing .game-art{transform:none}}
