:root{--plum:#450a4e;--pink:#ff1f8e;--orange:#ff9100;--yellow:#ffd500;--green:#4caf50;--surface:#ffffffd9;--border:#dcc3eb99;--shadow-sm:0 2px 12px #450a4e0f;--shadow-md:0 6px 28px #450a4e1a;--shadow-lg:0 16px 50px #450a4e24;--radius-sm:.75rem;--radius-md:1.25rem;--radius-lg:1.75rem;--radius-xl:2rem;--blur:blur(16px) saturate(1.6)}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{color:#333;font-family:Quicksand,system-ui,sans-serif}#root{width:100%;min-height:100vh}h1,h2,h3{line-height:1.2}p{line-height:1.6}button{cursor:pointer}textarea{font-family:inherit}:focus-visible{outline:3px solid var(--pink);outline-offset:2px;border-radius:4px}[dir=rtl]{font-family:Quicksand,Segoe UI,Tahoma,sans-serif}.modal-overlay{-webkit-backdrop-filter:blur(14px)saturate(1.4);z-index:1000;background:#23052dc7;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#fffffff5;border-radius:2rem;width:100%;max-width:400px;padding:2.5rem 2rem 2rem;animation:.42s cubic-bezier(.34,1.56,.64,1) slideUp;box-shadow:0 24px 64px #450a4e52,inset 0 0 0 1px #fff9,inset 0 -1px #ff1f8e33}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-logo{flex-direction:column;align-items:center;gap:.3rem;margin-bottom:1.5rem;display:flex}.modal-logo-img{object-fit:cover;border:2.5px solid #ff1f8e33;border-radius:20px;width:88px;height:88px;margin-bottom:.6rem;box-shadow:0 8px 28px #450a4e2e,0 2px 6px #450a4e1a}.modal-logo-name{background:linear-gradient(#ffd500 10%,#ff9100 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Fredoka One,cursive;font-size:2rem;line-height:1}.modal-tagline{color:#999;letter-spacing:.06em;text-transform:uppercase;font-family:Quicksand,sans-serif;font-size:.75rem;font-weight:600}.modal-title{color:var(--plum,#450a4e);margin-bottom:.5rem;font-family:Fredoka One,cursive;font-size:1.45rem}.modal-subtitle{color:#888;margin-bottom:1.75rem;font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:500;line-height:1.65}.modal-buttons{justify-content:center;gap:.85rem;display:flex}.lang-btn{cursor:pointer;border:none;border-radius:1.35rem;flex-direction:column;flex:1;align-items:center;gap:.45rem;max-width:155px;padding:1rem;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:700;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.lang-btn:after{content:"";pointer-events:none;background:linear-gradient(135deg,#fff3 0%,#0000 60%);position:absolute;inset:0}.lang-btn:hover{transform:translateY(-4px)scale(1.03)}.lang-btn:active{transform:translateY(0)scale(.97)}.lang-flag{font-size:2rem;line-height:1}.lang-btn-fr{color:#450a4e;background:linear-gradient(160deg,#fff 0%,#ff1f8e 130%);box-shadow:0 6px 22px #ff1f8e61}.lang-btn-fr:hover{box-shadow:0 12px 30px #ff1f8e80}.lang-btn-ar{color:#450a4e;background:linear-gradient(160deg,#ffd500 0%,#ff9100 100%);box-shadow:0 6px 22px #ff910061}.lang-btn-ar:hover{box-shadow:0 12px 30px #ff910080}.site-header{z-index:100;-webkit-backdrop-filter:blur(24px)saturate(1.8);background:#450a4ee6;border-bottom:1px solid #ff1f8e2e;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:920px;margin:0 auto;padding:.75rem 1.25rem;display:flex;position:relative}.header-logo{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.header-logo-img{object-fit:cover;border:1.5px solid #ffd50073;border-radius:10px;flex-shrink:0;width:42px;height:42px;box-shadow:0 2px 10px #0000004d}.header-logo-text{flex-direction:column;line-height:1.1;display:flex}.header-brand{background:linear-gradient(#ffd500 0%,#ff9100 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Fredoka One,cursive;font-size:1.55rem}.header-tagline{color:#ffffff8c;letter-spacing:.07em;text-transform:uppercase;font-family:Quicksand,sans-serif;font-size:.62rem;font-weight:600}.header-right{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.header-form-title{color:#fff9;text-align:right;letter-spacing:.02em;font-family:Quicksand,sans-serif;font-size:.72rem;font-weight:600}.lang-switch-btn{color:#ffffffe6;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ff1f8e26;border:1px solid #ff1f8e66;border-radius:2rem;padding:.38rem .9rem;font-family:Quicksand,sans-serif;font-size:.78rem;font-weight:700;transition:all .2s}.lang-switch-btn:hover{color:#fff;background:#ff1f8e4d;border-color:#ff1f8eb3;transform:translateY(-1px);box-shadow:0 4px 14px #ff1f8e59}.lang-switch-btn:active{transform:translateY(0)}@media (width<=500px){.header-logo-img{width:36px;height:36px}.header-brand{font-size:1.25rem}.header-tagline{display:none}.header-form-title{font-size:.62rem}.lang-switch-btn{padding:.32rem .7rem;font-size:.7rem}}.progress-container{z-index:100;-webkit-backdrop-filter:blur(14px);background:#f4eeffe0;width:100%;padding:.75rem 1.25rem;position:sticky;top:0;box-shadow:0 2px 16px #450a4e14}.progress-inner{max-width:920px;margin:0 auto}.progress-header{justify-content:space-between;align-items:center;margin-bottom:.55rem;display:flex}.progress-label{color:var(--plum,#450a4e);opacity:.75;font-family:Fredoka One,cursive;font-size:.88rem}.progress-count{color:#bbb;font-family:Quicksand,sans-serif;font-size:.78rem;font-weight:600}.progress-track{background:#dcc3eb66;border-radius:99px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--pink,#ff1f8e) 0%, var(--orange,#ff9100) 100%);border-radius:99px;justify-content:flex-end;align-items:center;min-width:0;height:100%;padding-right:5px;transition:width .55s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 0 8px #ff1f8e66}.progress-fill:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff40 100%);border-radius:99px;position:absolute;inset:0}.progress-pct{color:#fff;white-space:nowrap;z-index:1;font-family:Quicksand,sans-serif;font-size:.56rem;font-weight:700;position:relative}.step-indicator{flex-direction:column;align-items:center;gap:.6rem;max-width:920px;margin:0 auto;padding:1.25rem 1.25rem 0;display:flex}.step-track{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa6;border:1px solid #dcc3eb73;border-radius:2rem;align-items:center;gap:0;padding:.35rem .5rem;display:flex;box-shadow:0 2px 12px #450a4e0f}.step-item{align-items:center;display:flex}.step-dot{color:#ccc;z-index:1;background:#fffc;border:2px solid #e0c8f099;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-family:Fredoka One,cursive;font-size:.9rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.step-dot.active{color:#fff;background:linear-gradient(135deg,#ff1f8e,#ff9100);border-color:#0000;transform:scale(1.12);box-shadow:0 4px 16px #ff1f8e80,0 0 0 3px #ff1f8e26}.step-dot.done{color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);border-color:#0000;font-size:1rem;box-shadow:0 2px 8px #4caf5059}.step-line{background:#e0c8f080;border-radius:99px;flex-shrink:0;width:72px;height:2.5px;margin:0 2px;transition:background .4s}.step-line.done{background:linear-gradient(90deg,#4caf50,#4caf50)}.step-label{color:#666;text-align:center;letter-spacing:.01em;font-family:Quicksand,sans-serif;font-size:.82rem;font-weight:700}@media (width<=480px){.step-line{width:40px}.step-dot{width:28px;height:28px;font-size:.78rem}.step-label{font-size:.75rem}}.question-textarea{color:#333;resize:vertical;box-sizing:border-box;background:#fff;border:1.5px solid #e8d5f5;border-radius:.6rem;width:100%;min-height:64px;margin-top:.5rem;padding:.6rem .75rem;font-family:Quicksand,sans-serif;font-size:.88rem;transition:border-color .2s}.question-textarea:focus{border-color:#ff1f8e;outline:none}.qi-reveal-textarea{animation:.2s revealIn}@keyframes revealIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.qi-buttons{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.qi-btn{color:#450a4e;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e0c8f0;border-radius:2rem;padding:.45rem 1rem;font-family:Quicksand,sans-serif;font-size:.82rem;font-weight:700;transition:all .18s}.qi-btn:hover{color:#ff1f8e;border-color:#ff1f8e}.qi-btn--active{color:#fff;background:linear-gradient(135deg,#ff1f8e,#ff9100);border-color:#0000;box-shadow:0 3px 10px #ff1f8e59}.qi-checkboxes{flex-direction:column;gap:.45rem;margin-top:.4rem;display:flex}.qi-checkbox-label{cursor:pointer;color:#450a4e;background:#fff;border:1.5px solid #e8d5f5;border-radius:.6rem;align-items:center;gap:.55rem;padding:.4rem .6rem;font-family:Quicksand,sans-serif;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.qi-checkbox-label:hover{background:#fff0f7;border-color:#ff1f8e}.qi-checkbox-label.active{color:#2e7d32;background:#f0fff0;border-color:#4caf50}.qi-checkbox-label input[type=checkbox]{display:none}.qi-checkbox-box{background:#fff;border:2px solid #ccc;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex;position:relative}.qi-checkbox-label.active .qi-checkbox-box{background:#4caf50;border-color:#4caf50}.qi-checkbox-label.active .qi-checkbox-box:after{content:"✓";color:#fff;font-size:.65rem;font-weight:900;position:absolute}.qi-other-input{color:#333;box-sizing:border-box;background:#fff;border:1.5px solid #e8d5f5;border-radius:.6rem;width:100%;margin-top:.2rem;padding:.5rem .75rem;font-family:Quicksand,sans-serif;font-size:.85rem;animation:.2s revealIn}.qi-other-input:focus{border-color:#ff1f8e;outline:none}.qi-days{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.qi-day{color:#450a4e;cursor:pointer;background:#fff;border:2px solid #e0c8f0;border-radius:2rem;padding:.4rem .85rem;font-family:Quicksand,sans-serif;font-size:.8rem;font-weight:700;transition:all .18s}.qi-day:hover{color:#ff9100;border-color:#ff9100}.qi-day--active{color:#450a4e;background:linear-gradient(135deg,#ffd500,#ff9100);border-color:#0000;box-shadow:0 3px 10px #ff910059}.qi-social{flex-direction:column;gap:.5rem;margin-top:.4rem;display:flex}.qi-social-item{background:#fff;border:1.5px solid #e8d5f5;border-radius:.75rem;transition:border-color .2s;overflow:hidden}.qi-social-item--active{border-color:#ff1f8e}.qi-social-toggle{cursor:pointer;color:#450a4e;align-items:center;gap:.55rem;padding:.55rem .75rem;font-family:Quicksand,sans-serif;font-size:.88rem;font-weight:700;display:flex}.qi-social-toggle input[type=checkbox]{display:none}.qi-social-icon{font-size:1.1rem;line-height:1}.qi-social-label{flex:1}.qi-social-check{color:#4caf50;font-size:.9rem;font-weight:900}.qi-social-username{color:#555;box-sizing:border-box;background:#fdf5ff;border:none;border-top:1.5px solid #f0e0f5;width:100%;padding:.45rem .75rem;font-family:Quicksand,sans-serif;font-size:.82rem;animation:.2s revealIn}.qi-social-username:focus{background:#fff0f7;outline:none}.qi-yesno{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}.qi-yesno-btn{cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e0c8f0;border-radius:2rem;flex:1;min-width:80px;padding:.6rem 1rem;font-family:Fredoka One,cursive;font-size:1rem;transition:all .18s}.qi-yes{color:#2e7d32;border-color:#a5d6a7}.qi-yes:hover{background:#f0fff0;border-color:#4caf50}.qi-yes.active{color:#fff;background:#4caf50;border-color:#4caf50;box-shadow:0 3px 12px #4caf5066}.qi-no{color:#c62828;border-color:#ef9a9a}.qi-no:hover{background:#fff5f5;border-color:#e53935}.qi-no.active{color:#fff;background:#e53935;border-color:#e53935;box-shadow:0 3px 12px #e5393566}.qi-soon{color:#e65100;border-color:#ffcc80}.qi-soon:hover{background:#fff8f0;border-color:#ff9100}.qi-soon.active{color:#450a4e;background:linear-gradient(135deg,#ffd500,#ff9100);border-color:#0000;box-shadow:0 3px 12px #ff910066}.qi-yesno-text{flex-direction:column;gap:.5rem;display:flex}.qi-stars{flex-direction:column;align-items:flex-start;gap:.35rem;margin-top:.4rem;display:flex}.qi-stars-row{gap:.3rem;display:flex}.qi-star{cursor:pointer;color:#ddd;background:0 0;border:none;padding:0;font-size:2rem;line-height:1;transition:color .15s,transform .12s}.qi-star:hover,.qi-star--active{color:#ffd500;filter:drop-shadow(0 2px 4px #ffd50080)}.qi-star:hover{transform:scale(1.15)}.qi-star-label{color:#ff9100;font-family:Quicksand,sans-serif;font-size:.82rem;font-weight:700}.qi-conditional{flex-direction:column;gap:.5rem;margin-top:.4rem;display:flex}.qi-conditional-btn{text-align:start;color:#450a4e;cursor:pointer;background:#fff;border:2px solid #e0c8f0;border-radius:.75rem;width:100%;padding:.65rem 1rem;font-family:Quicksand,sans-serif;font-size:.85rem;font-weight:700;line-height:1.35;transition:all .18s}.qi-conditional-btn:hover{background:#fff0f7;border-color:#ff1f8e}.qi-conditional-btn.active{background:linear-gradient(135deg,#fff0f7,#fff8f0);border-color:#ff1f8e;box-shadow:0 3px 10px #ff1f8e2e}.qi-conditional-btn--focus.active{background:linear-gradient(135deg,#fff8f0,#fffbf0);border-color:#ff9100;box-shadow:0 3px 10px #ff910033}.qi-conditional-arrow{opacity:.6;margin-inline-start:.25rem}.qi-suggestions{flex-direction:column;gap:.4rem;margin-top:.2rem;display:flex}.qi-chips{flex-wrap:wrap;gap:.4rem;display:flex}.qi-chip{color:#666;cursor:pointer;background:#fff;border:1.5px solid #e0c8f0;border-radius:2rem;padding:.3rem .8rem;font-family:Quicksand,sans-serif;font-size:.78rem;font-weight:600;transition:all .15s}.qi-chip:hover{color:#ff9100;background:#fff8f0;border-color:#ff9100}.qi-chip--active{color:#450a4e;background:linear-gradient(135deg,#ffd500,#ff9100);border-color:#0000;box-shadow:0 2px 8px #ff91004d}.qi-chip-other{color:#999;border-style:dashed}.qi-chip-other:hover{color:#450a4e;background:#f8f0ff;border-color:#450a4e}.qi-chip-other.qi-chip--active{color:#fff;background:linear-gradient(135deg,#450a4e,#ff1f8e);border-style:solid;border-color:#0000}.form-section{-webkit-backdrop-filter:blur(12px)saturate(1.4);background:#ffffffd1;border:1.5px solid #dcc3eb80;border-radius:1.75rem;padding:1.75rem 1.5rem;scroll-margin-top:90px;transition:box-shadow .25s;box-shadow:0 4px 28px #450a4e12,inset 0 1px #ffffffe6}.form-section:hover{box-shadow:0 8px 36px #450a4e1c,inset 0 1px #ffffffe6}.section-header{border-bottom:1.5px solid #f0dcffb3;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.section-number{flex-direction:column;flex-shrink:0;align-items:center;gap:.2rem;display:flex}.section-icon{filter:drop-shadow(0 2px 4px #450a4e26);font-size:1.75rem;line-height:1}.section-index{color:var(--pink,#ff1f8e);letter-spacing:.04em;background:#ff1f8e14;border:1px solid #ff1f8e26;border-radius:99px;padding:.1rem .45rem;font-family:Fredoka One,cursive;font-size:.7rem}.section-titles{flex:1;min-width:0}.section-title{color:var(--plum,#450a4e);margin:0 0 .3rem;font-family:Fredoka One,cursive;font-size:1.2rem;line-height:1.2}.section-subtitle{color:#aaa;margin:0;font-family:Quicksand,sans-serif;font-size:.85rem;font-weight:500;line-height:1.4}.questions-grid{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}@media (width<=620px){.questions-grid{grid-template-columns:1fr}.section-title{font-size:1.05rem}}.question-card{background:#fcf9ffe6;border:1.5px solid #e6d2f5b3;border-radius:1.1rem;padding:.95rem;transition:all .22s;position:relative;box-shadow:0 1px 6px #450a4e0a}.question-card:focus-within{border-color:var(--pink,#ff1f8e);background:#fff0f7f2;box-shadow:0 0 0 3px #ff1f8e1a,0 4px 16px #ff1f8e1a}.question-card--filled{background:#f6fff6e6;border-color:#4caf5080}.question-card--wide{grid-column:1/-1}.question-card--error{background:#ffebebe0;border-color:#e539358c;animation:.38s shake}@keyframes shake{0%,to{transform:translate(0)}18%{transform:translate(-6px)}36%{transform:translate(6px)}54%{transform:translate(-4px)}72%{transform:translate(4px)}}.question-required{color:#fff;pointer-events:none;background:#e53935;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-family:Fredoka One,cursive;font-size:.72rem;font-weight:900;display:flex;position:absolute;top:.6rem;right:.7rem}[dir=rtl] .question-required{left:.7rem;right:auto}.question-label{align-items:flex-start;gap:.5rem;margin-bottom:.65rem;display:flex}.question-num{background:linear-gradient(135deg, var(--pink,#ff1f8e), var(--orange,#ff9100));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-family:Fredoka One,cursive;font-size:.72rem;display:flex;box-shadow:0 2px 6px #ff1f8e4d}.question-card--filled .question-num{background:linear-gradient(135deg, var(--green,#4caf50), #2e7d32);box-shadow:0 2px 6px #4caf504d}.question-text{color:var(--plum,#450a4e);font-family:Quicksand,sans-serif;font-size:.87rem;font-weight:700;line-height:1.4}.question-card--filled .question-textarea{border-color:#4caf5066}.question-check{color:var(--green,#4caf50);pointer-events:none;background:#f6fff6cc;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:900;display:flex;position:absolute;top:.6rem;right:.7rem}[dir=rtl] .question-check{left:.7rem;right:auto}.success-screen{background:radial-gradient(at 20% 20%,#450a4e12 0%,#0000 50%),radial-gradient(at 80% 80%,#ff1f8e0f 0%,#0000 50%),linear-gradient(155deg,#f4eeff 0%,#fff9f4 55%,#fff3fa 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.success-card{-webkit-backdrop-filter:blur(20px)saturate(1.4);text-align:center;background:#ffffffeb;border:1.5px solid #dcc3eb73;border-radius:2rem;width:100%;max-width:440px;padding:2.5rem 2rem;animation:.5s cubic-bezier(.34,1.56,.64,1) popIn;box-shadow:0 20px 60px #450a4e24,inset 0 0 0 1px #ffffffb3}@keyframes popIn{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.success-logo{object-fit:cover;border:2px solid #ff1f8e2e;border-radius:20px;width:86px;height:86px;margin:0 auto 1rem;display:block;box-shadow:0 8px 28px #450a4e29,0 2px 8px #450a4e14}.success-badge{margin-bottom:.5rem;font-size:2.4rem;animation:.6s cubic-bezier(.34,1.56,.64,1) .2s both bounceIn}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-title{background:linear-gradient(135deg,#ff1f8e,#ff9100);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-family:Fredoka One,cursive;font-size:2.2rem}.success-message{color:#555;margin-bottom:.6rem;font-family:Quicksand,sans-serif;font-size:.96rem;font-weight:600;line-height:1.65}.success-foot{color:#bbb;margin-bottom:2rem;font-family:Quicksand,sans-serif;font-size:.85rem}.success-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff1f8e,#ff9100);border:none;border-radius:2rem;padding:.85rem 2.5rem;font-family:Fredoka One,cursive;font-size:1.1rem;transition:all .22s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 6px 22px #ff1f8e66}.success-btn:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff26 0%,#0000 60%);position:absolute;inset:0}.success-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 10px 30px #ff1f8e80}.success-btn:active{transform:translateY(0)scale(.97)}.app{background:radial-gradient(at 15% 10%,#450a4e12 0%,#0000 45%),radial-gradient(at 85% 85%,#ff1f8e0f 0%,#0000 45%),radial-gradient(#ff91000a 0%,#0000 60%),linear-gradient(155deg,#f4eeff 0%,#fff9f4 55%,#fff3fa 100%);min-height:100vh}.app-body{max-width:920px;margin:0 auto;padding:0 1.25rem 4rem}.form-main{margin-top:1.5rem}.sections-list{flex-direction:column;gap:1.5rem;animation:.4s cubic-bezier(.22,1,.36,1) stepIn;display:flex}@keyframes stepIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.nav-area{flex-direction:column;align-items:center;gap:1rem;margin-top:2.5rem;display:flex}.nav-error{color:#c62828;text-align:center;background:#ffebebeb;border:1.5px solid #e539354d;border-radius:2rem;padding:.5rem 1.4rem;font-family:Quicksand,sans-serif;font-size:.85rem;font-weight:700;animation:.22s revealIn}.nav-hint{color:#aaa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa6;border:1px solid #dcc3eb80;border-radius:2rem;padding:.45rem 1.2rem;font-family:Quicksand,sans-serif;font-size:.85rem;font-weight:600}.nav-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;display:flex}.prev-btn{color:var(--plum);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1.5px solid #450a4e26;border-radius:2rem;padding:.8rem 1.8rem;font-family:Fredoka One,cursive;font-size:1.05rem;transition:all .22s;box-shadow:0 2px 10px #450a4e14}.prev-btn:hover{border-color:var(--pink);color:var(--pink);transform:translateY(-2px);box-shadow:0 6px 20px #ff1f8e33}.prev-btn:active{transform:translateY(0)scale(.97)}.next-btn{background:linear-gradient(135deg, var(--pink) 0%, var(--orange) 100%);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:2rem;padding:.9rem 2.8rem;font-family:Fredoka One,cursive;font-size:1.2rem;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 8px 28px #ff1f8e6b,0 2px 6px #ff1f8e40}.next-btn:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff26 0%,#0000 60%);position:absolute;inset:0}.next-btn:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 14px 38px #ff1f8e85,0 4px 10px #ff1f8e4d}.next-btn:active{transform:translateY(0)scale(.97)}.submit-btn{background:linear-gradient(135deg, var(--pink) 0%, var(--orange) 100%);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:2rem;padding:1rem 3rem;font-family:Fredoka One,cursive;font-size:1.2rem;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 8px 28px #ff1f8e6b,0 2px 6px #ff1f8e40}.submit-btn:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff26 0%,#0000 60%);position:absolute;inset:0}.submit-btn:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 14px 38px #ff1f8e85}.submit-btn:active{transform:translateY(0)scale(.97)}.app-footer{text-align:center;color:#bbb;justify-content:center;align-items:center;gap:.55rem;margin-top:3rem;font-family:Quicksand,sans-serif;font-size:.8rem;display:flex}.footer-brand{background:linear-gradient(135deg, var(--pink), var(--orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Fredoka One,cursive;font-size:.9rem}.footer-sep{color:#e0d0e8}