/*
 * Developed and implemented by the Zinocode development team.
 * https://zinocode.ir
 */
@font-face{font-family:Vazirmatn;src:url('../fonts/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--pink:#ef2475;--pink-dark:#c71356;--rose:#ff75aa;--blush:#fff0f6;--ink:#21191d;--muted:#77686e;--line:#efdce4;--white:#fff;--shadow:0 26px 75px rgba(132,24,68,.14)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;background:#fff8fb}
body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-feature-settings:"ss01";background:#fff8fb;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.23;background-image:radial-gradient(rgba(227,47,114,.23) .65px,transparent .65px);background-size:13px 13px;mask-image:linear-gradient(to bottom,black,transparent 68%)}
body.has-modal{overflow:hidden}.has-modal .page-shell{filter:blur(7px);transform:scale(.995)}
.ambient{position:fixed;z-index:-1;border-radius:50%;filter:blur(4px);pointer-events:none}.ambient--one{width:46vw;height:46vw;max-width:680px;max-height:680px;right:-17vw;top:-16vw;background:radial-gradient(circle,rgba(255,108,164,.26),transparent 68%)}.ambient--two{width:430px;height:430px;left:-210px;bottom:-140px;background:radial-gradient(circle,rgba(255,200,221,.42),transparent 68%)}
a{color:inherit}button,input{font:inherit}button{border:0}.page-shell{position:relative;width:min(100% - 32px,1240px);margin-inline:auto;min-height:100vh;display:flex;flex-direction:column;transition:filter .35s,transform .35s}.site-header{height:86px;display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid rgba(221,176,193,.4)}
.brand{display:inline-flex;align-items:center;text-decoration:none;min-height:48px}.brand__image{display:block;width:clamp(66px,18vw,80px);height:auto;object-fit:contain}.brand__fallback{display:none;direction:ltr;font:800 22px/1 Arial,sans-serif;letter-spacing:-1px}.brand__fallback b{color:var(--pink)}.brand__fallback i{font:500 10px/1.4 Vazirmatn,sans-serif;display:block;text-align:center;color:var(--muted)}.brand.is-fallback .brand__image{display:none}.brand.is-fallback .brand__fallback{display:block}
main{flex:1}.entry-screen{min-height:calc(100svh - 152px);display:grid;place-items:center;position:relative;padding:28px 0 42px;isolation:isolate;animation:introIn .75s cubic-bezier(.2,.8,.2,1)}.entry-screen.is-leaving{animation:screenOut .38s ease forwards}.entry-card{position:relative;z-index:2;width:min(100%,580px);text-align:center}.campaign-label{display:inline-flex;align-items:center;gap:7px;color:var(--pink-dark);background:rgba(255,255,255,.78);border:1px solid rgba(239,36,117,.17);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:800;box-shadow:0 8px 26px rgba(186,36,91,.08);backdrop-filter:blur(8px)}.campaign-label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px rgba(239,36,117,.1)}
.school-title{direction:ltr;display:flex;flex-direction:column;align-items:center;margin:18px 0 8px;font-family:Arial Black,Arial,sans-serif;font-weight:900;line-height:.82;letter-spacing:-4px;filter:drop-shadow(0 18px 28px rgba(204,34,98,.1))}.school-title span{font-size:clamp(37px,12vw,72px);color:var(--ink)}.school-title strong{font-size:clamp(66px,21vw,126px);color:var(--pink);font-weight:900;position:relative}.school-title strong::after{content:"";position:absolute;height:9px;border-radius:999px;right:6%;left:6%;bottom:-10px;background:linear-gradient(90deg,transparent,var(--pink),transparent);opacity:.3;filter:blur(4px)}.entry-subtitle{font-size:clamp(16px,4.8vw,21px);font-weight:800;margin:24px 0 2px}.entry-copy{color:var(--muted);font-size:14px;margin:6px 0 0}.entry-form{max-width:460px;margin:24px auto 0;text-align:right}.entry-form>label{display:block;font-size:13px;font-weight:800;margin:0 5px 8px}.field-wrap{height:60px;display:flex;align-items:center;border-radius:18px;border:1.5px solid var(--line);background:rgba(255,255,255,.94);box-shadow:0 10px 34px rgba(98,33,58,.07);transition:border-color .2s,box-shadow .2s,transform .2s}.field-wrap:focus-within{border-color:var(--pink);box-shadow:0 0 0 4px rgba(239,36,117,.1),0 14px 36px rgba(98,33,58,.09);transform:translateY(-1px)}.field-wrap svg{width:23px;height:23px;fill:var(--pink);margin-inline:16px 2px;flex:0 0 auto}.field-wrap input{height:100%;width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:16px;color:var(--ink);direction:ltr;text-align:right;padding:0 14px}.field-wrap input::placeholder{direction:rtl;color:#aa9aa1}.entry-form.is-invalid .field-wrap{border-color:#cf3153;box-shadow:0 0 0 4px rgba(207,49,83,.08)}
.cta{height:60px;width:100%;margin-top:12px;border-radius:18px;background:linear-gradient(135deg,var(--pink),#dc1764);color:#fff;font-weight:900;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 14px 30px rgba(222,28,102,.27),inset 0 1px rgba(255,255,255,.25);transition:transform .18s,box-shadow .18s,filter .18s;position:relative;overflow:hidden}.cta::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.23),transparent 80%);transform:translateX(110%);transition:transform .65s}.cta:hover::before{transform:translateX(-110%)}.cta:hover{box-shadow:0 17px 36px rgba(222,28,102,.32);filter:saturate(1.06)}.cta:active{transform:translateY(2px);box-shadow:0 7px 20px rgba(222,28,102,.24)}.cta:focus-visible,a:focus-visible,input:focus-visible,.modal-close:focus-visible{outline:3px solid rgba(239,36,117,.35);outline-offset:3px}.cta svg{width:22px;height:22px;fill:currentColor}.entry-cta svg{transform:rotate(180deg)}.cta:disabled{cursor:not-allowed;filter:saturate(.55);box-shadow:none}.cta__loader{display:none;width:20px;height:20px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:loader .7s linear infinite}.spin-cta.is-loading .cta__loader{display:block}.spin-cta.is-loading .spin-icon{display:none}.spin-cta:hover .spin-icon{transform:rotate(-32deg)}.spin-cta:active .spin-icon{transform:rotate(-70deg) scale(.92)}.spin-icon{transition:transform .3s ease}.form-message,.game-message{min-height:21px;margin:8px 4px 0;color:#b31d42;font-size:12px;text-align:center}.trust-note{display:flex;align-items:center;justify-content:center;gap:5px;color:#8d7b83;font-size:11px;margin:7px 0 0}.trust-note svg{width:15px;height:15px;fill:#8d7b83}
.entry-decoration{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.decor-orbit{position:absolute;border:1px solid rgba(239,36,117,.15);border-radius:50%}.decor-orbit--one{width:270px;height:270px;right:-155px;top:10%;box-shadow:0 0 0 35px rgba(255,255,255,.25),0 0 0 36px rgba(239,36,117,.06)}.decor-orbit--two{width:180px;height:180px;left:-105px;bottom:5%;box-shadow:0 0 0 22px rgba(255,255,255,.3)}.decor-line{position:absolute;left:0;top:43%;font:900 12vw/1 Arial,sans-serif;letter-spacing:.1em;color:rgba(239,36,117,.035);transform:rotate(-90deg) translateY(-50%)}
.game-screen{min-height:calc(100svh - 150px);display:grid;grid-template-columns:1fr;align-content:center;padding:24px 0 36px}.game-screen.is-entering{animation:gameIn .62s cubic-bezier(.2,.8,.2,1)}.game-copy{display:contents}.game-copy>.campaign-label{justify-self:center;order:1}.game-copy h1{order:2;text-align:center;font-size:clamp(31px,9vw,58px);line-height:1.25;letter-spacing:-1.5px;margin:15px 0 7px;font-weight:900}.game-copy h1 span{color:var(--pink)}.wheel-stage{order:3;position:relative;width:100%;margin:15px auto 5px;text-align:center}.rotating-copy{order:4;text-align:center;font-size:clamp(19px,5.6vw,28px);font-weight:800;line-height:1.8;margin:15px 0 2px}.rotating-copy strong{display:inline-block;color:var(--pink);transition:opacity .25s,transform .25s}.rotating-copy strong.is-changing{opacity:0;transform:translateY(8px)}.game-lead{order:5;text-align:center;max-width:520px;margin:4px auto 0;color:var(--muted);font-size:14px;line-height:1.9}.spin-cta{order:6;width:min(100%,440px);justify-self:center;margin-top:18px}.game-message{order:7}.wheel-status{order:8;text-align:center;margin:2px 0 0;color:var(--muted);font-size:12px}
.wheel-frame{position:relative;width:min(92vw,560px);aspect-ratio:1;margin:auto}.light-ring{position:absolute;inset:0;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,207,224,.74));border:1px solid rgba(231,119,160,.38);box-shadow:0 25px 70px rgba(135,25,72,.17),inset 0 0 0 8px rgba(255,255,255,.72)}.light-ring i{position:absolute;left:var(--x);top:var(--y);width:clamp(7px,2.4vw,12px);height:clamp(7px,2.4vw,12px);border-radius:50%;background:#ffc1d8;transform:translate(-50%,-50%);box-shadow:0 0 0 3px rgba(255,255,255,.8),0 0 10px rgba(239,36,117,.28);animation:lightPulse 1.35s ease-in-out infinite;animation-delay:calc(var(--i) * -56ms)}.light-ring i:nth-child(2n){background:#fff;animation-delay:calc(var(--i) * -56ms - .68s)}.wheel-shell{position:absolute;inset:5.5%;border-radius:50%;padding:7px;background:#fff;box-shadow:inset 0 0 0 1px rgba(220,112,153,.22)}.wheel-shell::after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,.86);pointer-events:none}.wheel{width:100%;height:100%;will-change:transform;transform:rotate(0deg)}.wheel svg{width:100%;height:100%;display:block;overflow:visible}.wheel-rim{fill:#fff7fa;stroke:#ecabc4;stroke-width:5}.wheel-segment{stroke:rgba(255,255,255,.9);stroke-width:2}.wheel-segment--1{fill:#f53580}.wheel-segment--2{fill:#fff}.wheel-segment--3{fill:#f8bfd4}.wheel-segment--4{fill:#ffeaf2}.wheel-segment--5{fill:#e91d6c}.wheel-segment--6{fill:#fff7fa}.wheel-label div{height:50px;display:flex;align-items:center;justify-content:center;text-align:center;font:750 12px/1.4 Vazirmatn,Tahoma,sans-serif;color:#4c2434;overflow-wrap:anywhere;padding:2px}.wheel-label{pointer-events:none}.wheel-label--1 div,.wheel-label--5 div{color:#fff}
.center-indicator{position:absolute;z-index:4;inset:0;pointer-events:none}.indicator-arrow{position:absolute;left:50%;top:17.5%;width:18px;height:34.5%;transform:translateX(-50%);background:linear-gradient(90deg,#be0d50,var(--pink),#ff6ba6);clip-path:polygon(50% 0,100% 18%,72% 18%,72% 100%,28% 100%,28% 18%,0 18%);filter:drop-shadow(0 4px 6px rgba(109,12,50,.22))}.indicator-hub{position:absolute;left:50%;top:50%;width:clamp(68px,17vw,96px);height:clamp(68px,17vw,96px);transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#21191d;border:7px solid #fff;box-shadow:0 0 0 3px #e7a8bf,0 8px 22px rgba(88,12,42,.25);font:900 clamp(15px,4vw,23px)/1 Arial,sans-serif;color:#fff}.indicator-hub small{font-size:.48em;color:#ff4b8d;letter-spacing:.14em;margin-top:5px}.wheel-stage.is-spinning .indicator-arrow{animation:pointerQuiver .13s ease-in-out infinite alternate}
.confetti-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:60}.confetti{position:absolute;top:-32px;border-radius:2px;animation:confettiFall var(--duration) cubic-bezier(.12,.65,.25,1) forwards;animation-delay:var(--delay)}
.result-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.result-modal__backdrop{position:absolute;inset:0;background:rgba(47,16,29,.5);backdrop-filter:blur(6px);animation:fadeIn .32s ease}.result-modal__panel{position:relative;width:min(100%,580px);padding:clamp(32px,8vw,54px) clamp(24px,7vw,48px);text-align:center;background:linear-gradient(145deg,#fff,#fff7fa);border:1px solid rgba(239,36,117,.18);border-radius:30px;box-shadow:0 38px 100px rgba(45,7,23,.3);animation:modalIn .46s cubic-bezier(.2,.9,.25,1.15)}.result-kicker{color:var(--pink);font-size:clamp(24px,6vw,34px);font-weight:900;margin:0 0 10px}.result-modal h2{font-size:clamp(23px,6vw,36px);line-height:1.7;margin:0}.result-modal h2 strong{color:var(--pink)}.result-modal__panel>p:last-of-type{color:var(--muted);font-size:clamp(14px,3.8vw,17px);line-height:2;margin:14px auto 0;max-width:450px}.modal-close{height:50px;min-width:170px;margin-top:25px;border-radius:15px;background:var(--ink);color:#fff;font-weight:800;cursor:pointer;transition:transform .18s,background .18s}.modal-close:hover{background:var(--pink)}.modal-close:active{transform:translateY(2px)}
.site-footer{margin-top:auto;text-align:center;padding:20px 0 max(22px,env(safe-area-inset-bottom));border-top:1px solid rgba(221,176,193,.38);color:#8d7d84;font-size:11px;line-height:1.9}.site-footer p{margin:0}.site-footer a{color:var(--pink-dark);font-weight:800;text-decoration:none}.site-footer a:hover{text-decoration:underline}
@keyframes introIn{from{opacity:0;transform:translateY(15px)}}@keyframes screenOut{to{opacity:0;transform:translateY(-18px) scale(.985)}}@keyframes gameIn{from{opacity:0;transform:translateY(22px)}}@keyframes loader{to{transform:rotate(360deg)}}@keyframes lightPulse{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.78)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 0 3px #fff,0 0 17px rgba(239,36,117,.65)}}@keyframes pointerQuiver{to{transform:translateX(-50%) rotate(1.4deg)}}@keyframes fadeIn{from{opacity:0}}@keyframes modalIn{from{opacity:0;transform:translateY(20px) scale(.9)}}@keyframes confettiFall{0%{transform:translate3d(0,-4vh,0) rotate(0)}100%{transform:translate3d(var(--drift),108vh,0) rotate(var(--rotation));opacity:.65}}
@media(min-width:820px){.page-shell{width:min(100% - 64px,1240px)}.site-header{height:96px}.entry-screen{grid-template-columns:1fr minmax(500px,.95fr);min-height:calc(100vh - 164px);padding:30px 0}.entry-card{grid-column:2;text-align:right}.school-title{align-items:flex-start}.entry-subtitle,.entry-copy{max-width:480px}.entry-form{margin-right:0}.entry-decoration{grid-column:1}.decor-orbit--one{width:530px;height:530px;right:auto;left:-130px;top:8%}.decor-orbit--two{left:27%;bottom:7%}.decor-line{left:2%;top:55%;font-size:105px;transform:rotate(-18deg)}.game-screen{grid-template-columns:minmax(410px,1fr) minmax(380px,.82fr);gap:clamp(38px,5vw,78px);align-items:center;min-height:calc(100vh - 164px);padding:24px 0 30px}.game-copy{display:flex;flex-direction:column;align-items:flex-start;grid-column:1;grid-row:1}.game-copy>.campaign-label{align-self:flex-start}.game-copy h1{text-align:right;margin:17px 0 8px}.rotating-copy{text-align:right;font-size:clamp(24px,2.3vw,34px);margin:12px 0 4px}.game-lead{text-align:right;margin:2px 0 0}.spin-cta{width:min(100%,420px);align-self:flex-start;margin-top:22px}.game-message,.wheel-status{width:min(100%,420px);text-align:center}.wheel-stage{grid-column:2;grid-row:1;margin:0}.wheel-frame{width:min(43vw,560px)}.wheel-label div{font-size:13px}.indicator-hub{width:96px;height:96px}.site-footer{font-size:12px}}
@media(max-width:374px){.page-shell{width:calc(100% - 18px)}.site-header{height:72px}.brand__image{width:62px}.entry-screen{min-height:calc(100svh - 136px);padding:14px 0 25px}.school-title{margin-top:13px}.entry-subtitle{margin-top:19px}.entry-form{margin-top:17px}.field-wrap,.cta{height:54px}.game-screen{padding-top:16px}.game-copy h1{margin-top:11px}.wheel-frame{width:min(90vw,330px)}.wheel-label div{font-size:10px}.indicator-hub{border-width:5px}.rotating-copy{margin-top:8px}}
@media(max-height:700px) and (max-width:819px){.site-header{height:68px}.entry-screen{padding-top:10px}.school-title strong{font-size:58px}.school-title span{font-size:34px}.entry-subtitle{margin-top:16px}.entry-form{margin-top:14px}.field-wrap,.cta{height:52px}.wheel-frame{width:min(72vw,360px)}.game-screen{padding-top:10px}.game-copy h1{font-size:29px;margin-top:8px}.rotating-copy{font-size:18px;margin-top:6px}.game-lead{display:none}.spin-cta{margin-top:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.wheel{will-change:auto}.rotating-copy strong{transition:none}.confetti-layer{display:none}}
