@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-main: #F8FAF9;--bg-gradient: none;--surface: #FFFFFF;--surface-solid: #FFFFFF;--primary: #0E7C66;--primary-light: #12A588;--primary-gradient: linear-gradient(135deg, #0E7C66 0%, #064E3B 100%);--accent: #C9A227;--accent-gradient: linear-gradient(135deg, #E2B938 0%, #C9A227 100%);--text-primary: #1C2B29;--text-secondary: #5D726D;--border-color: rgba(14, 124, 102, .1);--shadow-sm: 0 4px 12px rgba(14, 124, 102, .05);--shadow-md: 0 8px 24px rgba(14, 124, 102, .08);--shadow-lg: 0 16px 40px rgba(14, 124, 102, .12);--font-arabic: "Amiri", serif;--font-ui: "Inter", sans-serif;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px;--radius-full: 999px;--transition: all .3s cubic-bezier(.25, .8, .25, 1)}[data-theme=dark]{--bg-main: #0B1210;--bg-gradient: none;--surface: #131E1B;--surface-solid: #131E1B;--primary: #12A588;--primary-light: #4DD4B9;--primary-gradient: linear-gradient(135deg, #0E7C66 0%, #12A588 100%);--accent: #E2B938;--accent-gradient: linear-gradient(135deg, #FCE38A 0%, #E2B938 100%);--text-primary: #E8F0EE;--text-secondary: #8DA8A2;--border-color: rgba(18, 165, 136, .2);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-ui);background-color:#e2e8f0;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color .4s ease,color .4s ease;display:flex;justify-content:center}[data-theme=dark] body{background-color:#020617}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M20 0L40 20L20 40L0 20Z" fill="none" stroke="currentColor" stroke-width="0.5" opacity="0.03"/></svg>');pointer-events:none;z-index:-1}[data-theme=dark] body:before{opacity:.15}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em}a{text-decoration:none;color:inherit}button{border:none;background:none;font-family:inherit;cursor:pointer;outline:none}.arabic-text{font-family:var(--font-arabic);font-size:2.2rem;line-height:2;text-align:center;color:var(--text-primary);direction:rtl;text-shadow:0 2px 10px rgba(0,0,0,.02)}[data-theme=dark] .arabic-text{text-shadow:0 2px 20px rgba(59,130,246,.15)}#root{width:100%;display:flex;justify-content:center}.app-container{width:100%;max-width:480px;margin:0 auto;min-height:100vh;position:relative;background-color:var(--bg-main);background-image:var(--bg-gradient);background-attachment:fixed;box-shadow:0 0 60px #00000026;overflow-x:hidden}@media(min-width:481px){.app-container{border-left:2px solid var(--border-color);border-right:2px solid var(--border-color);box-shadow:0 0 0 20px #fff6,0 0 60px #00000040}}[data-theme=dark] .app-container{box-shadow:0 0 0 20px #00000080,0 0 60px #000c}.content-area{padding:1.5rem 1.5rem 7rem;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--surface);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:var(--transition)}.card-solid{background:var(--surface-solid)}.card:active{transform:scale(.98)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;border-radius:var(--radius-full);font-weight:600;font-size:1rem;transition:var(--transition);gap:.75rem}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 8px 20px #1e3a8a40;border:none}[data-theme=dark] .btn-primary{box-shadow:0 8px 20px #3b82f640;color:#020617}.btn-primary:active{transform:translateY(2px);box-shadow:0 4px 10px #1e3a8a33}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.search-container{position:relative;margin-bottom:2rem}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--surface);font-size:.95rem;color:var(--text-primary);font-family:inherit;transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0e7c661a}[data-theme=dark] .search-input:focus{box-shadow:0 0 0 4px #12a58826}.search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;position:sticky;top:0;z-index:50;background:var(--bg-main);transition:var(--transition)}[data-theme=dark] .app-header{background:var(--bg-main)}.app-header.scrolled{box-shadow:var(--shadow-sm)}.logo{font-size:1.25rem;font-weight:800;color:var(--primary);letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--surface-solid);display:flex;justify-content:space-evenly;padding:.75rem .5rem 1.5rem;box-shadow:0 -4px 20px #0000000d;z-index:100;border-top:1px solid var(--border-color)}.nav-item{display:flex;flex-direction:column;align-items:center;color:var(--text-secondary);font-size:.65rem;font-weight:600;padding:.5rem 1rem;transition:var(--transition);position:relative;gap:.25rem}.nav-item span{opacity:1;height:auto;transition:var(--transition)}.nav-item.active{color:var(--primary)}[data-theme=dark] .nav-item.active{color:var(--primary-light)}.section-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.situations-scroll{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1.5rem;scrollbar-width:none;margin:0 -1.5rem;padding-left:1.5rem;padding-right:1.5rem}.situations-scroll::-webkit-scrollbar{display:none}.situation-card{min-width:120px;background:var(--surface);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;flex-shrink:0;box-shadow:var(--shadow-sm);text-align:center;transition:var(--transition);position:relative;overflow:hidden}.situation-card:before{content:"";position:absolute;inset:0;background:var(--primary-gradient);opacity:0;transition:var(--transition);z-index:0}.situation-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent}.situation-card:hover:before{opacity:1}.situation-card span{position:relative;z-index:1;font-weight:600;transition:var(--transition)}.situation-card:hover span{color:#fff}[data-theme=dark] .situation-card:hover span{color:#020617}.hero-banner{background-color:var(--primary);border-radius:var(--radius-md);padding:2rem 1.5rem;color:#fff;margin-bottom:2rem;box-shadow:var(--shadow-md)}.hero-title{font-size:1.75rem;margin-bottom:.5rem;color:#fff;line-height:1.2;font-weight:700}.feeling-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.feeling-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem}.feeling-icon-box{width:56px;height:56px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--primary);transition:var(--transition)}.feeling-btn:hover .feeling-icon-box{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--primary)}.feeling-btn span{font-size:.8rem;color:var(--text-secondary);font-weight:500}