@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,600;1,600;1,700&display=swap');
:root{--ink:#100d2d;--night:#17123d;--pink:#ff4f9a;--orange:#ff9d5c;--cream:#fff8f1;--muted:#aaa8c3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.topbar{height:78px;background:var(--ink);color:#fff;display:flex;align-items:center;padding:0 max(5vw,28px);gap:40px;border-bottom:1px solid #332957}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:20px;font-weight:700}.brand strong{color:var(--pink)}.brand small{color:var(--orange);font-size:14px}.brand-mark{border:1px solid var(--pink);color:var(--pink);border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.topbar nav{display:flex;gap:30px;margin-left:auto}.topbar nav a{color:#d8d4e6;text-decoration:none;font-size:13px}.age{border:1px solid var(--pink);border-radius:50%;padding:10px 9px;font-size:12px}.party-hero{min-height:650px;background:radial-gradient(circle at 80% 40%,#352265 0,#17123d 45%,#100d2d 100%);color:white;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:65px max(8vw,40px);overflow:hidden}.hero-copy{max-width:560px}.eyebrow{color:var(--pink);font-size:11px;letter-spacing:3px;font-weight:700}.hero-copy h1{font-size:clamp(48px,6vw,88px);line-height:.94;letter-spacing:-4px;margin:24px 0}.hero-copy h1 em,.section-intro h2 em,.how h2 em,.faq h2 em{font-family:'Playfair Display',serif;color:var(--orange);font-weight:600}.lead{color:#c9c5db;line-height:1.7;max-width:470px}.primary-call{display:inline-flex;background:var(--pink);color:white;text-decoration:none;padding:18px 25px;border-radius:8px;font-weight:700;margin-top:22px;gap:30px;box-shadow:0 12px 35px #ff4f9a4d}.micro{font-size:11px;color:#9792b5}.hero-art{height:490px;position:relative;display:grid;place-items:center}.hero-photo{width:310px;height:430px;border:3px solid var(--pink);border-radius:160px 160px 22px 22px;padding:8px;transform:rotate(4deg);box-shadow:0 0 50px #ff4f9a88;overflow:hidden;position:relative;z-index:2}.hero-photo img{width:100%;height:100%;object-fit:cover;border-radius:150px 150px 14px 14px}.neon-orbit{position:absolute;width:410px;height:410px;border:2px solid var(--orange);border-radius:50%;box-shadow:0 0 25px #ff9d5c99}.orbit-two{width:490px;height:230px;transform:rotate(-32deg);border-color:var(--pink)}.sticker{position:absolute;right:4%;top:12%;background:var(--orange);color:var(--ink);padding:13px 18px;border-radius:50%;text-align:center;transform:rotate(12deg);z-index:3;font-size:11px}.sticker b{font-size:19px}.ticker{background:var(--pink);color:white;display:flex;gap:55px;overflow:hidden;white-space:nowrap;padding:14px 0;font-size:12px;font-weight:700;letter-spacing:1px}.ticker span:nth-child(even){color:var(--ink)}.wheel-section,.modes,.how,.faq{padding:120px max(8vw,40px)}.wheel-section{background:var(--cream)}.section-intro{max-width:590px}.section-intro h2,.how h2,.faq h2{font-size:clamp(44px,5vw,70px);line-height:.95;letter-spacing:-3px;margin:20px 0}.section-intro p:not(.eyebrow){color:#68657c;line-height:1.7}.wheel-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:60px}.wheel-wrap{position:relative;width:min(390px,100%);margin:auto;display:grid;place-items:center}.wheel{width:min(360px,80vw);aspect-ratio:1;border-radius:50%;border:12px solid var(--ink);background:conic-gradient(var(--pink) 0 60deg,var(--orange) 60deg 120deg,#6e58cc 120deg 180deg,#49c2b4 180deg 240deg,#ffcf68 240deg 300deg,#ec6d75 300deg 360deg);box-shadow:0 0 0 5px var(--pink),0 0 45px #ff4f9a88;transition:transform 4s cubic-bezier(.15,.8,.2,1);position:relative}.wheel span{position:absolute;left:50%;top:50%;width:80px;text-align:center;font-size:11px;font-weight:700;color:var(--ink);transform-origin:0 0}.wheel span:nth-child(1){transform:rotate(0deg) translate(100px)}.wheel span:nth-child(2){transform:rotate(60deg) translate(100px)}.wheel span:nth-child(3){transform:rotate(120deg) translate(100px)}.wheel span:nth-child(4){transform:rotate(180deg) translate(100px)}.wheel span:nth-child(5){transform:rotate(240deg) translate(100px)}.wheel span:nth-child(6){transform:rotate(300deg) translate(100px)}.wheel-pointer{position:absolute;top:-11px;z-index:3;color:var(--pink);font-size:28px}.spin{position:absolute;z-index:4;border:0;background:var(--ink);color:#fff;border-radius:50%;width:92px;height:92px;font-weight:700;font-size:12px;cursor:pointer;box-shadow:0 0 0 7px var(--cream),0 0 0 9px var(--pink)}.result-card{background:var(--ink);color:#fff;padding:40px;border-radius:18px;max-width:480px;box-shadow:15px 15px 0 var(--orange)}.result-label,.mode-card span{color:var(--orange);font-size:11px;letter-spacing:2px;font-weight:700}.result-card h3{font:italic 600 36px 'Playfair Display',serif;margin:18px 0}.result-card p:not(.result-label){color:#c9c5db;line-height:1.6}.result-call,.mode-card a{display:inline-flex;color:var(--pink);text-decoration:none;font-weight:700;margin-top:20px;gap:18px}.modes{background:var(--night);color:white}.modes .section-intro p:not(.eyebrow){color:var(--muted)}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:55px}.mode-card{border:1px solid #484270;padding:18px;border-radius:16px;display:grid;grid-template-columns:150px 1fr;gap:25px;align-items:center}.mode-card img{width:150px;height:210px;object-fit:cover;border-radius:10px}.mode-card h3{font:600 28px 'Playfair Display',serif;margin:15px 0}.mode-card p{color:#b9b5ce;line-height:1.6;font-size:14px}.mode-card.coral{border-color:var(--orange)}.mode-card.violet{border-color:#8c75ff}.how{display:grid;grid-template-columns:1fr 1.5fr;gap:90px;background:#f1e7df}.steps{display:grid;gap:0}.steps>div{border-top:1px solid #d8c8c0;padding:23px 0}.steps b{color:var(--pink);font-size:12px}.steps h3{margin:8px 0}.steps p{color:#68657c;max-width:400px;line-height:1.6}.faq{max-width:850px}.faq details{border-top:1px solid #d5c9c2;padding:20px 0}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:#68657c;line-height:1.6}.sticky-call{position:fixed;z-index:10;bottom:18px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;border:1px solid var(--pink);box-shadow:0 0 25px #ff4f9a66;border-radius:12px;display:flex;align-items:center;gap:15px;padding:10px 12px 10px 17px;width:min(620px,calc(100% - 28px))}.sticky-call>span{color:var(--pink);font-size:25px}.sticky-call div{display:grid;gap:3px;flex:1}.sticky-call small{color:#aaa8c3;font-size:9px}.sticky-call b{font-size:17px}.sticky-call a{background:var(--pink);color:white;text-decoration:none;padding:13px 20px;border-radius:8px;font-size:12px;font-weight:700}footer{background:#0b0920;color:#aaa8c3;padding:55px 8vw 110px}footer>span{color:var(--pink);font-weight:700}footer p{max-width:500px;line-height:1.6;font-size:12px}footer small{font-size:10px}@media(max-width:760px){.topbar{height:65px;padding:0 18px}.topbar nav{display:none}.party-hero{display:flex;flex-direction:column;padding:55px 24px 65px;align-items:stretch}.hero-copy h1{font-size:56px}.hero-art{height:390px}.hero-photo{width:240px;height:330px}.neon-orbit{width:330px;height:330px}.wheel-layout,.how{grid-template-columns:1fr;gap:55px}.wheel-section,.modes,.how,.faq{padding:75px 24px}.mode-grid{grid-template-columns:1fr}.mode-card{grid-template-columns:105px 1fr;padding:12px;gap:15px}.mode-card img{width:105px;height:155px}.mode-card h3{font-size:22px}.mode-card p{font-size:12px}.sticky-call{bottom:10px}.sticky-call b{font-size:14px}}
/* Neon Club wheel upgrade */
.wheel-wrap{padding:24px;filter:drop-shadow(0 18px 28px rgba(255,79,154,.22))}
.wheel-wrap:before{content:'';position:absolute;inset:8px;border:2px solid var(--pink);border-radius:50%;box-shadow:0 0 0 7px rgba(255,157,92,.2),0 0 32px rgba(255,79,154,.7),inset 0 0 22px rgba(86,212,219,.35);pointer-events:none;animation:wheelGlow 2.8s ease-in-out infinite alternate}
.wheel-wrap:after{content:'✦  ✦  ✦  ✦  ✦  ✦  ✦  ✦';position:absolute;inset:1px;color:var(--orange);font-size:12px;letter-spacing:21px;line-height:22px;text-align:center;transform:rotate(-8deg);opacity:.9;pointer-events:none}
.wheel{width:min(390px,80vw);border:14px solid #08051b;background:conic-gradient(#ff4f9a 0 60deg,#ff9857 60deg 120deg,#6953d5 120deg 180deg,#44c3b7 180deg 240deg,#ffd166 240deg 300deg,#ee6974 300deg 360deg);box-shadow:0 0 0 3px var(--cyan),0 0 0 7px var(--pink),0 0 22px var(--pink),inset 0 0 28px rgba(0,0,0,.55);animation:wheelIdle 5s ease-in-out infinite}
.wheel span{font-size:12px;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.wheel-pointer{top:1px;color:var(--orange);font-size:35px;text-shadow:0 0 14px var(--orange);z-index:5}
.spin{width:102px;height:102px;background:radial-gradient(circle at 35% 30%,#ffbd62,var(--orange) 45%,#d75b35);box-shadow:0 0 0 7px #08051b,0 0 0 10px var(--pink),0 0 24px var(--orange);font-size:11px;color:#160d2b}
.spin:disabled{opacity:.7;cursor:wait}
.result-card{border:1px solid var(--pink);box-shadow:14px 14px 0 var(--orange),0 0 28px rgba(255,79,154,.3);background:linear-gradient(145deg,#100d2d,#21134e)}
@keyframes wheelGlow{to{box-shadow:0 0 0 7px rgba(255,157,92,.4),0 0 48px rgba(255,79,154,.9),inset 0 0 32px rgba(86,212,219,.5)}}
@keyframes wheelIdle{50%{filter:saturate(1.12) brightness(1.04)}}
/* Reference wheel: six independent neon panels around an energy core */
.wheel-wrap{width:min(520px,100%);height:520px;padding:0;filter:none}
.wheel-wrap:before{inset:34px;border:1px dashed rgba(86,212,219,.65);box-shadow:0 0 30px rgba(86,212,219,.28);animation:none}
.wheel-wrap:after{content:'';inset:18px;border:1px solid rgba(255,79,154,.35);border-radius:50%;line-height:0;letter-spacing:0;transform:none}
.wheel{width:430px;height:430px;border:0;background:radial-gradient(circle at center,#1c63b8 0 14%,#0d2b62 15% 17%,transparent 18%),transparent;box-shadow:none;animation:none;position:relative;transform-origin:center;transition:transform 4s cubic-bezier(.15,.8,.2,1)}
.wheel:before{content:'';position:absolute;inset:27%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#59ecff,#1266dd 45%,#071a48 78%);border:4px solid var(--cyan);box-shadow:0 0 20px var(--cyan),0 0 50px rgba(86,212,219,.8);z-index:2}
.wheel span{left:50%;top:50%;width:145px;height:125px;display:grid;place-items:center;text-align:center;border:3px solid var(--cyan);border-radius:25px;background:linear-gradient(145deg,#104f83,#0b254e);color:#fff;box-shadow:0 0 12px var(--cyan),inset 0 0 20px rgba(86,212,219,.18);font-size:0;transform-origin:center;z-index:1;overflow:hidden}
.wheel span:before{font-size:38px;line-height:1;color:#fff;text-shadow:0 0 15px currentColor}
.wheel span:after{font-size:9px;font-weight:700;letter-spacing:1px;color:#fff;position:absolute;bottom:17px}
.wheel span:nth-child(1){transform:translate(-50%,-50%) translateY(-155px);border-color:#ff4f9a;background:linear-gradient(145deg,#8c155e,#27134c);box-shadow:0 0 15px #ff4f9a,inset 0 0 20px #ff4f9a55}.wheel span:nth-child(1):before{content:'♡'}.wheel span:nth-child(1):after{content:'FLÖRT'}
.wheel span:nth-child(2){transform:translate(-50%,-50%) translate(135px,-78px);border-color:var(--orange);background:linear-gradient(145deg,#ad4d19,#3e1947);box-shadow:0 0 15px var(--orange),inset 0 0 20px #ff9d5c55}.wheel span:nth-child(2):before{content:'♨'}.wheel span:nth-child(2):after{content:'ATEŞLİ'}
.wheel span:nth-child(3){transform:translate(-50%,-50%) translate(135px,78px);border-color:#48d8ec}.wheel span:nth-child(3):before{content:'⌁'}.wheel span:nth-child(3):after{content:'NEŞE'}
.wheel span:nth-child(4){transform:translate(-50%,-50%) translateY(155px);border-color:#ff4f9a;background:linear-gradient(145deg,#82165c,#26134b);box-shadow:0 0 15px #ff4f9a,inset 0 0 20px #ff4f9a55}.wheel span:nth-child(4):before{content:'ϟ'}.wheel span:nth-child(4):after{content:'GECE'}
.wheel span:nth-child(5){transform:translate(-50%,-50%) translate(-135px,78px);border-color:#9b69ff;background:linear-gradient(145deg,#392186,#171644);box-shadow:0 0 15px #9b69ff,inset 0 0 20px #9b69ff55}.wheel span:nth-child(5):before{content:'☆'}.wheel span:nth-child(5):after{content:'MERAK'}
.wheel span:nth-child(6){transform:translate(-50%,-50%) translate(-135px,-78px);border-color:#48d8ec}.wheel span:nth-child(6):before{content:'…'}.wheel span:nth-child(6):after{content:'FISILTI'}
.spin{width:105px;height:105px;z-index:4;background:radial-gradient(circle at 35% 30%,#ffbd62,var(--orange) 45%,#d75b35);color:#160d2b}
@media(max-width:760px){.wheel-wrap{height:390px;transform:scale(.74);transform-origin:center top;margin-bottom:-90px}.wheel{width:430px;height:430px}}
/* Exact radial panel geometry */
.wheel{overflow:visible;background:transparent;}
.wheel:before{inset:35%;border:5px solid var(--cyan);background:radial-gradient(circle at 35% 28%,#65edff 0,#1172e1 44%,#071845 82%);box-shadow:0 0 18px var(--cyan),0 0 42px rgba(86,212,219,.85);}
.wheel span{left:50%;top:50%;width:170px;height:148px;border:3px solid var(--cyan);border-radius:22px;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);transform-origin:50% 50%;background:linear-gradient(145deg,#114f83,#0a254d);font-size:0;box-shadow:0 0 16px var(--cyan),inset 0 0 22px rgba(86,212,219,.18);}
.wheel span:before{font-size:38px;position:absolute;top:33px;left:50%;transform:translateX(-50%);}
.wheel span:after{font-size:10px;bottom:17px;left:0;right:0;text-align:center;}
.wheel span:nth-child(1){transform:translate(-50%,-50%) translateY(-155px);}
.wheel span:nth-child(2){transform:translate(-50%,-50%) rotate(60deg) translateY(-155px);}
.wheel span:nth-child(3){transform:translate(-50%,-50%) rotate(120deg) translateY(-155px);}
.wheel span:nth-child(4){transform:translate(-50%,-50%) rotate(180deg) translateY(-155px);}
.wheel span:nth-child(5){transform:translate(-50%,-50%) rotate(240deg) translateY(-155px);}
.wheel span:nth-child(6){transform:translate(-50%,-50%) rotate(300deg) translateY(-155px);}
.wheel span:nth-child(1):before{content:'♡'}.wheel span:nth-child(1):after{content:'FLÖRT'}
.wheel span:nth-child(2):before{content:'♨'}.wheel span:nth-child(2):after{content:'ATEŞLİ'}
.wheel span:nth-child(3):before{content:'⌁'}.wheel span:nth-child(3):after{content:'NEŞE'}
.wheel span:nth-child(4):before{content:'ϟ'}.wheel span:nth-child(4):after{content:'GECE'}
.wheel span:nth-child(5):before{content:'☆'}.wheel span:nth-child(5):after{content:'MERAK'}
.wheel span:nth-child(6):before{content:'…'}.wheel span:nth-child(6):after{content:'FISILTI'}
.wheel span:nth-child(1){border-color:#ff4f9a;background:linear-gradient(145deg,#8c155e,#27134c);box-shadow:0 0 18px #ff4f9a,inset 0 0 20px #ff4f9a55}
.wheel span:nth-child(2){border-color:var(--orange);background:linear-gradient(145deg,#ad4d19,#3e1947);box-shadow:0 0 18px var(--orange),inset 0 0 20px #ff9d5c55}
.wheel span:nth-child(4){border-color:#ff4f9a;background:linear-gradient(145deg,#82165c,#26134b);box-shadow:0 0 18px #ff4f9a,inset 0 0 20px #ff4f9a55}
.wheel span:nth-child(5){border-color:#9b69ff;background:linear-gradient(145deg,#392186,#171644);box-shadow:0 0 18px #9b69ff,inset 0 0 20px #9b69ff55}
.spin{width:105px;height:105px;z-index:6;}
.wheel span{width:218px;height:190px;border-radius:30px;clip-path:polygon(28% 0,72% 0,100% 100%,0 100%)}
.wheel span:before{top:44px;font-size:43px}.wheel span:after{bottom:22px;font-size:11px}
.wheel span:nth-child(1){transform:translate(-50%,-50%) translateY(-162px)}
.wheel span:nth-child(2){transform:translate(-50%,-50%) rotate(60deg) translateY(-162px)}
.wheel span:nth-child(3){transform:translate(-50%,-50%) rotate(120deg) translateY(-162px)}
.wheel span:nth-child(4){transform:translate(-50%,-50%) rotate(180deg) translateY(-162px)}
.wheel span:nth-child(5){transform:translate(-50%,-50%) rotate(240deg) translateY(-162px)}
.wheel span:nth-child(6){transform:translate(-50%,-50%) rotate(300deg) translateY(-162px)}
/* Restore original circular wheel presentation */
.wheel-wrap{position:relative;width:min(390px,100%);height:auto;padding:0;margin:auto;display:grid;place-items:center;filter:none}
.wheel-wrap:before,.wheel-wrap:after{content:none}
.wheel{width:min(360px,80vw);height:auto;aspect-ratio:1;border-radius:50%;border:12px solid var(--ink);background:conic-gradient(var(--pink) 0 60deg,var(--orange) 60deg 120deg,#6e58cc 120deg 180deg,#49c2b4 180deg 240deg,#ffcf68 240deg 300deg,#ec6d75 300deg 360deg);box-shadow:0 0 0 5px var(--pink),0 0 45px #ff4f9a88;transition:transform 4s cubic-bezier(.15,.8,.2,1);position:relative;overflow:hidden;animation:none;transform-origin:center}
.wheel:before{content:none}
.wheel span{position:absolute;left:50%;top:50%;width:80px;height:auto;display:block;text-align:center;border:0;border-radius:0;clip-path:none;background:none;box-shadow:none;color:var(--ink);font-size:11px;font-weight:700;text-shadow:none;transform-origin:0 0;overflow:visible}
.wheel span:before,.wheel span:after{content:none}
.wheel span:nth-child(1){transform:rotate(0deg) translate(100px)}
.wheel span:nth-child(2){transform:rotate(60deg) translate(100px)}
.wheel span:nth-child(3){transform:rotate(120deg) translate(100px)}
.wheel span:nth-child(4){transform:rotate(180deg) translate(100px)}
.wheel span:nth-child(5){transform:rotate(240deg) translate(100px)}
.wheel span:nth-child(6){transform:rotate(300deg) translate(100px)}
.wheel-pointer{top:-11px;z-index:3;color:var(--pink);font-size:28px;text-shadow:none}
.spin{width:92px;height:92px;z-index:4;border:0;background:var(--ink);color:#fff;box-shadow:0 0 0 7px var(--cream),0 0 0 9px var(--pink)}
.result-card{border:0;box-shadow:15px 15px 0 var(--orange);background:var(--ink)}
@media(max-width:760px){.wheel-wrap{height:auto;transform:none;margin-bottom:0}.wheel{width:min(360px,80vw);height:auto}}
/* Reference circular wheel: six flat slices with a dark rim and center button */
.wheel-wrap{width:min(520px,100%);height:auto;padding:0;filter:none}
.wheel-wrap:before,.wheel-wrap:after{content:none}
.wheel{width:min(500px,88vw);height:auto;aspect-ratio:1;overflow:hidden;border:12px solid #100d2d;border-radius:50%;background:conic-gradient(#ec6d75 0 60deg,#ff4f9a 60deg 120deg,#ff9d5c 120deg 180deg,#6e58cc 180deg 240deg,#49c2b4 240deg 300deg,#ffcf68 300deg 360deg);box-shadow:0 0 0 5px #ff4f9a,0 0 42px rgba(255,79,154,.42);animation:none;transition:transform 4s cubic-bezier(.15,.8,.2,1);transform-origin:center}
.wheel:before{content:none}
.wheel span{position:absolute;left:50%;top:50%;width:94px;height:auto;display:block;border:0;border-radius:0;clip-path:none;background:none;box-shadow:none;overflow:visible;color:#100d2d;font-size:15px;font-weight:700;line-height:1;text-align:center;text-shadow:none;transform-origin:0 0;z-index:1}
.wheel span:before,.wheel span:after{content:none}
.wheel span:nth-child(1){transform:rotate(0deg) translate(174px,-50%)}
.wheel span:nth-child(2){transform:rotate(60deg) translate(174px,-50%)}
.wheel span:nth-child(3){transform:rotate(120deg) translate(174px,-50%)}
.wheel span:nth-child(4){transform:rotate(180deg) translate(174px,-50%)}
.wheel span:nth-child(5){transform:rotate(240deg) translate(174px,-50%)}
.wheel span:nth-child(6){transform:rotate(300deg) translate(174px,-50%)}
.wheel-pointer{top:-14px;z-index:5;color:#ff4f9a;font-size:42px;line-height:1;text-shadow:none}
.spin{width:140px;height:140px;z-index:6;border:0;border-radius:50%;background:#100d2d;color:#fff;font-size:18px;font-weight:700;box-shadow:0 0 0 7px var(--cream),0 0 0 10px #ff4f9a}
.wheel span:nth-child(1):before,.wheel span:nth-child(1):after,.wheel span:nth-child(2):before,.wheel span:nth-child(2):after,.wheel span:nth-child(3):before,.wheel span:nth-child(3):after,.wheel span:nth-child(4):before,.wheel span:nth-child(4):after,.wheel span:nth-child(5):before,.wheel span:nth-child(5):after,.wheel span:nth-child(6):before,.wheel span:nth-child(6):after{content:none!important;display:none!important}
.wheel span:nth-child(1),.wheel span:nth-child(2),.wheel span:nth-child(3),.wheel span:nth-child(4),.wheel span:nth-child(5),.wheel span:nth-child(6){width:94px;height:auto;padding:0;border:0;border-radius:0;clip-path:none;background:transparent;box-shadow:none;color:#100d2d;font-size:15px;line-height:1;text-shadow:none;overflow:visible}
.wheel span:nth-child(1),.wheel span:nth-child(2),.wheel span:nth-child(3),.wheel span:nth-child(4),.wheel span:nth-child(5),.wheel span:nth-child(6){width:120px;font-size:18px;line-height:1.05;text-align:center}
.wheel span:nth-child(1){transform:rotate(0deg) translate(105px,-50%)}
.wheel span:nth-child(2){transform:rotate(60deg) translate(105px,-50%)}
.wheel span:nth-child(3){transform:rotate(120deg) translate(105px,-50%)}
.wheel span:nth-child(4){transform:rotate(180deg) translate(105px,-50%)}
.wheel span:nth-child(5){transform:rotate(240deg) translate(105px,-50%)}
.wheel span:nth-child(6){transform:rotate(300deg) translate(105px,-50%)}
@media(max-width:760px){.wheel-wrap{height:auto;transform:none;margin-bottom:0}.wheel{width:min(500px,88vw)}.wheel span{font-size:12px}.wheel span:nth-child(1){transform:rotate(0deg) translate(31vw,-50%)}.wheel span:nth-child(2){transform:rotate(60deg) translate(31vw,-50%)}.wheel span:nth-child(3){transform:rotate(120deg) translate(31vw,-50%)}.wheel span:nth-child(4){transform:rotate(180deg) translate(31vw,-50%)}.wheel span:nth-child(5){transform:rotate(240deg) translate(31vw,-50%)}.wheel span:nth-child(6){transform:rotate(300deg) translate(31vw,-50%)}.spin{width:104px;height:104px;font-size:14px}}

.site-logo-image{display:block;width:auto;height:54px;max-width:220px;object-fit:contain}
@media(max-width:760px){.site-logo-image{height:44px;max-width:170px}}

/* FAQ reference layout */
.faq-reference{max-width:none;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.65fr);gap:52px;align-items:center;padding:78px max(6vw,40px);background:#fff5ef;overflow:hidden}
.faq-copy{min-width:0}.faq-copy h2{color:#101633;font-size:clamp(3.4rem,5.4vw,5.7rem);line-height:.9;letter-spacing:-3px;margin:20px 0}.faq-copy h2 em{color:#f28d78;font-style:italic}.faq-copy h2:after{content:"";display:block;width:105px;height:4px;margin-top:18px;background:#ed477b;transform:rotate(-4deg)}
.faq-intro{max-width:680px;color:#71809a;line-height:1.5;margin:22px 0 32px}.faq-list{display:grid;gap:12px;max-width:900px}.faq-list details{border:0;border-radius:16px;padding:0;background:rgba(255,255,255,.78);box-shadow:0 7px 20px rgba(188,134,147,.08);overflow:hidden}.faq-list summary{display:grid;grid-template-columns:58px 1fr 28px;align-items:center;gap:18px;padding:13px 22px 13px 16px;color:#101633;font-size:1.05rem;font-weight:800;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary b{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#ed3d78;color:#fff;font-size:1rem}.faq-list summary i{color:#ed477b;font-size:1.8rem;font-style:normal;transition:transform .2s}.faq-list details[open] summary i{transform:rotate(180deg)}.faq-list details>p{margin:0;padding:0 68px 18px 92px;color:#71809a;line-height:1.5;font-size:.92rem}
.faq-side{position:relative;min-width:0;padding-top:18px}.faq-art{position:relative;height:250px;margin:0 auto 6px;max-width:430px;border-radius:50%;background:radial-gradient(circle,rgba(255,190,211,.8),rgba(255,190,211,0) 70%)}.faq-art:before,.faq-art:after{content:"";position:absolute;border-radius:28px;box-shadow:0 12px 20px rgba(224,80,124,.16)}.faq-art:before{left:24%;top:28%;width:190px;height:112px;background:#f34f78;transform:rotate(-5deg)}.faq-art:after{left:45%;top:48%;width:175px;height:105px;background:#ffe9ec;transform:rotate(4deg)}.faq-art span,.faq-art b{position:absolute;z-index:1;display:grid;place-items:center}.faq-art span{left:34%;top:32%;color:#fff;font-size:5rem;font-weight:300}.faq-art b{left:57%;top:60%;color:#ed7895;font-size:1.8rem;letter-spacing:5px}.faq-contact{position:relative;z-index:2;margin:0 auto;padding:28px 30px 30px;max-width:430px;border-radius:18px;background:rgba(255,255,255,.7);box-shadow:0 10px 26px rgba(188,134,147,.1)}.faq-contact .eyebrow{margin:0 0 16px}.faq-contact h3{margin:0;color:#101633;font:500 2.8rem/1 Georgia,serif}.faq-contact>p:not(.eyebrow){color:#71809a;line-height:1.45}.faq-contact a{display:inline-flex;gap:22px;align-items:center;padding:14px 24px;border-radius:26px;background:#ed477b;color:#fff;text-decoration:none;font-weight:800}.faq-contact a span{font-size:1.3rem}
@media(max-width:760px){.faq-reference{display:block;padding:72px 24px 90px}.faq-copy h2{font-size:clamp(3rem,14vw,4.6rem)}.faq-intro{font-size:.92rem}.faq-list summary{grid-template-columns:48px 1fr 22px;gap:12px;padding-right:14px;font-size:.9rem}.faq-list summary b{width:42px;height:42px}.faq-list details>p{padding:0 18px 18px 70px;font-size:.82rem}.faq-side{margin-top:45px}.faq-art{height:210px}.faq-contact{padding:25px 22px}.faq-contact h3{font-size:2.4rem}}
    
/* canlisohbet.top oyun planı: referans görseldeki editoryal iki kolon düzeni. */
.how-reference{position:relative;display:grid;grid-template-columns:minmax(520px,1fr) minmax(540px,1.05fr);gap:28px;min-height:650px;padding:68px max(5vw,40px) 72px;background:#fff5ef;overflow:hidden;isolation:isolate}
.how-reference:before{content:"";position:absolute;z-index:-1;left:-100px;bottom:-180px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(255,191,211,.62),rgba(255,191,211,0) 68%)}
.how-left{position:relative;min-height:510px;overflow:hidden}
.how-left-copy{position:relative;z-index:2;width:48%;padding-left:7%;padding-top:5px}
.how-left-copy h2{margin:22px 0 0;font-size:clamp(3.5rem,5.3vw,6rem);line-height:.9;letter-spacing:-3px;color:#101633}
.how-left-copy h2 em{display:block;color:#f28d78;font-style:italic}
.how-left-copy h2:after{content:"";display:block;width:180px;height:4px;margin-top:20px;background:#ed477b;border-radius:4px;transform:rotate(-5deg)}
.how-left-copy>p:last-child{margin-top:25px;color:#71809a;line-height:1.55;font-size:1rem}
.how-portrait{position:absolute;z-index:1;left:20%;right:0;bottom:-50px;height:590px;display:flex;align-items:flex-end;justify-content:center}
.how-portrait:before{content:"";position:absolute;z-index:-1;left:4%;top:5%;width:68%;height:78%;border-radius:50%;background:rgba(255,190,212,.55)}
.how-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.how-quote{position:absolute;z-index:3;left:7%;bottom:36px;color:#ed477b;font:italic 700 1.1rem/1.25 Georgia,serif;transform:rotate(-8deg)}
.how-quote b{display:block;margin:8px 0 0 45px;font-size:2.6rem;font-weight:400}
.how-right{position:relative;padding:30px 3% 0 0}
.how-plan{position:relative;display:grid;gap:28px;padding-top:4px}
.how-plan-line{position:absolute;left:31px;top:48px;bottom:48px;border-left:2px dashed #f4a4b7}
.how-plan article{position:relative;z-index:1;display:grid;grid-template-columns:64px 64px minmax(0,1fr);gap:20px;align-items:center;min-height:102px;padding:13px 24px 13px 0;border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 7px 24px rgba(188,134,147,.08)}
.how-plan article>b{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#ed3d78;color:#fff;font-size:1rem}
.how-plan article>span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#ffe4e8;color:#ed477b;font-size:2rem;font-style:normal}
.how-plan article h3{margin:0;color:#101633;font-size:1.15rem}
.how-plan article p{margin:6px 0 0;color:#71809a;line-height:1.35;font-size:.92rem}
.how-right-quote{margin:54px 12% 0 auto;width:max-content;color:#ed477b;text-align:center;font:italic 700 1.15rem/1.35 Georgia,serif;transform:rotate(-7deg)}
.how-right-quote:after{content:"";display:block;width:130px;height:3px;margin:11px auto 0;background:#ed477b;border-radius:50%;transform:rotate(-5deg)}
.how-reference{grid-template-columns:minmax(570px,1.08fr) minmax(500px,.92fr);gap:34px}
.how-left-copy{width:50%;padding-left:7%}
.how-left-copy h2{font-size:clamp(3.35rem,4.4vw,5.35rem);letter-spacing:-2px}
.how-portrait{left:29%;right:-7%;bottom:-58px;height:600px}
.how-left-copy>p:last-child{max-width:185px}
.how-quote{bottom:18px}
.how-right{padding-top:18px}
.how-plan{gap:26px}
.how-plan article{min-height:104px}
@media(max-width:980px){.how-reference{grid-template-columns:1fr;gap:5px}.how-left{min-height:570px}.how-left-copy{width:55%}.how-portrait{left:25%;height:610px}.how-right{padding:0 5%}.how-right-quote{margin-top:30px}}
 @media(max-width:760px){.how-reference{display:block;padding:62px 24px 80px}.how-left{min-height:650px;margin:0 -24px}.how-left-copy{width:72%;padding-left:24px}.how-left-copy h2{font-size:clamp(3.5rem,16vw,5rem)}.how-portrait{left:8%;right:-18%;bottom:-30px;height:510px}.how-quote{position:relative;left:24px;bottom:auto;margin-top:30px;padding-bottom:8px;max-width:190px}.how-right{padding:10px 0 0}.how-plan{gap:16px}.how-plan-line{left:25px;top:45px;bottom:45px}.how-plan article{grid-template-columns:52px 52px minmax(0,1fr);gap:12px;padding-right:12px;min-height:94px}.how-plan article>b{width:44px;height:44px}.how-plan article>span{width:46px;height:46px;font-size:1.6rem}.how-plan article h3{font-size:1rem}.how-plan article p{font-size:.78rem}.how-right-quote{margin:36px auto 0}}
 @media(max-width:390px){.how-reference{padding-left:18px;padding-right:18px}.how-left{margin-left:-18px;margin-right:-18px}.how-left-copy{width:78%;padding-left:18px}.how-left-copy h2{font-size:clamp(3rem,15.5vw,4.2rem)}.how-left-copy>p:last-child{font-size:.92rem}.how-quote{left:18px;margin-top:24px;font-size:1rem}}
    
/* seo-compact-typography */
.seo-content,.seo-content *{font-size:10px!important;line-height:1.45!important}
.seo-content{width:100%;max-width:none;box-sizing:border-box;padding:12px 24px;opacity:.78}