@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Crimson+Text:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap";.language-toggle{position:fixed;top:20px;right:20px;z-index:1000;padding:12px 24px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,0,0,.1);border-radius:50px;font-weight:600;font-size:.875rem;color:#1e293b;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;text-transform:capitalize;letter-spacing:.02em}.language-toggle:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #00000026;border-color:#0003}.language-toggle:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}[dir=rtl] .language-toggle{right:auto;left:20px}@media (max-width: 640px){.language-toggle{top:16px;right:16px;padding:10px 20px;font-size:.8rem}[dir=rtl] .language-toggle{right:auto;left:16px}}.home{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:20px}.home-content{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;gap:3rem}.welcome-text{font-size:clamp(2rem,6vw,3.5rem);font-weight:800;color:#fff;text-align:center;letter-spacing:-.02em;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.2);animation:fadeInUp .8s ease-out;margin:0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;padding:0 1rem}.page-card{position:relative;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem 2rem;text-decoration:none;color:#fff;transition:all .3s ease;cursor:pointer;overflow:hidden;animation:fadeInUp .8s ease-out;animation-fill-mode:both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-card:nth-child(1){animation-delay:.1s}.page-card:nth-child(2){animation-delay:.2s}.page-card:nth-child(3){animation-delay:.3s}.page-card:nth-child(4){animation-delay:.4s}.page-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.page-card:hover{transform:translateY(-8px);border-color:var(--card-color);box-shadow:0 20px 40px #0000004d,0 0 0 1px var(--card-color)}.page-card:hover:before{transform:scaleX(1)}.card-emoji{font-size:3.5rem;margin-bottom:1rem;transition:transform .3s ease}.page-card:hover .card-emoji{transform:scale(1.1) rotate(5deg)}.card-title{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:#fff;letter-spacing:-.01em}.card-description{font-size:1rem;line-height:1.6;color:#ffffffb3;margin:0 0 1.5rem}.card-arrow{font-size:1.5rem;color:var(--card-color);opacity:0;transform:translate(-10px);transition:all .3s ease}.page-card:hover .card-arrow{opacity:1;transform:translate(0)}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr;gap:1.5rem}.welcome-text{font-size:2rem}.page-card{padding:2rem 1.5rem}.card-emoji{font-size:3rem}}@media (max-width: 640px){.welcome-text{font-size:1.75rem}.home-content{gap:2rem}}.spend-game{width:100%;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:16px 16px 40px}.header{position:sticky;top:0;background:#282828f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(100,100,100,.2);z-index:10}.title{font-size:1.75rem;font-weight:800;color:#e8e8e8;text-align:center;margin-bottom:16px;letter-spacing:-.02em}.budget{text-align:center}.budget-label{font-size:.875rem;font-weight:500;color:#a0a0a0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.budget-amount{font-size:2.5rem;font-weight:800;color:#c9a961;letter-spacing:-.02em;margin-bottom:4px}.budget-spent{font-size:.875rem;font-weight:500;color:#a0a0a0}.items-container{display:flex;flex-direction:column;gap:12px;max-width:600px;margin:0 auto}.item-card{background:#2a2a2a;border:1px solid rgba(100,100,100,.2);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.item-card:active{transform:scale(.98)}.special-item{background:linear-gradient(135deg,#3a1a1a,#2d1515);border:2px solid #8b2020;box-shadow:0 4px 16px #8b202066;position:relative;overflow:hidden}.special-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,32,32,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.special-item .item-name{color:#ff6b6b;font-weight:700}.special-item .item-cost{color:#f44;font-weight:700;font-size:1rem}.special-item .item-emoji{background:#8b20204d;border-color:#8b202080}.item-emoji{font-size:2.5rem;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#3c3c3c99;border:1px solid rgba(100,100,100,.3);border-radius:12px}.item-info{flex:1;min-width:0}.item-name{font-size:1rem;font-weight:600;color:#e8e8e8;margin-bottom:4px;line-height:1.3}.item-cost{font-size:.875rem;font-weight:600;color:#c9a961;margin:0}.item-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.btn{width:36px;height:36px;border-radius:8px;border:none;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn-plus{background:linear-gradient(135deg,#8b4513,#654321);color:#fff;box-shadow:0 2px 8px #8b451366}.btn-plus:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #8b451380}.btn-plus:active:not(:disabled){transform:scale(.95)}.btn-minus{background:linear-gradient(135deg,#6b3030,#4a2020);color:#fff;box-shadow:0 2px 8px #6b303066}.btn-minus:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #6b303080}.btn-minus:active:not(:disabled){transform:scale(.95)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.item-quantity{font-size:1.125rem;font-weight:700;color:#e8e8e8;min-width:28px;text-align:center}.completion-message{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#8b4513,#654321);color:#fff;padding:16px 24px;border-radius:12px;font-weight:600;font-size:1rem;box-shadow:0 4px 20px #8b451380;animation:slideUp .5s ease-out;max-width:calc(100% - 32px);text-align:center}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.info-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-content{background:#2a2a2a;border:1px solid rgba(100,100,100,.3);border-radius:20px;padding:32px 24px;max-width:600px;width:100%;box-shadow:0 20px 60px #00000080;animation:scaleIn .4s ease-out;display:flex;flex-direction:column;gap:24px}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.overlay-text{display:flex;flex-direction:column;gap:20px}.overlay-paragraph{font-size:1rem;line-height:1.7;color:#d0d0d0;margin:0;text-align:left}.overlay-arabic{font-size:1.05rem;line-height:1.9;text-align:right;direction:rtl;border-top:2px solid rgba(100,100,100,.3);padding-top:20px}.overlay-close-btn{background:linear-gradient(135deg,#8b4513,#654321);color:#fff;border:none;padding:14px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #8b451366;align-self:center;min-width:140px}.overlay-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b451380}.overlay-close-btn:active{transform:translateY(0);box-shadow:0 2px 8px #8b451366}@media (min-width: 640px){.spend-game{padding:24px}.header{padding:24px;margin-bottom:32px}.overlay-content{padding:40px 36px}.overlay-paragraph{font-size:1.0625rem}.overlay-arabic{font-size:1.125rem}.title{font-size:2.25rem;margin-bottom:20px}.budget-amount{font-size:3rem}.items-container{gap:16px}.item-card{padding:20px}.item-emoji{font-size:3rem;width:70px;height:70px}.item-name{font-size:1.125rem}.item-cost{font-size:1rem}.btn{width:40px;height:40px}.item-quantity{font-size:1.25rem;min-width:32px}}@media (min-width: 1024px){.items-container{max-width:800px}}[dir=rtl] .budget-label{letter-spacing:0}[dir=rtl] .item-info,[dir=rtl] .overlay-paragraph{text-align:right}.lessons-page{width:100%;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:40px 20px}.newspaper-container{max-width:800px;margin:0 auto;background:#f5f1e8;border:8px double #8B4513;box-shadow:0 10px 40px #00000080;position:relative}.newspaper-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none}.newspaper-header{text-align:center;padding:30px 20px 20px;border-bottom:4px double #8B4513;position:relative;z-index:1}.masthead{font-family:Amiri,Crimson Text,serif;font-size:2.5rem;font-weight:700;color:#2c1810;margin-bottom:8px;letter-spacing:.02em;text-shadow:2px 2px 0 rgba(139,69,19,.1)}.masthead-english{font-family:Crimson Text,serif;font-size:1.25rem;font-weight:600;color:#5c4033;font-style:italic;margin-bottom:12px}.newspaper-tagline{font-family:Crimson Text,serif;font-size:.875rem;color:#6b4423;font-style:italic;border-top:1px solid #8B4513;border-bottom:1px solid #8B4513;padding:8px 0;margin-top:12px}.newspaper-content{padding:40px 30px;position:relative;z-index:1}.lesson-entry{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid rgba(139,69,19,.3)}.lesson-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.contributor-info{font-family:Crimson Text,serif;font-size:1.125rem;font-weight:600;color:#2c1810}.date-badge{font-family:Crimson Text,serif;font-size:.875rem;color:#6b4423;background:#8b45131a;padding:4px 12px;border-radius:4px;border:1px solid rgba(139,69,19,.2)}.quote-container{position:relative;padding:20px 24px;background:#fff6;border-left:4px solid #8B4513;margin:16px 0}.quote-text{font-family:Crimson Text,serif;font-size:1.125rem;line-height:1.8;color:#2c1810;margin-bottom:16px}.quote-text.arabic{font-family:Amiri,serif;font-size:1.25rem;direction:rtl;text-align:right;border-top:1px solid rgba(139,69,19,.2);padding-top:16px}.contribution-section{margin-top:50px;padding:30px;background:#8b451314;border:2px solid #8B4513;border-radius:8px;text-align:center}.contribution-title{font-family:Crimson Text,serif;font-size:1.5rem;font-weight:700;color:#2c1810;margin-bottom:20px}.contribution-text{font-family:Crimson Text,serif;font-size:1.125rem;line-height:1.8;color:#2c1810;margin-bottom:16px}.contribution-text.arabic{font-family:Amiri,serif;font-size:1.25rem;direction:rtl;text-align:center;border-top:2px solid rgba(139,69,19,.2);padding-top:20px;margin-top:20px}.email-link{color:#8b4513;font-weight:700;text-decoration:none;border-bottom:2px solid #8B4513;transition:all .2s ease}.email-link:hover{color:#654321;border-bottom-color:#654321}.newspaper-footer{text-align:center;padding:20px;border-top:4px double #8B4513;font-family:Crimson Text,serif;font-size:.875rem;color:#6b4423;font-style:italic;position:relative;z-index:1}@media (max-width: 640px){.lessons-page{padding:20px 10px}.newspaper-container{border-width:4px}.masthead{font-size:2rem}.masthead-english{font-size:1.125rem}.newspaper-content{padding:30px 20px}.contribution-section{padding:20px}.quote-text{font-size:1rem}.quote-text.arabic{font-size:1.125rem}.contribution-text{font-size:1rem}.contribution-text.arabic{font-size:1.125rem}}.food-page{min-height:100vh;height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:15px;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.food-container{width:100%;max-width:600px;margin-top:50px;display:flex;flex-direction:column;align-items:center;gap:1rem;flex:1}.food-title{font-size:1.5rem;font-weight:800;color:#fff;text-align:center;margin:0;letter-spacing:-.02em;animation:fadeInUp .6s ease-out}.generate-button{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:50px;padding:.875rem 2rem;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #e74c3c4d;animation:fadeInUp .8s ease-out;animation-delay:.2s;animation-fill-mode:both}.generate-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #e74c3c66}.generate-button:active{transform:translateY(-1px) scale(1.02)}.dish-card{width:100%;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:scaleIn .5s ease-out;transition:opacity .3s ease;max-height:calc(100vh - 200px);display:flex;flex-direction:column}.dish-card.animating{opacity:0;transform:scale(.95)}.dish-image-container{width:100%;height:180px;overflow:hidden;background:#000;flex-shrink:0}.dish-image{width:100%;height:100%;object-fit:cover;display:block}.dish-info{padding:1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0}.dish-emoji{font-size:2rem;margin:0}.dish-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em}.dish-name-secondary{font-size:1.125rem;font-weight:500;color:#fff9;margin:0}.recipe-link{display:inline-block;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;text-decoration:none;padding:.625rem 1.5rem;border-radius:50px;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 5px 15px #3498db4d}.recipe-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3498db66}.placeholder-text{font-size:1rem;color:#fff9;text-align:center;padding:1.5rem;animation:fadeInUp 1s ease-out;animation-delay:.4s;animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (min-width: 768px){.food-page{padding:20px}.food-container{margin-top:80px;gap:2rem}.food-title{font-size:2rem}.dish-card{max-height:none}.dish-image-container{height:350px}.dish-info{padding:2rem;gap:1rem}.dish-emoji{font-size:3rem}.dish-name{font-size:2rem}.dish-name-secondary{font-size:1.5rem}.recipe-link{font-size:1.125rem;padding:.875rem 2rem}.generate-button{font-size:1.5rem;padding:1.25rem 3rem}.placeholder-text{font-size:1.125rem;padding:2rem}}@media (min-width: 1024px){.food-container{max-width:700px}.dish-image-container{height:400px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=rtl] body{font-family:Tajawal,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{width:100%;min-height:100vh}