@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-color:#ff8c00;--primary-light:#ffa333;--primary-dark:#e67e00;--secondary-color:#4fc3f7;--accent-color:#8bc34a;--background-light:#fff9f0;--text-color:#333;--text-light:#666;--white:#fff}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Tajawal,sans-serif;background-color:var(--background-light);color:var(--text-color)}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--primary-dark)}.btn-primary{background-color:var(--primary-color);color:var(--white);padding:.75rem 1.5rem;border-radius:2rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1)}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 8px rgba(0,0,0,.15)}.btn-secondary{background-color:var(--secondary-color);color:var(--white);padding:.75rem 1.5rem;border-radius:2rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1)}.btn-secondary:hover{background-color:#29b6f6;transform:translateY(-2px);box-shadow:0 6px 8px rgba(0,0,0,.15)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:4rem 0}.card{background-color:var(--white);border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.1)}.bubble{border-radius:50%}.bubble,.cloud{position:relative;background-color:var(--white);box-shadow:0 4px 8px rgba(0,0,0,.1)}.cloud{border-radius:2rem;padding:1.5rem}.cloud:before{width:1.5rem;height:1.5rem;bottom:-.5rem;left:1.5rem}.cloud:after,.cloud:before{content:"";position:absolute;background-color:var(--white);border-radius:50%}.cloud:after{width:1rem;height:1rem;bottom:-.75rem;left:.75rem}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float{animation:float 4s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.bounce{animation:bounce 2s ease infinite}@media (max-width:768px){.section{padding:2rem 0}h1{font-size:2rem}h2{font-size:1.5rem}}