:root{--bg:#0a0d20;--surface:#141930;--surface2:#1b213c;--line:#353a56;--white:#f8f7ff;--muted:#a5a7c1;--purple:#aa91ff;--purple-d:#7966dc;--mint:#93edd7;--coral:#ffa8ab;--yellow:#fddd91;--font:'Alexandria','Cairo',Tahoma,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.75}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--mint);outline-offset:3px}::selection{background:#a98dff70} .page-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(circle at 52% -25%,#3c316e5c,transparent 46%),#0a0d20}.glow{position:absolute;border-radius:50%;filter:blur(65px);opacity:.32;pointer-events:none}.glow-one{width:300px;height:300px;background:#7652df;top:15%;left:-180px}.glow-two{width:220px;height:220px;background:#2cb9a6;top:52%;right:-140px;opacity:.15}.glow-three{width:270px;height:270px;background:#ff9298;top:82%;left:3%;opacity:.10}.site-shell{min-height:100vh;max-width:1400px;margin:auto;display:flex;flex-direction:column;padding:0 5.2%}main{flex:1}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff11}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;letter-spacing:-1.1px;white-space:nowrap}.brand-icon{display:grid;place-items:center;background:var(--purple);color:#100c2a;width:39px;height:39px;border-radius:14px;font-size:27px;font-weight:900;box-shadow:0 8px 30px #ad95ff32}.brand-accent{color:var(--purple)}.desktop-nav{display:flex;gap:35px;color:#b9b8d0;font-size:12px;font-weight:600}.desktop-nav a:hover{color:white}.header-cta{font-size:12px;font-weight:800;color:#201b3c;background:var(--mint);border-radius:13px;padding:11px 18px;transition:transform .2s}.header-cta:hover{transform:translateY(-2px)}.header-cta span{font-size:19px;margin-right:7px}.hero{padding:88px 0 105px;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.95fr);gap:50px;align-items:center;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:var(--mint);border:1px solid #90efce4d;border-radius:30px;padding:7px 15px;background:#a5ffe911}.spark{display:inline-block;width:8px;height:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 14px var(--mint)}.hero h1{font-size:clamp(41px,5.5vw,74px);line-height:1.36;letter-spacing:-3px;font-weight:900;margin:24px 0}.hero h1 .accent{color:var(--purple);position:relative}.hero h1 .accent::after{content:'';position:absolute;right:3px;bottom:-6px;width:94%;height:10px;border:solid var(--mint);border-width:0 0 4px;border-radius:50%;transform:rotate(-2deg)}.hero-description{font-size:15px;color:#b3b5cb;max-width:480px;line-height:2.2}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:33px}.btn{border:0;border-radius:16px;padding:15px 23px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:inherit;font-size:13px;font-weight:800;transition:transform .18s,filter .18s,background .18s;min-height:53px}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--purple);color:#1c143e;box-shadow:0 12px 30px #aa91ff2d}.btn-secondary{background:#1a2038;color:#fff;border:1px solid #353c61}.btn-mint{background:var(--mint);color:#16342d}.btn-danger{background:#f28b9522;color:#ffb2b9;border:1px solid #ee8c9455}.btn-wide{width:100%}.hero-small{display:flex;gap:17px;align-items:center;margin-top:28px;font-size:11px;color:#a9abc1}.avatar-stack{display:flex;padding-right:8px}.avatar-stack span{width:31px;height:31px;border-radius:50%;border:3px solid var(--bg);display:grid;place-items:center;font-size:16px;margin-right:-8px;background:#342a50}.avatar-stack span:nth-child(2){background:#26494c}.avatar-stack span:nth-child(3){background:#59424e}.avatar-stack span:nth-child(4){background:#4c4376}.hero-art{height:490px;position:relative;display:grid;place-items:center}.hero-art::before{content:'';position:absolute;background:radial-gradient(ellipse,#ab91ff42,transparent 68%);width:100%;height:92%;filter:blur(15px)}.quiz-preview{width:335px;background:linear-gradient(155deg,#292b52,#1a1e39 68%);border:1px solid #7670b263;border-radius:32px;box-shadow:0 24px 90px #0009,inset 0 1px #ffffff35;transform:rotate(-6deg);position:relative;padding:29px;z-index:1}.quiz-preview::before{content:'';width:100%;height:100%;border-radius:32px;position:absolute;inset:0;border:1px solid #ae95fa29;pointer-events:none}.preview-head{display:flex;align-items:center;justify-content:space-between}.preview-head .pill{font-size:10px;color:#cbc6ef;background:#433e71;border-radius:40px;padding:6px 12px}.preview-progress{font-size:11px;color:#aeadcc}.preview-progress span{color:var(--mint);font-weight:800}.progress-track{height:6px;background:#454568;border-radius:100px;overflow:hidden;margin:18px 0 24px}.progress-fill{background:linear-gradient(90deg,var(--purple),var(--mint));height:100%;border-radius:100px;transition:width .25s}.preview-question{font-weight:800;font-size:21px;line-height:1.7;margin-bottom:19px}.preview-option{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #4c4f77;background:#262a49;border-radius:12px;margin:11px 0;font-size:12px;font-weight:600}.preview-option .opt-bullet{height:21px;width:21px;border:2px solid #6c6d93;border-radius:50%;flex-shrink:0}.preview-option.selected{background:#51477e;border-color:#ae92ff}.preview-option.selected .opt-bullet{border:6px solid var(--mint);background:#281f4d}.preview-bottom{display:flex;justify-content:center;margin-top:22px;border-radius:13px;padding:11px;background:var(--purple);color:#20173f;font-size:12px;font-weight:900}.floating-sticker{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 25px #0005;animation:bob 4.5s ease-in-out infinite}.sticker-heart{top:20px;left:5px;background:var(--coral);width:75px;height:75px;border-radius:25px;transform:rotate(15deg);font-size:39px}.sticker-trophy{right:-3px;bottom:48px;background:var(--yellow);height:98px;width:98px;border-radius:29px;transform:rotate(15deg);font-size:52px;animation-delay:-2s}.sticker-star{left:20px;bottom:35px;background:var(--mint);color:#15433b;width:49px;height:49px;border-radius:16px;font-size:29px;animation-delay:-1s}.mini-label{position:absolute;top:37px;right:15px;background:#fff;color:#3a2850;padding:10px 16px;border-radius:13px;font-size:12px;font-weight:900;z-index:2;transform:rotate(9deg)}@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -10px}}.section-header{text-align:center;max-width:610px;margin:0 auto 42px}.section-header .mini{color:var(--mint);font-size:12px;font-weight:800}.section-header h2{font-size:clamp(27px,3vw,40px);line-height:1.5;letter-spacing:-1px;margin:10px 0 9px}.section-header p{font-size:13px;color:var(--muted);line-height:2}.steps{padding:20px 0 115px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-card{border:1px solid #40435e;border-radius:25px;background:#171b31bb;padding:31px 28px;position:relative;transition:border-color .2s,transform .2s}.step-card:hover{border-color:#8072b1;transform:translateY(-3px)}.step-icon{width:68px;height:68px;border-radius:21px;display:grid;place-items:center;background:#a98dff25;font-size:34px;margin-bottom:23px}.step-card:nth-child(2) .step-icon{background:#93edd726}.step-card:nth-child(3) .step-icon{background:#fddd9129}.step-card small{color:var(--purple);font-size:11px;font-weight:800}.step-card h3{font-size:17px;margin:6px 0}.step-card p{font-size:12px;color:#aeb0c8;line-height:2.2;margin:0}.section-banner{border:1px solid #4d4775;border-radius:30px;padding:45px 55px;margin:0 0 100px;background:linear-gradient(112deg,#292249c9,#1e2a42c9);display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:hidden;position:relative}.section-banner:before{content:'✳';position:absolute;left:23%;top:-95px;font-size:230px;color:#baa9ff15;line-height:1}.section-banner h2{font-size:26px;margin:0 0 6px}.section-banner p{font-size:13px;color:#cbc7de;margin:0}.footer{border-top:1px solid #ffffff12;padding:29px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#aaaec3;font-size:10px}.footer>span:first-child{font-weight:800;color:#dedafa;font-size:13px}.footer p{margin:0}.foot-love{color:#bcb0ee}.inner{max-width:780px;margin:0 auto;padding:58px 0 90px}.page-heading{text-align:center;margin:5px 0 35px}.page-heading h1{font-size:clamp(29px,4vw,43px);line-height:1.5;letter-spacing:-1.4px;margin:9px 0}.page-heading p{color:var(--muted);font-size:13px;line-height:2;margin:0}.backlink{color:var(--muted);font-size:12px;display:inline-flex;align-items:center;gap:8px;margin-bottom:20px}.backlink:hover{color:white}.form-card,.surface-card{border:1px solid #414360;border-radius:25px;background:linear-gradient(150deg,#1c213ca8,#15192ebd);padding:30px;box-shadow:0 20px 60px #0003}.field{margin-bottom:23px}.field label{font-size:13px;font-weight:800;display:block;margin-bottom:10px}.field .helper{font-size:11px;color:var(--muted);display:block;margin-top:7px}.field-input{width:100%;border:1px solid #4b506c;border-radius:13px;color:white;outline:none;background:#101529;padding:15px 16px;transition:border-color .2s;font-size:13px;line-height:1.6}.field-input:focus{border-color:var(--purple)}.field-input::placeholder{color:#717794}.form-progress-label{display:flex;justify-content:space-between;align-items:center;color:#bbc0dc;font-size:11px;font-weight:700}.form-progress-label b{color:var(--mint)}.question-card-h{font-size:21px;font-weight:800;line-height:1.8;margin:22px 0}.step-meta{color:var(--mint);font-size:11px;font-weight:800}.option-edit{display:flex;align-items:center;gap:13px;background:#11162b;border:1px solid #424967;border-radius:14px;padding:7px 12px;margin:12px 0;transition:border-color .2s}.option-edit:focus-within{border-color:#ac91ff}.option-edit.active{border-color:var(--mint);background:#223e40a3}.correct-radio{appearance:none;flex-shrink:0;width:24px;height:24px;border:2px solid #79799a;border-radius:50%;display:grid;place-items:center;cursor:pointer}.correct-radio:checked{border:7px solid var(--mint);background:#191e35}.option-edit input[type=text]{border:0;outline:0;flex:1;min-width:0;background:transparent;color:white;padding:12px 3px;font-size:13px}.option-edit input[type=text]::placeholder{color:#737795}.edit-helper{font-size:11px;color:#9eb8ad;margin-top:15px}.form-actions{display:flex;gap:12px;justify-content:space-between;margin-top:26px}.form-actions .btn{min-width:120px}.center{display:flex;justify-content:center;align-items:center}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.chip{border:1px solid #4e4a6c;border-radius:100px;padding:6px 12px;font-size:10px;color:#dad2ff;background:#9b8aef11}.success-icon{font-size:76px;text-align:center}.success-title{text-align:center;font-size:26px;margin:10px 0}.success-sub{text-align:center;color:var(--muted);font-size:13px}.link-box{display:flex;flex-wrap:wrap;gap:10px;background:#0f1429;border:1px dashed #6e659d;border-radius:15px;padding:11px;align-items:center;direction:ltr;margin-top:22px}.link-box code{flex:1;font-size:12px;word-break:break-all;color:#b3f4e3;padding:6px;text-align:left}.link-box .btn{padding:9px 14px;min-height:40px}.note{padding:14px 17px;border-radius:13px;color:#b9b9ca;background:#ffffff09;border:1px solid #ffffff13;font-size:11px;line-height:2;margin-top:20px}.share-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.share-row>*{flex:1}.play-intro{max-width:760px;margin:60px auto 100px}.play-hero{text-align:center;border:1px solid #4d4770;border-radius:30px;background:radial-gradient(circle at center top,#4e367542,transparent 52%),#181d35d6;padding:46px 30px 32px;position:relative;overflow:hidden}.play-hero .orb{width:110px;height:110px;display:grid;place-items:center;border-radius:35px;background:linear-gradient(130deg,#b6a0ff,#9082ec);font-size:62px;margin:0 auto 23px;transform:rotate(-7deg);box-shadow:0 15px 35px #887fe63f}.play-hero h1{font-size:clamp(29px,4vw,39px);margin:0 0 11px}.play-hero .name-highlight{color:var(--mint)}.play-hero p{color:#b5b5cd;font-size:13px;line-height:2;margin:0 auto 27px}.play-hero .intro-input{max-width:390px;margin:0 auto 12px;text-align:center}.play-hero .btn{min-width:240px}.score-panel{margin-top:27px;border:1px solid #414560;border-radius:24px;background:#171b31e0;padding:27px}.score-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.score-head h2{font-size:18px;margin:0}.score-head span{font-size:11px;color:#b2b1cd}.leaderboard{display:flex;flex-direction:column;gap:10px}.score-item{display:flex;align-items:center;gap:13px;background:#222641;border-radius:13px;padding:12px 14px}.rank-circle{width:31px;height:31px;border-radius:10px;background:#39395d;display:grid;place-items:center;color:#e0dcff;font-size:12px;font-weight:800}.score-item:nth-child(1) .rank-circle{background:#f4d58e;color:#5a420d}.score-item:nth-child(2) .rank-circle{background:#b8c1d2;color:#2e3544}.score-item:nth-child(3) .rank-circle{background:#e4a980;color:#51311f}.score-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:12px}.score-val{font-size:13px;font-weight:800;color:var(--mint);direction:ltr}.empty{text-align:center;border:1px dashed #50536a;padding:30px 16px;border-radius:15px;color:#aeb0c3;font-size:12px;line-height:2}.empty .emoji{display:block;font-size:34px;margin-bottom:10px}.play-form{max-width:680px;margin:60px auto 110px}.play-choice{position:relative;display:flex;align-items:center;gap:14px;border:1px solid #4d5272;border-radius:16px;background:#1d233e;margin:12px 0;padding:17px 18px;cursor:pointer;transition:all .2s;font-size:13px;font-weight:700}.play-choice:hover{border-color:var(--purple);background:#282d4b}.play-choice.active{border-color:var(--mint);background:#274146}.choice-letter{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#3b3c63;font-size:11px;color:#dad5f6}.play-choice.active .choice-letter{background:var(--mint);color:#1c3934}.play-choice .tick{margin-right:auto;color:var(--mint);font-size:20px}.result-score{font-size:70px;font-weight:900;color:var(--mint);line-height:1.4;direction:ltr;margin:5px auto}.result-score small{font-size:27px;color:#b0a8c8}.result-msg{font-size:20px;font-weight:800;text-align:center}.result-sub{font-size:12px;color:var(--muted);text-align:center;margin:10px 0 25px}.result-em{font-size:55px;text-align:center}.result-answer{border:1px solid #484962;border-radius:13px;padding:14px;margin:12px 0;background:#141a2f}.result-answer h4{margin:0 0 8px;font-size:12px}.result-answer .right{color:var(--mint);font-size:11px}.result-answer .wrong{color:var(--coral);font-size:11px}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-heading h1{font-size:27px;margin:0}.admin-heading p{font-size:12px;color:var(--muted)}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:25px 0}.stat{border:1px solid #434760;border-radius:17px;background:#1a2037;padding:19px}.stat strong{display:block;font-size:30px;line-height:1.5;color:var(--mint)}.stat span{color:var(--muted);font-size:11px}.attempt-row{display:flex;align-items:center;gap:13px;border:1px solid #414762;border-radius:14px;padding:14px 17px;margin-top:10px;background:#1d233d}.attempt-row .attempt-main{flex:1}.attempt-row h4{margin:0;font-size:13px}.attempt-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.attempt-row b{color:var(--mint);font-size:14px;direction:ltr}.attempt-row button{background:#ffffff0c;color:#c5c6dc;border:1px solid #4b4e68;border-radius:9px;padding:7px 10px;font-size:10px}.attempt-row button:hover{background:#ffffff20}.answer-detail{margin-top:12px;padding:12px;background:#11172c;border-radius:12px;font-size:11px;color:#cfd0e1}.answer-detail .correct{color:var(--mint)}.answer-detail .incorrect{color:#ffadb4}.loading{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;font-size:13px;color:var(--muted)}.spinner{width:43px;height:43px;border:4px solid #454767;border-top-color:var(--purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{text-align:center;padding:55px 22px;border:1px solid #66475b;border-radius:24px;background:#2b2032}.error-box .emoji{font-size:48px;display:block}.error-box h2{margin:8px 0}.error-box p{font-size:13px;line-height:2;color:#cfc2cc}.toast{position:fixed;bottom:25px;left:50%;z-index:100;transform:translate(-50%,120px);opacity:0;background:#e5fff5;color:#1c3e34;padding:12px 20px;border-radius:15px;box-shadow:0 12px 45px #0007;font-size:12px;font-weight:700;max-width:90vw;pointer-events:none;transition:transform .25s,opacity .25s;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#ffe2e4;color:#842b37}.u-muted{color:var(--muted)}.u-mt{margin-top:25px}.u-mb{margin-bottom:25px}.text-center{text-align:center}.divider{height:1px;background:#ffffff1a;margin:25px 0}.mt-small{margin-top:13px}.badge-pill{font-size:11px;font-weight:800;color:#b7eddb;background:#9bf5d61a;border:1px solid #99ebd65c;padding:6px 15px;border-radius:50px;display:inline-block}.spinner-small{width:16px;height:16px;display:inline-block;border:2px solid #aaa;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1000px){.hero{gap:15px}.quiz-preview{width:300px}.hero-art{height:440px}.hero h1{font-size:50px}}@media(max-width:720px){.site-shell{padding:0 5%}.topbar{height:72px}.desktop-nav{display:none}.brand{font-size:19px}.brand-icon{height:34px;width:34px;font-size:22px;border-radius:11px}.header-cta{padding:9px 12px;font-size:11px;border-radius:10px}.hero{padding:50px 0 65px;grid-template-columns:1fr;gap:12px;text-align:center}.hero h1{font-size:43px;margin-top:15px}.hero-description{margin:auto;font-size:13px}.hero-actions{justify-content:center}.hero-small{justify-content:center}.hero-art{height:380px;margin-top:25px}.quiz-preview{width:min(315px,82vw);padding:24px;transform:rotate(-4deg)}.sticker-heart{top:10px;left:0;width:55px;height:55px;border-radius:18px;font-size:28px}.sticker-trophy{right:0;bottom:5px;height:72px;width:72px;font-size:38px;border-radius:20px}.sticker-star{left:6px;bottom:10px}.mini-label{font-size:10px;right:1px;top:5px}.steps{padding:20px 0 70px}.steps-grid{grid-template-columns:1fr;gap:13px}.step-card{padding:24px}.section-banner{margin-bottom:75px;padding:28px 23px;flex-direction:column;text-align:center}.section-banner h2{font-size:21px}.footer{flex-wrap:wrap;text-align:center;justify-content:center;padding:25px 0}.footer p{order:3;width:100%}.inner{padding:38px 0 70px}.form-card,.surface-card{padding:21px}.form-actions .btn{min-width:0;flex:1}.play-intro{margin:37px auto 65px}.play-hero{padding:34px 20px 27px}.play-hero .orb{height:84px;width:84px;font-size:48px;border-radius:25px}.play-form{margin:35px auto 70px}.score-panel{padding:20px}.admin-heading{flex-direction:column;align-items:stretch}.admin-stats{gap:8px}.stat{padding:13px}.stat strong{font-size:23px}.stat span{font-size:9px}.result-score{font-size:60px}}@media(max-width:380px){.brand{font-size:16px}.header-cta{font-size:10px}.hero h1{font-size:36px}.btn{padding:13px 14px;font-size:11px}.page-heading h1{font-size:27px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.question-art{display:block;width:100%;height:190px;border-radius:20px;margin:0 0 24px;background:#1b213c}.laqta-ad{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;margin:0 0 70px;padding:36px 42px;border:1px solid #aa91ff66;border-radius:28px;background:linear-gradient(120deg,#30244f,#182c36);overflow:hidden}.ad-label{display:inline-block;font-size:10px;color:var(--muted);border:1px solid #ffffff30;padding:2px 12px;border-radius:20px}.laqta-ad h2{font-size:32px;margin:12px 0 8px}.laqta-ad p{font-size:13px;color:#cbc7de;margin:0 0 20px}.laqta-ad-art{position:relative;display:grid;place-items:center;min-height:210px}.laqta-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;width:220px;height:170px;border:10px solid var(--mint);border-radius:12px;color:var(--white);font-size:52px;font-weight:900;transform:rotate(-8deg);box-shadow:18px 18px 0 #aa91ff25}.laqta-frame span{font-size:12px;letter-spacing:4px;color:var(--mint);direction:ltr}.laqta-spark{position:absolute;top:0;left:12%;font-size:58px;color:var(--yellow)}@media(max-width:720px){.laqta-ad{grid-template-columns:1fr;padding:25px;gap:15px;margin-bottom:45px;text-align:center}.laqta-ad h2{font-size:27px}.laqta-ad-art{min-height:190px}.laqta-frame{width:195px;height:145px;font-size:44px}.question-art{height:160px}}