body{margin:0;background:#FFF8EC}
a{color:#4B2DA8}a:hover{color:#2B2350}
button{font-family:inherit;cursor:pointer}
.fun{font-family:'Baloo Bhaijaan 2',sans-serif}
.card{background:#FFFFFF;border-radius:22px;padding:18px;box-shadow:0 4px 0 #F1E8D6}
.btn{min-height:42px;padding:0 16px;border-radius:14px;border:none;font-family:'Baloo Bhaijaan 2',sans-serif;font-weight:800;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:transform .18s cubic-bezier(.3,1.6,.5,1)}
.btn:active{transform:scale(.94)}
.btn-dark{background:#2B2350;color:#FFFFFF;box-shadow:0 3px 0 #17122E}
.btn-soft{background:#F4F1EA;color:#2B2350}
.btn-line{background:#FFFFFF;color:#2B2350;border:2px solid #E4DECF}
.btn-red{background:#FFFFFF;color:#A3263A;border:2px solid #FFC2CB}
.inp{height:46px;border-radius:14px;border:2px solid #E4DECF;padding:0 14px;font-family:'IBM Plex Sans Arabic',sans-serif;font-size:15px;color:#2B2350;background:#FFFFFF;width:100%;box-sizing:border-box}
.inp:focus{outline:none;border-color:#8E6CF0}
textarea.inp{height:auto;min-height:96px;padding:12px 14px;resize:vertical;line-height:1.7}
.lbl{font-family:'Baloo Bhaijaan 2',sans-serif;font-weight:800;font-size:16px}
.mut{font-size:13px;color:#6D6788}
.th{font-size:12px;font-weight:700;color:#6D6788}
.row{display:flex;align-items:center;gap:10px}
.col{display:flex;flex-direction:column}
:focus-visible{outline:3px solid #8E6CF0;outline-offset:2px}
@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.06)}100%{transform:scale(1)}}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes toast{0%{opacity:0;transform:translate(-50%,20px)}10%{opacity:1;transform:translate(-50%,0)}90%{opacity:1}100%{opacity:0}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,77,109,.55)}100%{box-shadow:0 0 0 8px rgba(255,77,109,0)}}
.rise>*{animation:rise .45s cubic-bezier(.2,.9,.3,1.1) both}
.rise>*:nth-child(2){animation-delay:.05s}.rise>*:nth-child(3){animation-delay:.1s}.rise>*:nth-child(4){animation-delay:.15s}.rise>*:nth-child(5){animation-delay:.2s}.rise>*:nth-child(6){animation-delay:.25s}
.popin{animation:pop .4s cubic-bezier(.3,1.6,.5,1) both}
.pulse{animation:pulse 1.6s ease-out infinite}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}