:root{--accent:#00e979;--accent2:#4dffaf;--bg:#050611;--panel:#0a0d19;--text:#fff;--muted:#aab0c2}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:
radial-gradient(circle at 70% 10%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 28%),
radial-gradient(circle at 15% 18%,rgba(0,201,255,.1),transparent 22%),#050611;color:#fff;font-family:Arial,Helvetica,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:84px 84px;opacity:.08}
a{color:inherit;text-decoration:none} button,input{font:inherit} .container{width:min(1180px,calc(100% - 30px));margin:auto}
.site-shell{width:min(1500px,100%);margin:auto;border-left:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-right:1px solid color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 0 40px rgba(0,0,0,.7)}
header{height:76px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(3,4,10,.85);backdrop-filter:blur(15px);position:sticky;top:0;z-index:30}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo-img{width:170px;height:47px;object-fit:cover;object-position:center;border-radius:7px}
nav{display:flex;gap:24px;font-size:13px} nav a{color:#d9dbe4} nav a:hover{color:#fff}
.age{border:1px solid #fff;border-radius:50%;padding:7px 9px;font-weight:700;font-size:12px}
.header-btn,.main-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07100b;font-weight:900;cursor:pointer;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 35%,transparent);transition:.2s}
.header-btn{padding:11px 17px} .main-btn{padding:17px 28px;font-size:17px;text-transform:uppercase}
.header-btn:hover,.main-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.hero{min-height:590px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:55px 0 30px;position:relative}
.hero-copy h1{font-size:clamp(38px,5vw,65px);line-height:1.02;margin:0 0 22px;text-transform:uppercase;letter-spacing:-1.5px}
.hero-copy h1 span{display:block;color:var(--accent);text-shadow:0 0 22px color-mix(in srgb,var(--accent) 38%,transparent)}
.hero-copy>p{color:#d2d5df;font-size:18px;max-width:560px;line-height:1.65}
.amount-card{max-width:490px;margin:25px 0 11px} .amount-label{font-size:13px;color:#b9bfcd;margin-bottom:8px}
.amount-input{display:flex;align-items:center;background:#0b1020;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:9px;padding:0 13px;box-shadow:inset 0 0 18px rgba(0,0,0,.5)}
.amount-input input{flex:1;background:transparent;border:0;color:#fff;outline:0;padding:15px 0;font-size:18px} .amount-input span{color:#87dfff;font-weight:800}
.demo{color:#bfc4d1;font-size:13px;margin:8px 0 22px} .demo strong{color:#fff} .micro{font-size:11px;color:#8f96a8;margin-top:10px}
.wheel-area{position:relative;display:flex;justify-content:center;align-items:center;min-width:0}
.wheel-area:after{content:"";position:absolute;bottom:18px;width:70%;height:58px;background:var(--accent);filter:blur(45px);opacity:.18}
.wheel-holder{position:relative;width:min(500px,100%);aspect-ratio:1/1;flex:0 0 auto;touch-action:manipulation}
.wheel-holder svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 24px 20px rgba(0,0,0,.7))}
.rotor{transform-origin:300px 300px;transition:transform 5.2s cubic-bezier(.12,.72,.08,1);will-change:transform}
.wheel-holder text{fill:#fff6a4;font-size:31px;font-weight:900;paint-order:stroke;stroke:#482000;stroke-width:3px}
.wheel-holder .hub-title{font-size:42px;fill:#ffc741;stroke:#160800;stroke-width:5px;font-style:italic} .wheel-holder .hub-title.blue{fill:#31cfff}
.bulb{fill:#fff3a0;filter:url(#glow)} .pointer{position:absolute;top:-9px;left:50%;transform:translateX(-50%);z-index:6;width:0;height:0;border-left:24px solid transparent;border-right:24px solid transparent;border-top:68px solid #f7b72e;filter:drop-shadow(0 0 8px #ffcf63)}
.pedestal{position:absolute;bottom:-6px;width:72%;height:70px;border-radius:50%;background:linear-gradient(#12213d,#02040a);border:2px solid color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 25%,transparent);z-index:-1}
.section{padding:56px 0;border-top:1px solid rgba(255,255,255,.06)} .section h2{text-align:center;font-size:28px;text-transform:uppercase;margin:0 0 28px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .step-card,.benefit,.task-panel,.leader-panel{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid color-mix(in srgb,var(--accent) 32%,rgba(255,255,255,.08));border-radius:11px;padding:21px;min-height:185px}
.step-num{position:absolute;left:12px;top:10px;color:var(--accent);font-weight:900} .step-icon,.benefit-icon{font-size:40px;text-align:center;margin:8px 0 15px} .step-card h3,.step-card p,.benefit h3,.benefit p{text-align:center} .step-card h3,.benefit h3{font-size:15px} .step-card p,.benefit p{font-size:12px;color:#aeb4c3;line-height:1.5}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .benefit{min-height:150px}
.game-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:16px} .task-panel,.leader-panel{min-height:245px} .panel-title{color:var(--accent);font-weight:900;margin-bottom:18px;text-transform:uppercase}
.tasks-list{display:grid;gap:12px} .task-item{display:flex;align-items:center;gap:12px;padding:11px;background:#060914;border-radius:8px;border:1px solid rgba(255,255,255,.06)} .task-item i{font-style:normal;font-size:22px}
.leaders{list-style:none;margin:0;padding:0} .leaders li{display:grid;grid-template-columns:36px 1fr auto;gap:10px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.08)} .leaders li b{color:var(--accent)} .leaders li strong{color:var(--accent)}
.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px} .review-box{border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:11px;padding:24px;background:#090c16} .stars{color:#ffc52d;font-size:20px} .review-box p{color:#ced2dc;line-height:1.6}
details{background:#080b14;border-bottom:1px solid rgba(255,255,255,.08);padding:17px 15px} summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between} details p{color:#aeb4c3;font-size:14px} summary span{color:var(--accent);font-size:20px}
.footer{padding:35px 0 26px;border-top:1px solid rgba(255,255,255,.08);color:#7f8798;font-size:12px} .warning{color:#d9dce5;margin-bottom:18px} .footer-row{display:flex;justify-content:space-between;gap:20px}
.result-modal{position:fixed;inset:0;background:rgba(0,0,0,.76);display:none;place-items:center;z-index:100;padding:18px;backdrop-filter:blur(10px)} .result-modal.show{display:grid}
.result-card{width:min(430px,100%);background:linear-gradient(150deg,#151020,#070910);border:1px solid var(--accent);border-radius:22px;padding:34px;text-align:center;box-shadow:0 0 60px color-mix(in srgb,var(--accent) 24%,transparent);animation:pop .25s ease-out}
.result-logo{width:220px;max-width:80%;border-radius:8px} .result-card h2{margin:22px 0 8px;font-size:28px} .result-value{font-size:54px;color:var(--accent);font-weight:900;text-shadow:0 0 20px var(--accent);margin:12px 0 24px}
.result-actions{display:grid;gap:10px} .secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:none}
@keyframes pop{from{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:34px}.hero-copy>p,.amount-card{margin-left:auto;margin-right:auto}.wheel-holder{width:min(460px,88vw)}.steps,.benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.container{width:min(100% - 20px,1180px)}header{height:62px}.logo-img{width:130px;height:38px}.header-btn{display:none}.hero-copy h1{font-size:36px}.hero-copy>p{font-size:15px}.hero{gap:12px;padding-bottom:34px}.wheel-holder{width:min(360px,92vw);aspect-ratio:1}.wheel-area{overflow:visible}.pointer{border-left-width:18px;border-right-width:18px;border-top-width:50px}.steps,.benefits,.game-grid,.faq-grid{grid-template-columns:1fr}.main-btn{width:100%}.section{padding:42px 0}.footer-row{display:block}}
@media(prefers-reduced-motion:reduce){.rotor{transition-duration:.01ms}}

.seo-blog{padding:64px 0;border-top:1px solid rgba(255,255,255,.07)}.seo-blog-head{max-width:760px;margin:0 auto 30px;text-align:center}.seo-blog-head h2{font-size:30px;margin:0 0 12px;text-transform:uppercase}.seo-blog-head p{color:#aeb4c3}.seo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.seo-card{display:flex;flex-direction:column;min-height:250px;padding:24px;border:1px solid color-mix(in srgb,var(--accent) 35%,rgba(255,255,255,.08));border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015));transition:.2s}.seo-card:hover{transform:translateY(-4px);border-color:var(--accent)}.seo-card small,.seo-card .seo-read{color:var(--accent);font-weight:800}.seo-card h3{font-size:20px;line-height:1.3;margin:14px 0 11px}.seo-card p{color:#aeb4c3;font-size:14px;line-height:1.6;margin:0 0 20px}.seo-card .seo-read{margin-top:auto}@media(max-width:820px){.seo-cards{grid-template-columns:1fr}.seo-card{min-height:0}}

/* ===== Spin2Win visual polish v3 ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-synthesis:none}
body{min-width:320px;overflow-x:hidden}
body:after{
  content:"";position:fixed;inset:-20%;pointer-events:none;z-index:-2;
  background:
    radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 18%),
    radial-gradient(circle at 82% 13%,color-mix(in srgb,var(--accent2) 18%,transparent),transparent 20%),
    radial-gradient(circle at 68% 72%,rgba(0,212,255,.10),transparent 24%);
  filter:blur(24px);animation:ambientFloat 14s ease-in-out infinite alternate
}
@keyframes ambientFloat{to{transform:translate3d(2.5%,-1.5%,0) scale(1.04)}}
header{box-shadow:0 12px 40px rgba(0,0,0,.25)}
.header-inner{padding-inline:4px}
.logo-img{filter:drop-shadow(0 0 15px color-mix(in srgb,var(--accent) 24%,transparent))}
.hero{
  isolation:isolate;
  margin-top:22px;margin-bottom:24px;padding:56px clamp(18px,4vw,54px);
  border:1px solid rgba(255,255,255,.09);border-radius:30px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.015)),
    radial-gradient(circle at 80% 30%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 34%);
  box-shadow:0 32px 80px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.06);
  overflow:hidden
}
.hero:before{
  content:"";position:absolute;inset:auto -10% -48% 45%;height:70%;z-index:-1;
  background:var(--accent);opacity:.08;filter:blur(70px);border-radius:50%
}
.hero-copy h1{text-wrap:balance;text-shadow:0 8px 30px rgba(0,0,0,.4)}
.hero-copy>p{max-width:610px}
.amount-card{
  padding:16px 17px;border-radius:15px;
  background:linear-gradient(135deg,rgba(5,9,21,.88),rgba(16,20,36,.74));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 15px 35px rgba(0,0,0,.22)
}
.amount-input{min-height:54px}
.main-btn,.header-btn{
  position:relative;overflow:hidden;letter-spacing:.01em;
  box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px rgba(255,255,255,.35)
}
.main-btn:after,.header-btn:after{
  content:"";position:absolute;inset:0;transform:translateX(-120%);
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);
  transition:transform .5s ease
}
.main-btn:hover:after,.header-btn:hover:after{transform:translateX(120%)}
.wheel-area{min-width:0;padding:18px;isolation:isolate}
.wheel-area:before{
  content:"";position:absolute;width:88%;aspect-ratio:1;border-radius:50%;z-index:-2;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 28%,transparent),transparent 64%);
  filter:blur(20px)
}
.wheel-holder{
  width:min(520px,100%);max-width:520px;aspect-ratio:1/1!important;
  min-width:0;flex:none;contain:layout paint style;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer
}
.wheel-holder svg{
  display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;
  max-width:100%;max-height:none;overflow:visible;
  filter:drop-shadow(0 26px 26px rgba(0,0,0,.68)) drop-shadow(0 0 22px color-mix(in srgb,var(--accent) 16%,transparent))
}
.rotor{
  transform-box:fill-box;transform-origin:center!important;
  transition:transform 4.2s cubic-bezier(.11,.72,.08,1)!important;
  will-change:transform;backface-visibility:hidden
}
.pointer{z-index:8}
.pedestal{opacity:.95}
.section{position:relative}
.section:nth-of-type(even):not(.hero){
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.012),transparent)
}
.step-card,.benefit,.task-panel,.leader-panel,.review-box,.seo-card{
  border-radius:17px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.045);
  backdrop-filter:blur(8px)
}
.step-card,.benefit,.seo-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.step-card:hover,.benefit:hover,.seo-card:hover{
  transform:translateY(-5px);
  border-color:color-mix(in srgb,var(--accent) 70%,white 8%)!important;
  box-shadow:0 24px 50px rgba(0,0,0,.28),0 0 25px color-mix(in srgb,var(--accent) 8%,transparent)
}
.step-icon,.benefit-icon{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 28%,transparent))}
.section h2,.seo-blog-head h2{text-wrap:balance}
.seo-blog{
  margin:18px auto 40px;width:min(1180px,calc(100% - 30px));
  border:1px solid rgba(255,255,255,.08)!important;border-radius:28px;
  padding:54px clamp(18px,4vw,48px)!important;
  background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 48%),rgba(255,255,255,.018)
}
.seo-card{background:linear-gradient(150deg,rgba(255,255,255,.065),rgba(255,255,255,.018))!important}
.result-modal{overscroll-behavior:contain}
.result-card{
  border-radius:26px!important;
  background:
    radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 42%),
    linear-gradient(155deg,#171326,#070910)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.68),0 0 55px color-mix(in srgb,var(--accent) 20%,transparent)!important
}
.result-value{line-height:1}
.spin-trigger,.wheel-holder{user-select:none;-webkit-user-select:none}
@media(max-width:900px){
  .hero{margin-top:12px;padding:38px 22px 42px}
  .wheel-area{padding-top:8px}
  .wheel-holder{width:min(470px,88vw)}
}
@media(max-width:600px){
  header{height:62px}
  .hero{border-radius:22px;padding:30px 15px 32px}
  .hero-copy h1{font-size:clamp(32px,10vw,42px)!important;line-height:1.04}
  .hero-copy>p{font-size:15px;line-height:1.6}
  .wheel-area{padding:10px 0 12px}
  .wheel-holder{width:min(350px,88vw)!important;max-width:350px}
  .wheel-holder text{font-size:28px}
  .wheel-holder .hub-title{font-size:40px}
  .pointer{top:-4px}
  .main-btn{min-height:54px}
  .steps,.benefits{gap:12px}
  .step-card,.benefit,.task-panel,.leader-panel{padding:19px}
  .seo-blog{width:min(100% - 20px,1180px);border-radius:22px;padding:38px 15px!important}
}
@media(max-width:380px){
  .wheel-holder{width:min(320px,90vw)!important}
  .logo-img{width:122px!important}
  .age{font-size:11px;padding:5px 8px}
}
@media(prefers-reduced-motion:reduce){
  body:after{animation:none}
  .rotor{transition-duration:.25s!important}
}



/* ===== Spin2Win Blog (WordPress) ===== */
body.s2w-blog-body main.s2w-blog-main{padding-top:0}
.s2w-blog-archive-hero.seo-blog{border-top:0}
.s2w-breadcrumbs{font-size:13px;color:#929aaa;padding:20px 0 8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.s2w-breadcrumb-sep{opacity:.5}
.s2w-breadcrumb-current{color:#d2d5df}
.s2w-single-header{padding:16px 0 32px;border-bottom:1px solid rgba(255,255,255,.06)}
.s2w-single-head h1.s2w-single-title{font-size:clamp(28px,4vw,36px);margin:0 0 12px;text-transform:uppercase;letter-spacing:-.03em;line-height:1.1}
.s2w-single-content{padding:24px 0 48px}
.s2w-blog-post-meta{font-size:13px;color:#929aaa;margin-bottom:14px}
.s2w-blog-meta-category a{color:var(--accent);font-weight:700}
.s2w-single-cover-img{width:100%;max-height:480px;object-fit:cover;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 35%,rgba(255,255,255,.08));display:block}
.s2w-single-content-wrap{padding:40px 0 72px}
.s2w-blog-main .entry-content{max-width:790px;margin:0 auto;padding:0 15px;font-size:17px;color:#c4c9d4}
.s2w-blog-main .entry-content h2{color:#fff;font-size:28px;margin:40px 0 18px}
.s2w-blog-main .entry-content h3{color:#e8ebf2;font-size:20px;margin:28px 0 12px}
.s2w-blog-main .entry-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.s2w-blog-main .entry-content img{max-width:100%;height:auto;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 35%,rgba(255,255,255,.08))}
.s2w-blog-empty{grid-column:1/-1;text-align:center;color:#aeb4c3;padding:48px 0}
nav a.is-active{color:var(--accent);font-weight:700}
.pagination,.nav-links{display:flex;justify-content:center;gap:8px;padding:32px 0 16px}
.page-numbers,.nav-links a,.nav-links span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 35%,rgba(255,255,255,.08));background:rgba(255,255,255,.03);color:#d2d5df;font-size:14px;font-weight:700}
.page-numbers.current,.nav-links .current{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07100b;border-color:transparent}
.s2w-blog-back-to-top{position:fixed;right:20px;bottom:20px;z-index:50;border:1px solid color-mix(in srgb,var(--accent) 35%,rgba(255,255,255,.08));border-radius:9px;padding:10px 14px;background:rgba(5,6,17,.92);color:var(--accent);font-weight:800;font-size:12px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;backdrop-filter:blur(8px)}
.s2w-blog-back-to-top.is-visible{opacity:1;pointer-events:auto}
#site-header,.footer-nav-widgets-wrapper,.footer-top,.powered-by-wordpress,.footer-credits{display:none!important}