@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{font-family:"Vazirmatn",Tahoma,sans-serif;color:#3b3152;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#3b3152;--muted:#77708c;--pink:#e9a9d2;--purple:#9074cf;--cyan:#b7edf0;--glass:rgba(255,255,255,.72);--footer-font-size:.78rem}
*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#e9e5fa}body{margin:0;min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,rgba(248,239,255,.70),rgba(222,246,250,.56)),url("assets/background.jpg") center/cover fixed,linear-gradient(135deg,#f8eafa,#dff7f7 55%,#eee8ff);background-color:#f4eaff}button{font:inherit;color:inherit}.page-shell{position:relative;z-index:1;width:min(1100px,100%);min-height:100vh;margin:auto;padding:24px 24px 20px;display:flex;flex-direction:column;align-items:center}.brand{display:flex;align-items:center;gap:9px;margin:3px 0 24px;color:#756494;font-weight:700;font-size:.95rem;letter-spacing:.02em}.brand-moon{font-size:1.35rem;color:#9877cc}.brand-star{color:#d991c6;font-size:1.25rem}.panel{border:1px solid rgba(255,255,255,.88);background:var(--glass);box-shadow:0 24px 80px rgba(94,75,129,.15),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:30px}.welcome-panel,.quiz-panel{width:min(650px,100%);margin:auto 0;padding:clamp(27px,6vw,54px);text-align:center}.eyebrow{color:#9276bf;font-size:.9rem;font-weight:700}.hero-icon{font-size:3.25rem;filter:drop-shadow(0 9px 12px rgba(145,112,193,.22));margin:17px 0 5px;animation:float 3s ease-in-out infinite}.welcome-panel h1,.quiz-panel h1,.final-panel h1{margin:8px 0 17px;font-size:clamp(1.55rem,4vw,2.1rem);line-height:1.55;color:#493a67}.welcome-panel p{margin:9px 0;color:#655c79;line-height:2;font-size:clamp(.98rem,2.5vw,1.08rem)}.primary-button,.reveal-button{border:0;border-radius:16px;background:linear-gradient(110deg,#a98adf,#dc9dc9);color:white;font-weight:700;box-shadow:0 9px 24px rgba(153,112,196,.27);cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s}.primary-button{padding:13px 38px;margin-top:23px;font-size:1.05rem}.primary-button:hover,.reveal-button:hover{transform:translateY(-2px);box-shadow:0 13px 29px rgba(153,112,196,.36);filter:saturate(1.08)}button:focus-visible{outline:3px solid #5543a0;outline-offset:4px}.tiny-note{margin-top:22px;color:#988eaa;font-size:.83rem}.quiz-panel{text-align:right}.quiz-top{display:flex;align-items:center;justify-content:flex-start;gap:12px}.quiz-panel h1{text-align:center;margin:9px auto 25px;font-size:clamp(1.25rem,3.6vw,1.7rem)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-button{min-height:57px;padding:12px 15px;border:1px solid #e5dced;border-radius:16px;background:rgba(255,255,255,.75);text-align:center;line-height:1.65;font-weight:600;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.answer-button:hover:not(:disabled){transform:translateY(-2px);border-color:#c3a9e5;box-shadow:0 7px 18px rgba(112,88,152,.11)}.answer-button:disabled{cursor:default}.answer-button.wrong{background:#ffe3e7;border-color:#f18a99;color:#a63f54;animation:wrong-flash .5s ease}.answer-button.correct{background:#dff7e9;border-color:#71c999;color:#256b4a;box-shadow:0 0 0 3px rgba(104,197,145,.13)}.shake{animation:shake .45s ease}.gift-layout{width:100%;margin:auto 0;display:grid;grid-template-columns:minmax(300px,.88fr) minmax(400px,1.12fr);align-items:center;gap:clamp(28px,6vw,70px);direction:ltr}.gift-card-wrap{direction:rtl;width:100%;max-width:440px;justify-self:center}.gift-card{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:1 / 1;border-radius:28px;background:radial-gradient(ellipse at 50% 38%,#fff6fc 0,#f1e8ff 36%,#d9f2f3 100%);box-shadow:0 25px 70px rgba(82,67,120,.25),inset 0 0 0 1px rgba(255,255,255,.85)}.gift-card-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none;pointer-events:none}.gift-card-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;z-index:0}.card-kicker{color:#7d709b;font-size:.85rem;font-weight:600}.moon-art{position:relative;margin:9px 0 1px;width:105px;height:91px;display:grid;place-items:center}.moon{font-size:4.6rem;filter:drop-shadow(0 8px 10px rgba(169,130,202,.28))}.moon-star{position:absolute;color:#d79acb;font-size:1.2rem}.star-a{top:8px;right:7px}.star-b{bottom:13px;left:5px}.star-c{top:19px;left:17px;font-size:.8rem}.gift-title-fa{font-size:1rem;font-weight:700;color:#766196}.gift-title-en{margin-top:2px;letter-spacing:.19em;font-family:Georgia,serif;font-size:clamp(1.35rem,4vw,1.8rem);font-weight:bold;color:#795ba6}.card-caption{margin-top:9px;color:#7b7390;font-size:.8rem}.card-orbit{position:absolute;border:1px solid rgba(181,155,219,.2);border-radius:50%;width:320px;height:320px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0}.orbit-two{width:390px;height:390px;border-color:rgba(157,209,214,.22)}#scratch-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}.scratch-hint{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;width:max-content;max-width:90%;padding:13px 19px;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:rgba(255,255,255,.67);box-shadow:0 8px 22px rgba(83,61,120,.12);backdrop-filter:blur(9px);color:#55466e;text-align:center;font-weight:700;line-height:1.65;font-size:.9rem;pointer-events:none}.scratch-hand{font-size:1.75rem;animation:rub 1s ease-in-out infinite}.gift-card-wrap{transition:gap .55s ease}.reveal-button{display:block;max-height:64px;overflow:hidden;margin:17px auto 0;padding:10px 24px;opacity:1;transition:opacity .45s ease,max-height .5s ease,margin .5s ease,padding .5s ease}.gift-card-wrap.revealed .reveal-button{max-height:0;margin-top:0;padding-top:0;padding-bottom:0;opacity:0;pointer-events:none}.scratch-caption{text-align:center;color:#847b96;margin:9px 0;font-size:.82rem}.final-panel{direction:rtl;padding:clamp(25px,4vw,43px);text-align:right}.final-icon{font-size:2.3rem;margin:13px 0 1px}.final-panel h1{font-size:clamp(1.42rem,3vw,1.85rem);margin:3px 0 14px}.final-panel p{margin:10px 0;color:#625a75;line-height:2;font-size:.98rem}.final-panel .closing{color:#785393;font-weight:700}.reset-button{margin-top:13px;padding:8px 15px;border:1px solid #d9c9ec;border-radius:12px;background:rgba(255,255,255,.62);color:#765b9b;font-weight:600;cursor:pointer;transition:background .2s}.reset-button:hover{background:#fff}.page-shell footer{margin-top:auto;padding-top:25px;text-align:center;color:#635a75;font-size:calc(var(--footer-font-size) * .8);display:flex;flex-direction:column;gap:5px;text-shadow:0 1px 10px rgba(255,255,255,.9)}body:has(#gift:not([hidden])) .page-shell{min-height:100vh}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(1px);opacity:.55}.ambient-one{width:250px;height:250px;top:12%;left:-90px;background:radial-gradient(circle,#edc6e7,transparent 70%)}.ambient-two{width:320px;height:320px;right:-130px;bottom:5%;background:radial-gradient(circle,#b9e9ed,transparent 70%)}.sparkles{position:fixed;inset:0;overflow:hidden;pointer-events:none;color:rgba(153,123,190,.45)}.sparkles span{position:absolute;animation:twinkle 3.2s ease-in-out infinite}.sparkles span:nth-child(1){left:12%;top:23%;font-size:21px}.sparkles span:nth-child(2){left:83%;top:18%;font-size:28px;animation-delay:.7s}.sparkles span:nth-child(3){left:76%;top:76%;font-size:18px;animation-delay:1.2s}.sparkles span:nth-child(4){left:22%;top:79%;font-size:40px;animation-delay:.4s}.sparkles span:nth-child(5){left:91%;top:50%;font-size:20px;animation-delay:1.6s}.sparkles span:nth-child(6){left:7%;top:56%;font-size:17px;animation-delay:2s}[hidden]{display:none!important}
@keyframes float{50%{transform:translateY(-7px) rotate(-4deg)}}@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.8) rotate(0)}50%{opacity:.85;transform:scale(1.18) rotate(15deg)}}@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(9px)}40%{transform:translateX(-8px)}60%{transform:translateX(6px)}80%{transform:translateX(-4px)}}@keyframes wrong-flash{0%,100%{filter:none}35%{filter:saturate(1.3);background:#ffcdd5}}@keyframes rub{50%{transform:translateX(-5px) rotate(-12deg)}}
@media(max-width:760px){body{background-image:linear-gradient(135deg,rgba(248,239,255,.76),rgba(222,246,250,.68)),url("assets/background.jpg");background-position:center,center 42%;background-size:cover,cover;background-attachment:fixed,fixed}.page-shell{padding:18px 16px 15px}.brand{margin-bottom:15px}.gift-layout{width:min(560px,100%);grid-template-columns:1fr;gap:17px;margin:14px 0 0;direction:rtl}.gift-card-wrap{width:min(100%,420px);grid-row:1}.final-panel{width:100%;grid-row:2}.gift-card{border-radius:23px}.gift-title-en{font-size:1.55rem}.final-panel p{font-size:.94rem}.page-shell footer{padding-top:19px}}@media(max-width:480px){.welcome-panel,.quiz-panel{border-radius:24px;padding:26px 19px}.welcome-panel h1{font-size:1.55rem}.welcome-panel p{font-size:.96rem}.answers{grid-template-columns:1fr;gap:9px}.answer-button{min-height:52px}.gift-layout{gap:13px}.gift-card-content{padding:13px}.moon-art{margin:3px 0 0;height:76px}.moon{font-size:3.9rem}.card-caption{font-size:.72rem}.final-panel{padding:25px 21px}.sparkles span:nth-child(4){left:7%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}