@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap";:root{--bg-color:#fdf2f8;--panel-bg:#fff;--panel-border:#fbcfe8;--text-primary:#4c1d95;--text-secondary:#64748b;--accent-color:#ec4899;--accent-hover:#db2777;--gradient-1:linear-gradient(135deg, #f472b6 0%, #fb7185 100%);--success:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#f472b626 0%,#0000 50%),radial-gradient(circle at 85% 30%,#fb718526 0%,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:Quicksand,sans-serif;display:flex}.app-container{background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:32px;width:100%;max-width:800px;padding:3rem;animation:.6s ease-out fadeUp;box-shadow:0 20px 40px -10px #ec489926}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}header{text-align:center;margin-bottom:3rem}header h1{color:var(--accent-color);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}header p{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.toggle-container{background:#fce7f3;border-radius:20px;margin-bottom:2rem;padding:.5rem;display:flex}.toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.toggle-btn.active{background:var(--panel-bg);color:var(--accent-color);box-shadow:0 4px 10px #ec48991a}.input-group{margin-bottom:2rem;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.input-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600;display:block}input,select{width:100%;color:var(--text-primary);background:#fff;border:2px solid #fbcfe8;border-radius:16px;outline:none;padding:1rem;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:500;transition:all .3s;box-shadow:inset 0 2px 4px #00000005}input:focus,select:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px #ec489926}.submit-btn{background:var(--gradient-1);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1.2rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 20px #f472b666}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #f472b680}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-container{border-top:2px dashed #fbcfe8;margin-top:3rem;padding-top:2rem;animation:.5s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stage-badge{color:var(--accent-color);background:#fdf2f8;border:2px solid #fbcfe8;border-radius:20px;margin-bottom:1.5rem;padding:.5rem 1.2rem;font-size:1rem;font-weight:700;display:inline-block}.section-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.4rem;font-weight:700;display:flex}.products-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.product-card{background:#fff;border:2px solid #fbcfe8;border-radius:20px;padding:1.5rem;transition:transform .3s,border-color .3s;box-shadow:0 4px 6px #ec48990d}.product-card:hover{border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 10px 20px #ec48991a}.product-card h3{color:var(--accent-hover);margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.product-card p{color:var(--text-secondary);font-size:1rem;font-weight:500;line-height:1.6}.tips-list{margin-bottom:2rem;list-style:none}.tips-list li{color:var(--text-primary);background:#fdf2f8;border:2px solid #fbcfe8;border-radius:16px;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1.2rem;font-weight:500;line-height:1.5;display:flex}.tips-list li svg{color:var(--accent-color);flex-shrink:0;margin-top:.1rem}.arabic-section{color:var(--text-primary);background:#fdf2f8;border:2px solid #fbcfe8;border-radius:20px;padding:1.5rem;font-size:1.1rem;font-weight:500;line-height:1.8}.error-message{color:#ef4444;text-align:center;background:#fef2f2;border:2px solid #fecaca;border-radius:16px;margin-top:1rem;padding:1rem;font-weight:600}@media (width<=600px){.app-container{border-radius:24px;padding:2rem}header h1{font-size:2rem}}