@tailwind base;@tailwind components;@tailwind utilities;@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--gradient-blue-start:#3b82f6;--gradient-blue-mid:#6366f1;--gradient-purple-end:#8b5cf6;--color-black:#000;--color-white:#fff;--color-text-primary:#111827;--color-text-secondary:#6b7280;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,SF Compact Display,SF Compact Text,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#111827;font-weight:400;letter-spacing:-.011em;font-variant-numeric:normal;font-feature-settings:"tnum",normal}body,html{background:linear-gradient(135deg,#f0f9ff,#fff 25%,#faf5ff 50%,#fff 75%,#f0f9ff)!important;background-attachment:fixed!important}body{min-height:100vh}[dir=rtl] *,[dir=rtl] body{font-family:Noto Sans Arabic,-apple-system,BlinkMacSystemFont,SF Arabic,Helvetica Neue,sans-serif;font-weight:400;letter-spacing:0;font-variant-numeric:normal;font-feature-settings:"tnum",normal}*{font-variant-numeric:normal!important;font-feature-settings:"tnum",normal!important}h1,h2,h3,h4,h5,h6{font-weight:inherit;line-height:inherit;margin:0}h1,h2,h3{font-size:inherit}p{line-height:inherit;margin:0;color:inherit}a{pointer-events:auto!important}a,a:active,a:focus,a:hover{border:none!important;outline:none!important}a,a:active,a:focus,a:hover,a:visited{text-decoration:none!important}button{pointer-events:auto!important;cursor:pointer!important}button:disabled{pointer-events:none!important;cursor:not-allowed!important}.quiz-card{background:linear-gradient(135deg,#fff,#f8fafc)!important;border-radius:24px!important;padding:36px 32px!important;border:1px solid rgba(226,232,240,.8)!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.08),0 2px 4px -1px rgba(0,0,0,.04),inset 0 0 0 1px hsla(0,0%,100%,.5)!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important}.quiz-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:3px!important;background:linear-gradient(90deg,#3b82f6,#6366f1 50%,#8b5cf6)!important;opacity:0!important;transition:opacity .4s ease!important}.quiz-card:hover{box-shadow:0 20px 25px -5px rgba(59,130,246,.15),0 10px 10px -5px rgba(59,130,246,.1),inset 0 0 0 1px rgba(59,130,246,.2)!important;border-color:rgba(99,102,241,.4)!important;transform:translateY(-4px) scale(1.01)!important}.quiz-card:hover:before{opacity:1!important}.quiz-nav{background:hsla(0,0%,100%,.85)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border-bottom:1px solid rgba(226,232,240,.6)!important;box-shadow:0 1px 3px 0 rgba(0,0,0,.05),0 1px 2px 0 rgba(0,0,0,.03)!important}.quiz-cta-section{background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(99,102,241,.08) 50%,rgba(139,92,246,.08))!important;border-radius:24px!important;padding:48px 40px!important;box-shadow:0 20px 25px -5px rgba(59,130,246,.12),0 10px 10px -5px rgba(59,130,246,.08),inset 0 1px 0 hsla(0,0%,100%,.8)!important;border:1px solid rgba(99,102,241,.2)!important;position:relative!important;overflow:hidden!important}.quiz-faq-card{background:linear-gradient(135deg,#fff,#f8fafc)!important;border-radius:16px!important;padding:24px 28px!important;border:1px solid rgba(226,232,240,.8)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.06),0 1px 2px -1px rgba(0,0,0,.03)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.quiz-faq-card:hover{border-color:rgba(99,102,241,.3)!important;box-shadow:0 8px 12px -2px rgba(59,130,246,.1),0 4px 6px -1px rgba(59,130,246,.08)!important;transform:translateY(-2px)!important;background:linear-gradient(135deg,#fff,#f0f9ff)!important}.quiz-button{background:linear-gradient(135deg,#3b82f6,#6366f1 50%,#8b5cf6)!important;color:#fff!important;border-radius:14px!important;padding:16px 32px!important;font-weight:600!important;font-size:16px!important;box-shadow:0 10px 15px -3px rgba(59,130,246,.3),0 4px 6px -2px rgba(59,130,246,.2),inset 0 1px 0 hsla(0,0%,100%,.2)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important}.quiz-button:hover{background:linear-gradient(135deg,#2563eb,#4f46e5 50%,#7c3aed)!important;box-shadow:0 20px 25px -5px rgba(59,130,246,.4),0 10px 10px -5px rgba(59,130,246,.3),inset 0 1px 0 hsla(0,0%,100%,.3)!important;transform:translateY(-3px) scale(1.02)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0}.fade-in-up-delay-1{animation:fadeInUp .8s ease-out .1s forwards;opacity:0}.fade-in-up-delay-2{animation:fadeInUp .8s ease-out .2s forwards;opacity:0}.fade-in-up-delay-3{animation:fadeInUp .8s ease-out .3s forwards;opacity:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}@media (max-width:768px){body,html{font-size:14px}.quiz-card{padding:24px 20px!important}}