@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&family=Fredoka:wght@500;600;700&family=Nunito:wght@400;600;700;800&family=Baloo+Bhaijaan+2:wght@500;700;800&display=swap";:root{--brood-blue:#0869ab;--deep-blue:#05548c;--splash:#1e7bc0;--electric-cyan:#00e0fe;--frost:#92f6ff;--deep-teal:#268897;--sun-gold:#ffa32c;--blaze:#ff6132;--coral:#ff3e47;--volt:#fff200;--ink:#0e1116;--white:#fff;--g-heat:linear-gradient(96deg, #ffa32c, #ff6132, #ff3e47);--g-glacier:radial-gradient(120% 100% at 50% 32%, #1e7bc0, #0869ab 52%, #05548c);--g-frost:linear-gradient(180deg, #d6fcff, #92f6ff);--radius:22px;--pill:999px;--shadow:0 18px 50px -18px #042848a6;--font-display:"Fredoka", "Poppins", sans-serif;--font-heading:"Poppins", sans-serif;--font-body:"Nunito", sans-serif;--font-arabic:"Baloo Bhaijaan 2", "Nunito", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--g-glacier);min-height:100vh;color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-attachment:fixed;overflow-x:hidden}html[lang=ar] body,html[lang=ar]{font-family:var(--font-arabic)}h1,h2,h3{font-family:var(--font-heading);margin:0;font-weight:800}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:var(--font-arabic)}p{margin:0}button{font-family:inherit}:focus-visible{outline:3px solid var(--electric-cyan);outline-offset:2px;border-radius:6px}::selection{background:var(--electric-cyan);color:var(--ink)}.app-bg{justify-content:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.watermark{pointer-events:none;z-index:0;flex-direction:column;justify-content:center;align-items:center;gap:.4em;display:flex;position:fixed;inset:0;overflow:hidden}.watermark span{font-family:var(--font-display);color:#ffffff0b;white-space:nowrap;letter-spacing:.02em;font-size:clamp(48px,18vw,170px);font-weight:700}.ice-cube{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;z-index:0;background:linear-gradient(135deg,#92f6ff47,#00e0fe14);border:1px solid #ffffff2e;border-radius:28%;animation:14s ease-in-out infinite drift;position:fixed}.ice-cube--1{width:70px;height:70px;animation-duration:16s;top:8%;left:6%}.ice-cube--2{width:46px;height:46px;animation-duration:12s;animation-delay:-3s;top:68%;left:82%}.ice-cube--3{width:34px;height:34px;animation-duration:10s;animation-delay:-6s;top:22%;left:86%}.ice-cube--4{width:54px;height:54px;animation-duration:18s;animation-delay:-8s;top:80%;left:12%}@keyframes drift{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(10px,-18px)rotate(8deg)}}@media (prefers-reduced-motion:reduce){.ice-cube{animation:none}}.app-shell{z-index:1;flex-direction:column;width:100%;max-width:560px;min-height:100vh;padding:20px 16px 48px;display:flex;position:relative}.site-header{justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 20px;display:flex}.brood-logo{width:auto;height:44px;display:block}.lang-toggle{color:var(--white);border-radius:var(--pill);cursor:pointer;background:#ffffff1a;border:1.5px solid #ffffff40;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,transform .1s;display:flex}.lang-toggle:hover{border-color:var(--electric-cyan)}.lang-toggle:active{transform:scale(.97)}.hero-block{text-align:center;padding:8px 4px 24px}.hero-eyebrow{font-family:var(--font-heading);letter-spacing:.3em;text-transform:uppercase;color:var(--sun-gold);margin-bottom:10px;font-size:12px;font-weight:700;display:inline-block}html[dir=rtl] .hero-eyebrow{letter-spacing:.06em}.hero-logo{filter:drop-shadow(0 12px 30px #0428488c);width:auto;height:clamp(64px,18vw,108px);margin:0 auto 10px;display:block}.hero-subtitle{color:#ffffffd9;max-width:42ch;margin:0 auto;font-size:15px;line-height:1.6}.heat-text{background:var(--g-heat);color:#0000;filter:drop-shadow(0 0 22px #ff613273);-webkit-background-clip:text;background-clip:text}.progress-block{padding:4px 4px 22px}.progress-meta{letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.progress-track{border-radius:var(--pill);background:#ffffff24;height:10px;overflow:hidden}.progress-fill{border-radius:var(--pill);background:var(--g-heat);height:100%;transition:width .35s}.progress-dots{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.progress-dot{background:#ffffff40;border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.progress-dot.is-done{background:var(--electric-cyan)}.progress-dot.is-current{background:var(--white);transform:scale(1.3)}.step-card{-webkit-backdrop-filter:blur(22px);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffff17;border:1px solid #ffffff2e;flex-direction:column;flex:1;padding:26px 20px;display:flex}.section-heading{align-items:center;gap:12px;margin-bottom:22px;display:flex}.section-icon{font-size:30px;line-height:1}.section-title{font-size:clamp(19px,5vw,24px);line-height:1.25}.question{margin-bottom:26px}.question:last-child{margin-bottom:0}.question-label{font-family:var(--font-heading);color:var(--white);margin-bottom:12px;font-size:15.5px;font-weight:700;line-height:1.45;display:block}.required-mark{color:var(--coral);margin-inline-start:4px;font-weight:800}.has-error{border-color:var(--coral)!important;background:#ff3e471a!important}.pill-row.has-error,.chip-row.has-error,.star-row.has-error,.checkbox-list.has-error,.platform-list.has-error{border:1.5px solid var(--coral);background:#ff3e4714;border-radius:16px;padding:10px}.field-error-text{color:var(--coral);margin:6px 0 0;font-size:12.5px;font-weight:700;line-height:1.4}.nav-blocked-message{color:var(--white);text-align:center;background:#ff3e471f;border:1px solid #ff3e4759;border-radius:12px;margin:14px 0 0;padding:10px 14px;font-size:13px;font-weight:700}.multi-text-list{flex-direction:column;gap:14px;display:flex}.multi-text-item{flex-direction:column;gap:6px;display:flex}.multi-text-item-label{letter-spacing:.04em;text-transform:uppercase;color:#ffffffb3;font-size:12.5px;font-weight:700}.conditional-fields-group{flex-direction:column;gap:14px;display:flex}.field-textarea,.field-text{resize:vertical;width:100%;min-height:92px;color:var(--white);font-family:var(--font-body);background:#ffffff14;border:1.5px solid #ffffff40;border-radius:16px;padding:13px 15px;font-size:15px;font-weight:600;line-height:1.5;transition:border-color .15s,background .15s}.field-text{min-height:unset}.question-note{color:#ffffffd1;background:#fff20014;border:1px solid #fff2004d;border-radius:12px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;font-size:12.5px;line-height:1.5;display:flex}.question-note:before{content:"💡";flex:none;font-size:13px;line-height:1.5}.field-textarea::placeholder,.field-text::placeholder{color:#ffffff73;font-weight:500}.field-textarea:focus,.field-text:focus{border-color:var(--electric-cyan);background:#ffffff1f}.pill-row{flex-wrap:wrap;gap:10px;display:flex}.pill-btn{appearance:none;color:var(--white);border-radius:var(--pill);font-size:14px;font-weight:700;font-family:var(--font-body);cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff47;padding:10px 18px;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s}.pill-btn:hover{border-color:var(--electric-cyan)}.pill-btn:active{transform:scale(.97)}.pill-btn.is-selected{background:var(--electric-cyan);border-color:var(--electric-cyan);color:var(--ink);box-shadow:0 0 0 4px #00e0fe38}.chip-row{flex-wrap:wrap;gap:10px;display:flex}.chip-btn{appearance:none;color:var(--white);border-radius:var(--pill);font-size:13.5px;font-weight:700;font-family:var(--font-body);cursor:pointer;background:#ffffff12;border:1.5px dashed #ffffff4d;padding:9px 16px;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s}.chip-btn:hover{border-color:var(--electric-cyan)}.chip-btn:active{transform:scale(.97)}.chip-btn.is-selected{background:var(--electric-cyan);border-color:var(--electric-cyan);color:var(--ink);border-style:solid;box-shadow:0 0 0 4px #00e0fe38}.chip-btn.is-other{border-style:solid}.star-row{gap:6px;display:flex}.star-btn{appearance:none;cursor:pointer;color:#ffffff47;background:0 0;border:none;padding:4px;font-size:32px;line-height:1;transition:color .15s,transform .1s}.star-btn:hover{transform:scale(1.08)}.star-btn.is-filled{color:var(--sun-gold);filter:drop-shadow(0 0 10px #ffa32c8c)}.checkbox-list{flex-direction:column;gap:10px;display:flex}.checkbox-item{cursor:pointer;background:#ffffff0f;border:1.5px solid #ffffff29;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.checkbox-item:hover{border-color:#00e0fe80}.checkbox-item.is-checked{border-color:var(--electric-cyan);background:#00e0fe1a}.checkbox-box{border:2px solid #ffffff73;border-radius:7px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;transition:border-color .15s,background .15s;display:flex}.checkbox-item.is-checked .checkbox-box{border-color:var(--electric-cyan);background:var(--electric-cyan);color:var(--ink)}.checkbox-item input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.checkbox-text{font-size:14.5px;font-weight:600}.conditional-field{margin-top:12px;animation:.2s reveal}@keyframes reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.platform-list{flex-direction:column;gap:12px;display:flex}.platform-item{background:#ffffff0f;border:1.5px solid #ffffff29;border-radius:16px;padding:14px 16px;transition:border-color .15s}.platform-item.is-active{border-color:var(--electric-cyan)}.platform-toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.platform-name{font-size:15px;font-weight:700}.switch{appearance:none;border-radius:var(--pill);cursor:pointer;background:#ffffff38;border:none;flex:none;width:46px;height:27px;transition:background .2s;position:relative}.switch:after{content:"";background:var(--white);border-radius:50%;width:21px;height:21px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch.is-on{background:var(--electric-cyan)}.switch.is-on:after{transform:translate(19px)}html[dir=rtl] .switch.is-on:after{transform:translate(-19px)}.platform-username{margin-top:12px}.nav-row{justify-content:space-between;gap:12px;margin-top:30px;display:flex}.btn{appearance:none;border-radius:var(--pill);font-size:14.5px;font-weight:800;font-family:var(--font-heading);cursor:pointer;border:none;padding:14px 26px;transition:transform .1s,box-shadow .15s,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-heat{background:var(--g-heat);color:var(--white);box-shadow:0 12px 28px -10px #ff613299}.btn-frost{background:var(--g-frost);color:var(--deep-blue)}.btn-ghost{color:var(--white);background:#ffffff14;border:1.5px solid #ffffff47}.review-section{background:#ffffff0f;border:1px solid #ffffff24;border-radius:18px;margin-bottom:16px;padding:16px}.review-section-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.review-section-title{align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.review-edit-btn{appearance:none;color:var(--white);border-radius:var(--pill);cursor:pointer;background:#ffffff1a;border:1.5px solid #ffffff40;padding:6px 14px;font-size:12px;font-weight:700}.review-edit-btn:hover{border-color:var(--electric-cyan)}.review-q{margin-bottom:12px}.review-q:last-child{margin-bottom:0}.review-q-label{color:#ffffffa6;margin-bottom:3px;font-size:12.5px;font-weight:700;line-height:1.4}.review-q-answer{color:var(--white);word-break:break-word;font-size:14.5px;font-weight:700;line-height:1.4}.review-q-answer.is-empty{color:#fff6;font-style:italic;font-weight:600}.result-screen{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:30px 6px;display:flex}.result-emoji{font-size:56px}.result-title{font-size:26px}.result-body{color:#ffffffd9;max-width:40ch;font-size:15px;line-height:1.6}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex}.footer-note{text-align:center;color:#ffffff80;min-height:16px;margin-top:18px;font-size:11.5px}@media (width>=640px){.step-card{padding:34px 32px}}
