@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;900&family=Amiri:wght@400;700&display=swap");:root{--primary:#0A4A6B;--primary-light:#1A6B8F;--secondary:#E8B862;--accent:#D4A574;--danger:#C44536;--danger-light:#E65548;--success:#2D8659;--warning:#E59B3D;--dark:#1A2332;--light:#F8F9FA;--bg-gradient:linear-gradient(135deg,#0A4A6B,#1A6B8F);--danger-gradient:linear-gradient(135deg,#C44536,#E65548)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tajawal,-apple-system,sans-serif;line-height:1.8;color:var(--dark);background:var(--light);overflow-x:hidden;direction:rtl}.hero{background:var(--bg-gradient);color:white;padding:5rem 2rem 4rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="rgba(255,255,255,0.05)" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,138.7C960,139,1056,117,1152,101.3C1248,85,1344,75,1392,69.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;background-size:cover;z-index:0}.hero-content{position:relative;z-index:1;max-width:900px;margin:0 auto;padding-top:2rem}.logo{font-family:Amiri,serif;font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 4px 8px rgba(0,0,0,.3);letter-spacing:2px}.tagline{font-size:1.4rem;font-weight:300;opacity:.95;margin-bottom:3rem}.btn-logout{position:absolute;top:1.5rem;left:1.5rem;background:rgba(255,255,255,.15);color:white;border:2px solid white;padding:.6rem 1.2rem;border-radius:12px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s;z-index:50}.btn-logout:hover{background:white;color:var(--primary)}.cta-card{background:white;border-radius:24px;padding:3rem;margin:-3rem auto 4rem;max-width:550px;position:relative;z-index:10;box-shadow:0 25px 80px rgba(0,0,0,.2);border:1px solid rgba(10,74,107,.1)}#recaptcha-container{margin-top:1rem}.cta-title{color:var(--primary);font-size:1.8rem;font-weight:700;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.input-group{margin-bottom:1.5rem}.input-label{display:block;font-weight:600;margin-bottom:.75rem;color:var(--dark);font-size:1rem}.input-field{width:100%;padding:1.2rem;border:2px solid #e5e7eb;border-radius:16px;font-size:1.1rem;font-family:Tajawal,sans-serif;transition:all .3s;background:#FAFBFC}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(10,74,107,.1);background:white}.btn-primary{width:100%;padding:1.2rem 2rem;background:var(--bg-gradient);color:white;border:none;border-radius:16px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px rgba(10,74,107,.3)}.btn-primary:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px rgba(10,74,107,.4)}.btn-primary:active:not(:disabled){transform:translateY(-1px)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.process-steps{background:white;border-radius:20px;padding:2.5rem;margin:4rem 0;box-shadow:0 8px 30px rgba(0,0,0,.1)}.process-title{text-align:center;font-size:1.8rem;font-weight:700;color:var(--primary);margin-bottom:2rem}.step{display:flex;align-items:start;gap:1.5rem;padding:1.5rem;margin-bottom:1rem;border-radius:16px;transition:all .3s}.step:hover{background:#F8FAFC;transform:translateX(5px)}.step-number{background:var(--bg-gradient);color:white;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;flex-shrink:0;box-shadow:0 4px 15px rgba(10,74,107,.3)}.step-text{flex:1;padding-top:.75rem;font-size:1.1rem}.vision-section{background:linear-gradient(135deg,#1A2332,#2D3F55);color:white;padding:5rem 2rem;margin:4rem 0;border-radius:24px;text-align:center;position:relative;overflow:hidden}.vision-section:before{content:"";position:absolute;top:-50%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(232,184,98,.1) 0,transparent 70%);border-radius:50%}.vision-brand{font-family:Amiri,serif;font-weight:700;font-size:1.3rem;margin-bottom:2rem;opacity:.9}.vision-title{font-size:2.8rem;font-weight:700;margin-bottom:2.5rem;line-height:1.4}.vision-quote{font-size:1.6rem;font-weight:600;margin-bottom:1.5rem;line-height:1.6}.vision-divider{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.vision-subtitle{font-size:1.3rem;opacity:.9;line-height:1.8;margin-bottom:1rem}.section{margin:5rem 0}.section-header{background:white;padding:2.5rem;border-radius:20px 20px 0 0;border-bottom:5px solid var(--primary);box-shadow:0 4px 15px rgba(0,0,0,.05)}.section-title{font-size:2.2rem;font-weight:700;color:var(--primary);margin-bottom:1rem;line-height:1.4}.section-subtitle{font-size:1.5rem;color:var(--danger);font-weight:600;line-height:1.5}.section-content{background:white;padding:2.5rem;border-radius:0 0 20px 20px;box-shadow:0 8px 30px rgba(0,0,0,.1)}.section-content p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.section-content strong{color:var(--primary);font-weight:700}.section-content ul{margin:1.5rem 2rem 1.5rem 0;list-style:none}.section-content ul li{position:relative;padding:.5rem 2rem .5rem 0}.section-content ul li:before{content:"•";position:absolute;right:0;color:var(--primary);font-weight:700;font-size:1.5rem}.example-card ul li:before{content:"-";color:inherit;font-size:1.2rem}.comparison-table{width:100%;border-collapse:collapse;margin:2rem 0;box-shadow:0 4px 15px rgba(0,0,0,.08);border-radius:12px;overflow:hidden}.comparison-table td,.comparison-table th{padding:1rem 1.5rem;text-align:right;border-bottom:1px solid #e5e7eb}.comparison-table th{background:#F3F4F6;font-weight:700;color:var(--dark)}.comparison-table td.success{color:var(--success);font-weight:700}.comparison-table td.danger{color:var(--danger);font-weight:700}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin:3rem 0}.example-card{background:white;border-radius:20px;padding:2.5rem;margin:1rem 0;box-shadow:0 8px 30px rgba(0,0,0,.1);border-top:5px solid var(--primary);transition:all .3s}.example-card:hover{transform:translateY(-8px);box-shadow:0 15px 45px rgba(0,0,0,.15)}.example-title{font-size:1.6rem;font-weight:700;color:var(--primary);margin-bottom:1rem}.loyalty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.loyalty-card{background:#F8FAFC;border-radius:16px;padding:2rem;border-bottom:4px solid var(--primary)}.loyalty-card h4{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:var(--primary)}.loyalty-card p{font-size:1rem;line-height:1.7}.loyalty-card h4:nth-of-type(2){margin-top:1.5rem}.loyalty-card strong{font-weight:700}.footer{background:var(--dark);color:white;padding:4rem 2rem;text-align:center;margin-top:5rem}.footer-logo{font-family:Amiri,serif;font-size:2.5rem;font-weight:700;margin-bottom:.75rem}.footer-tagline{font-style:italic;opacity:.8;margin-bottom:2.5rem;font-size:1.1rem}.footer-links{display:flex;justify-content:center;gap:2.5rem;margin-bottom:2.5rem}.footer-link{color:white;text-decoration:none;opacity:.8;transition:all .3s;font-size:1.05rem}.footer-link:hover{opacity:1;transform:translateY(-2px)}.copyright{opacity:.6;font-size:.95rem}@media (max-width:768px){body{direction:rtl}.logo{font-size:2.8rem}.tagline{font-size:1.1rem}.cta-card{padding:2rem}.comparison-grid,.pillars-grid,.traffic-lights{grid-template-columns:1fr}.section-title{font-size:1.8rem}.vision-title{font-size:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cta-card,.section,.vision-section{animation:fadeInUp .8s ease-out backwards}