*{box-sizing:border-box;margin:0;padding:0}
:root{--blue:#087ea4;--cyan:#15c8d7;--dark:#064d68;--bg:#dffaff;--text:#073b4c}
body{min-height:100vh;font-family:"Vazirmatn",Tahoma,sans-serif;color:var(--text);overflow-x:hidden;background:radial-gradient(circle at 20% 10%,#fff,transparent 28%),linear-gradient(145deg,#c8f7ff,#52d7e4 45%,#0784ad)}
.bubbles{position:fixed;inset:0;overflow:hidden;pointer-events:none}.bubbles i{position:absolute;border:2px solid #ffffff55;border-radius:50%;background:#ffffff12;animation:up 8s ease-in-out infinite}.bubbles i:nth-child(1){width:75px;height:75px;right:7%;top:15%}.bubbles i:nth-child(2){width:28px;height:28px;left:10%;top:20%;animation-delay:1s}.bubbles i:nth-child(3){width:48px;height:48px;right:17%;bottom:14%;animation-delay:2s}.bubbles i:nth-child(4){width:20px;height:20px;left:18%;bottom:23%;animation-delay:3s}.bubbles i:nth-child(5){width:38px;height:38px;left:6%;bottom:9%;animation-delay:4s}@keyframes up{50%{transform:translateY(-28px) translateX(8px)}}
.app{width:min(94%,540px);min-height:100vh;margin:auto;padding:25px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}.brand{position:absolute;top:23px;color:#fff;font-size:18px;font-weight:900;text-shadow:0 2px 8px #00516a66}.progress{display:flex;gap:8px;margin:55px 0 18px}.progress span{height:9px;width:9px;background:#ffffff88;border-radius:30px;transition:.3s}.progress span.on{width:31px;background:#fff}
.card{width:100%;background:#fffffff0;border:1px solid #ffffffcc;border-radius:32px;padding:40px 28px 32px;text-align:center;box-shadow:0 25px 70px #00436533;backdrop-filter:blur(15px);animation:in .35s ease}@keyframes in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.emoji{font-size:58px;margin-bottom:10px}h1{font-size:28px;font-weight:900;line-height:1.6}p{color:#55737c;line-height:2;font-size:14px}
#content{margin-top:25px}.choice{width:100%;border:0;border-radius:17px;padding:16px 18px;margin-top:11px;font:800 16px "Vazirmatn";cursor:pointer;transition:.2s}.choice:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,#12b9d0,#087ea4);color:#fff;box-shadow:0 10px 25px #087ea433}.secondary{background:#eef9fb;color:#39707c}
.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{border:2px solid #d1edf1;border-radius:16px;background:#fff;padding:14px 9px;font:700 14px "Vazirmatn";color:var(--text);cursor:pointer;transition:.15s}.option.selected{border-color:#0baac2;background:#e3fbff;box-shadow:0 5px 14px #0baac222}
.label{display:block;text-align:right;font-size:13px;font-weight:700;color:#54747d;margin:7px 2px}.input{width:100%;padding:15px;border:2px solid #c8eaf0;border-radius:17px;background:#fbfeff;outline:none;font:600 15px "Vazirmatn";color:var(--text)}.input:focus{border-color:#12b9d0}
.summary{margin-top:20px;background:#effcff;border-radius:20px;padding:16px;text-align:right}.summary div{padding:9px 0;border-bottom:1px dashed #c5e5eb;font-size:14px}.summary div:last-child{border:0}.summary b{color:#087ea4}
.success{font-size:58px}.hint{color:#fff!important;margin-top:13px;text-shadow:0 2px 7px #00516a55}
@media(max-width:430px){.card{padding:34px 20px 28px}h1{font-size:24px}}

/* انیمیشن مخصوص دکمه‌های آره و نه */
.yesno{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:170px;justify-content:center;overflow:visible}
.yes-btn{position:relative;z-index:2;transform-origin:center;transition:transform .32s cubic-bezier(.2,1.6,.4,1),font-size .25s,margin .25s}
.no-btn{position:relative;z-index:1;transition:transform .25s,opacity .25s}
.small-tease{font-size:12px!important;margin-top:12px;color:#71939c!important;min-height:24px}

.first-choices{display:flex;flex-direction:column;align-items:center;gap:12px}
.first-choices .choice{margin-top:0}
.yes-btn,.no-btn{transform-origin:center;transition:transform .28s cubic-bezier(.2,.9,.2,1),margin .28s ease,opacity .28s ease}
.yes-btn{position:relative;z-index:2}
.no-btn{max-width:100%;}
@keyframes yesPop{50%{filter:brightness(1.08)}}
.yes-btn.pop{animation:yesPop .28s ease}