@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Lora:ital,wght@0,400;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #faf7f2;--bg-card: #ffffff;--bg-dark: #1a1a2e;--accent: #c4873b;--accent-light: #f5e6d0;--accent-dark: #8b5e2a;--teal: #2a7a6e;--teal-light: #e0f2ef;--text: #2c2c2c;--text-light: #6b6b6b;--text-arabic: #1a1a2e;--border: #e8e0d4;--shadow: 0 2px 20px rgba(0,0,0,.06);--shadow-hover: 0 4px 30px rgba(0,0,0,.1);--radius: 12px;--correct: #2a7a4e;--correct-bg: #e8f5ec;--wrong: #b83b3b;--wrong-bg: #fce8e8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lora,Georgia,serif;background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh}.arabic{font-family:Amiri,serif;direction:rtl;font-size:1.3em;color:var(--text-arabic);line-height:2}.transliteration{font-family:JetBrains Mono,monospace;font-size:.85em;color:var(--text-light);font-style:italic}header{background:var(--bg-dark);color:#fff;padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}header:before{content:"اللغة العربية";font-family:Amiri,serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;opacity:.03;white-space:nowrap;pointer-events:none}header h1{font-family:Amiri,serif;font-size:2.8rem;font-weight:700;margin-bottom:.3rem;direction:rtl;color:var(--accent)}header p{font-size:1.1rem;opacity:.8;max-width:500px;margin:.5rem auto 0}nav{background:var(--bg-card);border-bottom:1px solid var(--border);padding:0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000000a}nav ul{display:flex;list-style:none;max-width:900px;margin:0 auto;overflow-x:auto}nav a{display:block;padding:1rem 1.5rem;text-decoration:none;color:var(--text-light);font-size:.95rem;white-space:nowrap;border-bottom:3px solid transparent;transition:all .3s ease}nav a:hover,nav a.active{color:var(--accent);border-bottom-color:var(--accent)}nav a.nav-home{color:var(--accent);font-weight:600;border-bottom-color:transparent;border-right:1px solid var(--border);margin-right:.5rem}main{max-width:860px;margin:0 auto;padding:2rem 1.5rem 4rem}section{margin-bottom:3rem;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}h2{font-size:1.6rem;color:var(--accent-dark);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--accent-light);display:flex;align-items:center;gap:.8rem}h2 .arabic{font-size:1.4em;color:var(--accent-dark)}h3{font-size:1.15rem;color:var(--teal);margin:1.5rem 0 .8rem}p{margin-bottom:1rem}.conj-table-wrapper{overflow-x:auto;margin:1.5rem 0;border-radius:var(--radius);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;background:var(--bg-card);font-size:.95rem}thead{background:var(--bg-dark);color:#fff}thead th{padding:1rem;font-weight:600;text-align:center}thead th.ar{font-family:Amiri,serif;font-size:1.3em;direction:rtl}tbody td{padding:.8rem 1rem;text-align:center;border-bottom:1px solid var(--border);transition:background .2s ease}tbody tr:hover td{background:var(--accent-light)}tbody td.pronoun-fr{font-weight:600;color:var(--text-light);text-align:left;font-size:.9em}tbody td.verb-ar{font-family:Amiri,serif;font-size:1.4em;direction:rtl;color:var(--text-arabic);font-weight:700}tbody td.meaning-col{font-family:Amiri,serif;font-size:1.1em;direction:rtl;color:var(--text-light)}tbody td.example-col{direction:rtl}.arabic-sm{font-family:Amiri,serif;font-size:1.15em;color:var(--text-arabic);direction:rtl}.weather-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.weather-card{text-align:center;padding:1.2rem 1rem;border-radius:var(--radius);box-shadow:var(--shadow);background:var(--bg-card);border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease}.weather-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.weather-icon{font-size:2.2rem;margin-bottom:.4rem}.weather-arabic{font-family:Amiri,serif;font-size:1.5rem;direction:rtl;color:var(--text-arabic);font-weight:700}.weather-label{font-size:.8rem;color:var(--text-light);margin-top:.2rem}.sun-card{border-top:3px solid #ff9800}.rain-card{border-top:3px solid #1976d2}.snow-card{border-top:3px solid #90caf9}.wind-card{border-top:3px solid #78909c}.cloud-card{border-top:3px solid #b0bec5}.storm-card{border-top:3px solid #4a148c}.structure-demo{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.struct-part{font-family:Amiri,serif;font-size:1.6rem;padding:.5rem 1.2rem;border-radius:8px;direction:rtl}.struct-subject{background:var(--teal-light);color:var(--teal)}.struct-adj{background:var(--accent-light);color:var(--accent-dark)}.struct-plus{font-size:1.5rem;color:var(--text-light)}.struct-label{font-size:.75rem;color:var(--text-light);text-align:center;display:block;margin-top:.2rem}.concept-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 2rem;margin:1.5rem 0;box-shadow:var(--shadow);position:relative}.concept-box.highlight{border-left:4px solid var(--accent)}.concept-box.teal{border-left:4px solid var(--teal)}.concept-box h4{font-size:1rem;color:var(--accent-dark);margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.05em}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0}.comparison-col{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--border);text-align:center}.comparison-col h4{font-family:Amiri,serif;font-size:1.8rem;margin-bottom:.5rem;direction:rtl}.comparison-col.past{border-top:4px solid var(--teal)}.comparison-col.present{border-top:4px solid var(--accent)}.comparison-col .label{font-size:.85rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.8rem}.comparison-col .example{font-family:Amiri,serif;font-size:1.2rem;direction:rtl;margin:.5rem 0}.comparison-col .meaning{font-size:.9rem;color:var(--text-light);font-style:italic}.vocab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:.5rem}.vocab-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem;background:var(--teal-light);border-radius:8px}.concept-box.highlight .vocab-item{background:var(--accent-light)}.vocab-item .arabic{font-size:1.2em}.vocab-fr{font-size:.85rem;color:var(--text-light)}.sentence-examples{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.sentence-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.2rem 1.5rem;display:flex;flex-direction:column;gap:.3rem;transition:transform .2s ease}.sentence-card:hover{transform:translate(4px)}.sentence-card .ar-line{font-family:Amiri,serif;font-size:1.5rem;direction:rtl;text-align:right;color:var(--text-arabic)}.sentence-card .fr-line{color:var(--text-light);font-size:.9rem;font-style:italic}.sentence-card .note{font-size:.8rem;color:var(--accent-dark);background:var(--accent-light);display:inline-block;padding:.2rem .6rem;border-radius:4px;margin-top:.3rem;width:fit-content}.mnemonic-cards{display:flex;flex-direction:column;gap:1.2rem;margin:1.5rem 0}.mnemonic-card{display:flex;gap:1.5rem;align-items:flex-start;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:transform .2s ease}.mnemonic-card:hover{transform:translate(4px)}.mnemonic-word{min-width:120px;text-align:center;flex-shrink:0}.mnemonic-word .arabic{display:block;font-size:1.5em;font-weight:700}.mnemonic-word .translit{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-light);font-style:italic}.mnemonic-title{font-weight:600;color:var(--accent-dark);margin-bottom:.3rem;font-size:1.05rem}.mnemonic-text{color:var(--text);font-size:.95rem;line-height:1.6}.summary-mnemo{display:flex;flex-direction:column;gap:.6rem}.summary-row{display:flex;align-items:center;gap:.8rem;padding:.4rem 0}.summary-row .arabic{font-size:1.2em;min-width:80px;text-align:center}.arrow-right{color:var(--accent);font-weight:700}.quiz-area{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin:1.5rem 0;box-shadow:var(--shadow)}.quiz-prompt{text-align:center;margin-bottom:1.5rem}.quiz-prompt .context{font-size:.95rem;color:var(--text-light);margin-bottom:.5rem}.quiz-prompt .question-verb{font-family:Amiri,serif;font-size:2.2rem;color:var(--text-arabic);direction:rtl}.quiz-prompt .question-info{font-size:1rem;color:var(--accent-dark);margin-top:.5rem;font-weight:600}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem}.quiz-option{padding:1rem;background:var(--bg);border:2px solid var(--border);border-radius:10px;cursor:pointer;text-align:center;transition:all .2s ease;font-family:Amiri,serif;font-size:1.4rem;direction:rtl}.quiz-option:hover:not(.disabled){border-color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.quiz-option.correct{border-color:var(--correct);background:var(--correct);color:#fff}.quiz-option.wrong{border-color:var(--wrong);background:var(--wrong);color:#fff}.quiz-option.disabled{cursor:default;opacity:.7}.quiz-option.fr-option{font-family:Lora,Georgia,serif;font-size:1rem;direction:ltr}.quiz-feedback{text-align:center;padding:1rem;border-radius:8px;margin-top:1rem;display:none;font-size:.95rem}.quiz-feedback.show{display:block}.quiz-feedback.correct{background:var(--correct-bg);color:var(--correct)}.quiz-feedback.wrong{background:var(--wrong-bg);color:var(--wrong)}.quiz-controls{text-align:center;margin-top:1.2rem}.btn{padding:.7rem 2rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-family:Lora,serif;font-size:1rem;cursor:pointer;transition:all .2s ease}.btn:hover{background:var(--accent-dark);transform:translateY(-1px)}.score-display{text-align:center;font-size:.95rem;color:var(--text-light);margin-bottom:1rem}.score-display strong{color:var(--teal);font-size:1.1em}.score-separator{margin:0 .8rem;color:var(--border)}footer{text-align:center;padding:2rem;color:var(--text-light);font-size:.85rem;border-top:1px solid var(--border)}@media(max-width:600px){header h1{font-size:2rem}.weather-cards{grid-template-columns:repeat(2,1fr)}.comparison,.quiz-options{grid-template-columns:1fr}.vocab-grid{grid-template-columns:repeat(2,1fr)}nav a{padding:.8rem 1rem;font-size:.85rem}main{padding:1.5rem 1rem 3rem}.mnemonic-card{flex-direction:column;gap:.8rem}.mnemonic-word{min-width:auto}.structure-demo{flex-direction:column}}