:root{--brand-50: #fefcf3;--brand-100: #f1f2e8;--brand-200: #e2e5d6;--brand-300: #c6cbb0;--brand-400: #a5a97b;--brand-500: #a5a97b;--brand-600: #7e8c5a;--brand-700: #66744a;--brand-800: #4f5a3e;--brand-900: #2f3324;--gray-50: #f9f9f9;--gray-100: #efede7;--gray-200: #e3dfd7;--gray-300: #d4cec3;--gray-400: #bfb7ab;--gray-500: #a2998e;--gray-600: #827a70;--gray-700: #686058;--gray-800: #4c453f;--gray-900: #302c27;--canvas: var(--brand-50);--paper: #ffffff;--lnd-ink: #2b2622;--lnd-ink-soft: #5f574f;--lnd-muted: #827a70;--accent: var(--brand-600);--accent-strong: var(--brand-700);--accent-soft: var(--brand-200);--border: var(--gray-200);--surface: var(--paper);--surface-alt: color-mix(in srgb, var(--paper) 80%, transparent);--font-base: "IBM Plex Sans Arabic", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "IBM Plex Sans Arabic", system-ui, sans-serif;--font-size-xs: clamp(.8rem, .74rem + .2vw, .9rem);--font-size-sm: clamp(.9rem, .82rem + .3vw, 1rem);--font-size-md: clamp(1rem, .96rem + .35vw, 1.12rem);--font-size-lg: clamp(1.2rem, 1.08rem + .6vw, 1.6rem);--font-size-xl: clamp(1.8rem, 1.4rem + 1.7vw, 2.8rem);--r-sm: 16px;--r: 24px;--r-lg: 32px;--r-pill: 999px;--sh-sm: 0 4px 20px -2px rgba(40, 45, 30, .08);--sh-md: 0 12px 30px -4px rgba(40, 45, 30, .1);--sh-lg: 0 20px 40px -6px rgba(40, 45, 30, .12);--container-max: 1140px;--transition: .22s cubic-bezier(.2, .8, .2, 1);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.sakann-landing{font-family:var(--font-base);color:var(--lnd-ink);font-size:var(--font-size-md);line-height:1.65;position:relative;min-height:100vh;background:var(--canvas);scroll-behavior:smooth;overflow-y:auto;height:100vh}.sakann-landing *,.sakann-landing *:before,.sakann-landing *:after{box-sizing:border-box}.sakann-landing:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#7e8c5a 1px,transparent 1px);background-size:28px 28px;opacity:.08;pointer-events:none;z-index:0}.sakann-landing:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--brand-50) 0%,var(--brand-50) 40%,var(--brand-100) 100%);z-index:-1}.sakann-landing img{max-width:100%;display:block}.sakann-landing h1,.sakann-landing h2,.sakann-landing h3,.sakann-landing h4{font-family:var(--font-heading);color:var(--lnd-ink);margin-block:0 .75rem}.sakann-landing h1{font-size:var(--font-size-xl);line-height:1.1}.sakann-landing h2{font-size:clamp(1.6rem,1.3rem + 1vw,2.2rem)}.sakann-landing h3{font-size:var(--font-size-lg)}.sakann-landing p{color:var(--lnd-ink-soft);margin-block:0 1rem}.sakann-landing a{color:inherit;text-decoration:none}.sakann-landing .container{width:min(var(--container-max),92vw);margin-inline:auto}.sakann-landing main{flex:1}.sakann-landing section{padding-block:clamp(3rem,8vh,6rem);position:relative;z-index:1}.sakann-landing section>header{background:none;margin-block-end:clamp(1.5rem,3vw,2.75rem)}.sakann-landing .site-header{position:sticky;top:0;left:0;right:0;z-index:1000;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--gray-300) 40%,transparent)}.sakann-landing .header-bar{display:flex;align-items:center;justify-content:space-between;height:72px}.sakann-landing .brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--brand-700);font-weight:700;font-size:1.25rem;cursor:pointer;background:none;border:none}.sakann-landing .nav-logo{height:60px;width:auto}.sakann-landing .primary-nav ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.sakann-landing .primary-nav a{text-decoration:none;color:var(--lnd-ink);font-weight:500;transition:color .2s}.sakann-landing .primary-nav a:hover{color:var(--brand-600)}.sakann-landing .nav-actions{display:inline-flex;align-items:center;gap:.65rem}.sakann-landing .btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 1.4rem;border-radius:var(--r-pill);border:1px solid transparent;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;font-family:var(--font-base);transition:background var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.sakann-landing .btn:hover{transform:translateY(-1px)}.sakann-landing .btn:active{transform:translateY(0)}.sakann-landing .btn-primary{background:var(--accent);color:#fff;border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 10px 20px color-mix(in srgb,var(--accent) 18%,transparent)}.sakann-landing .btn-primary:hover{box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 26%,transparent)}.sakann-landing .btn-soft{background:var(--surface);color:var(--accent-strong);border-color:color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 10%,transparent)}.sakann-landing .btn-soft:hover{border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 14%,transparent)}.sakann-landing .section-header{text-align:center;max-width:700px;margin-inline:auto;margin-bottom:3rem}.sakann-landing .hero-visual-top{display:flex;justify-content:center;margin-bottom:2rem}.sakann-landing .hero-visual{position:relative;display:flex;justify-content:center;align-items:center;z-index:2}.sakann-landing .hero-figure{position:relative;display:grid;place-items:center;inline-size:min(500px,80vw);margin:0;background:none;border:none;box-shadow:none}.sakann-landing .hero-image{display:block;width:fit-content;object-fit:contain;background:transparent}.sakann-landing .hero-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(2rem,4vw,3rem);align-items:stretch;width:100%}.sakann-landing .hero-text{display:flex;flex-direction:column;justify-content:center;max-width:600px}.sakann-landing .hero-text h1{font-size:clamp(2.5rem,2rem + 1.5vw,3.5rem);font-weight:800;color:var(--brand-800);line-height:1.2}.sakann-landing .hero-text p{font-size:clamp(1.2rem,1.1rem + .5vw,1.5rem);color:var(--lnd-ink-soft);max-width:540px;line-height:1.6}.sakann-landing .hero-ctas{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.sakann-landing .hero-ctas .btn-primary{box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 25%,transparent)}@media (max-width: 768px){.sakann-landing .hero-text{align-items:center;text-align:center}.sakann-landing .hero-ctas{justify-content:center}}.sakann-landing .hero-sponsor{display:inline-flex;flex-direction:column;align-items:center;gap:16px;background:var(--surface);color:var(--lnd-ink);padding:32px 48px;border-radius:var(--r-lg);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);box-shadow:var(--sh-md);margin-top:2rem;font-weight:600;font-size:1.5rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.sakann-landing .hero-sponsor:hover{transform:translateY(-5px);box-shadow:var(--sh-lg)}.sakann-landing .hero-sponsor-logo{height:120px;width:auto}.sakann-landing #features{background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 65%,transparent);padding-block:clamp(2rem,6vw,4rem);padding-inline:clamp(1.5rem,4vw,3rem);border-radius:32px;box-shadow:var(--sh-sm)}.sakann-landing #features .section-header{margin-block-end:clamp(1rem,3vw,1.75rem)}.sakann-landing .features-grid-inner{display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,40px)}@media (min-width: 768px){.sakann-landing .features-grid-inner{grid-template-columns:repeat(2,1fr)}}.sakann-landing .card-elevated{position:relative;background:var(--surface);padding:clamp(2rem,1.8rem + 1vw,2.5rem);border-radius:var(--r);border:1px solid transparent;box-shadow:var(--sh-sm);display:grid;gap:1rem;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.sakann-landing .card-elevated:hover{transform:translateY(-8px);box-shadow:var(--sh-md);border-color:color-mix(in srgb,var(--border) 40%,transparent)}.sakann-landing .feature-card{display:flex;flex-direction:column;justify-content:space-between}.sakann-landing .feature-card h3{font-size:var(--font-size-lg);color:var(--lnd-ink)}.sakann-landing .feature-desc{color:var(--lnd-ink-soft);line-height:1.7}.sakann-landing .cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.sakann-landing .timeline{position:relative;max-width:var(--container-max);margin:0 auto;padding-block:4rem}.sakann-landing .journey-grid{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;padding-bottom:20vh}.sakann-landing .journey-card{position:sticky;top:150px;width:100%;max-width:700px;min-height:250px;background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:var(--r-lg);padding:3rem 2.5rem;box-shadow:0 -8px 25px #282d1e0a,0 8px 25px #282d1e14;transition:transform var(--transition);display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem}.sakann-landing .journey-card:nth-child(1){top:140px}.sakann-landing .journey-card:nth-child(2){top:155px}.sakann-landing .journey-card:nth-child(3){top:170px}.sakann-landing .journey-card:nth-child(4){top:185px}.sakann-landing .journey-card:nth-child(5){top:200px}.sakann-landing .journey-card:nth-child(6){top:215px}.sakann-landing .journey-card:nth-child(7){top:230px}.sakann-landing .step-number{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;background:var(--brand-50);color:var(--brand-600);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.sakann-landing .journey-icon{width:80px;height:80px;background:var(--brand-50);color:var(--brand-600);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.sakann-landing .journey-icon img{width:40px;height:40px}.sakann-landing .journey-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--brand-800)}.sakann-landing .journey-card p{font-size:1.1rem;color:var(--lnd-ink-soft);line-height:1.7;margin:0;max-width:500px}.sakann-landing #trust .card-elevated img{margin-bottom:.5rem}.sakann-landing details{border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:var(--r);background:var(--surface);overflow:hidden;margin-bottom:1rem;transition:box-shadow var(--transition),border-color var(--transition)}.sakann-landing details:hover{box-shadow:var(--sh-sm);border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.sakann-landing details[open]{box-shadow:var(--sh-md);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.sakann-landing summary{padding:1.25rem 1.5rem;font-weight:600;cursor:pointer;list-style:none;background:transparent;display:flex;align-items:center;justify-content:space-between;font-size:1.1rem;color:var(--lnd-ink)}.sakann-landing summary::-webkit-details-marker{display:none}.sakann-landing summary:after{content:"+";font-weight:300;font-size:1.5rem;color:var(--accent);transition:transform var(--transition);line-height:1}.sakann-landing details[open] summary:after{transform:rotate(45deg)}.sakann-landing details p{padding:0 1.5rem 1.5rem;margin:0;color:var(--lnd-ink-soft);line-height:1.7;max-width:90%}.sakann-landing .contact-grid-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.sakann-landing .card-contact{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;border-radius:var(--r);text-decoration:none;transition:transform var(--transition),box-shadow var(--transition);border:1px solid transparent}.sakann-landing .card-contact:hover{transform:translateY(-5px);box-shadow:var(--sh-md)}.sakann-landing .card-contact h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.sakann-landing .card-contact p{margin:0;font-size:.95rem}.sakann-landing .card-whatsapp{background:#e6f6ec;color:#0f5c31;border-color:#25d36633}.sakann-landing .card-whatsapp .icon-box{background:#fff;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #25d36626}.sakann-landing .card-email{background:var(--surface);color:var(--lnd-ink);border-color:var(--border);box-shadow:var(--sh-sm)}.sakann-landing .card-email .icon-box{background:var(--brand-50);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.sakann-landing .site-footer{background:var(--lnd-ink);color:#fff;margin-top:clamp(4rem,6vw,6rem);border-top-left-radius:40px;border-top-right-radius:40px;padding-bottom:2rem;position:relative;z-index:1}.sakann-landing .site-footer h3{color:#fff;font-weight:700;margin-bottom:1.25rem}.sakann-landing .site-footer p{color:color-mix(in srgb,#fff 85%,transparent)}.sakann-landing .site-footer a{color:#fff;transition:color .25s ease}.sakann-landing .site-footer a:hover{color:var(--brand-300)}.sakann-landing .site-footer img.nav-logo{filter:brightness(0) invert(1);height:140px;margin-bottom:1rem}.sakann-landing .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1.8rem,3vw,3.2rem);padding-block:clamp(50px,8vw,60px)}.sakann-landing .footer-meta{border-top:1px solid rgba(255,255,255,.1);text-align:center;padding-block:1.5rem;font-size:.85rem;color:color-mix(in srgb,#fff 60%,transparent)}.sakann-landing .social-links{display:flex;gap:12px;margin-top:1rem}.sakann-landing .social-links img{width:48px;height:48px;opacity:.8;transition:.2s;filter:invert(1)}.sakann-landing .social-links img:hover{opacity:1;transform:translateY(-2px)}.sakann-landing .footer-col .wafaa-footer-logo{height:auto;width:140px;max-width:100%;filter:brightness(0) invert(1);margin-bottom:1rem}.sakann-landing .plain-list{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}@media (max-width: 640px){.sakann-landing .footer-grid{text-align:center;justify-items:center;gap:2.5rem}.sakann-landing .footer-col{display:flex;flex-direction:column;align-items:center}.sakann-landing .social-links{justify-content:center}}.sakann-landing .whatsapp-float{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #25d3664d;z-index:1000;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}.sakann-landing .whatsapp-float:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px #25d36666}.sakann-landing .whatsapp-float img{width:36px;height:36px;filter:brightness(0) invert(1)}@media (max-width: 640px){.sakann-landing .whatsapp-float{bottom:1.5rem;right:1.5rem;width:56px;height:56px}}.sakann-landing .nav-icon-btn{display:none;flex-direction:column;gap:4px;background:transparent;border:0;cursor:pointer;padding:8px}.sakann-landing .nav-icon-bar{width:22px;height:2px;background:#222}.sakann-landing .nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999998;opacity:0;pointer-events:none;transition:opacity .28s ease}.sakann-landing .nav-overlay.is-open{opacity:1;pointer-events:auto}.sakann-landing .nav-drawer{position:fixed;top:0;bottom:0;right:0;width:min(84vw,360px);background:var(--surface);z-index:999999;transform:translate(100%);transition:transform .28s ease-in-out;display:flex;flex-direction:column;padding:16px;box-shadow:2px 0 24px #00000026}.sakann-landing .nav-drawer.is-open{transform:translate(0)}.sakann-landing .nav-drawer__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sakann-landing .nav-close{border:0;background:transparent;font-size:20px;cursor:pointer;font-family:var(--font-base)}.sakann-landing .nav-drawer__links{display:flex;flex-direction:column;gap:12px;margin:16px 0}.sakann-landing .nav-drawer__links a{color:#222;text-decoration:none;padding:8px 4px;border-radius:8px}.sakann-landing .nav-drawer__links a:hover{background:#f5f5f5}.sakann-landing .nav-drawer__actions{display:flex;flex-direction:column;gap:12px;margin-top:auto}@media (min-width: 769px){.sakann-landing .nav-icon-btn{display:none}.sakann-landing .primary-nav,.sakann-landing .nav-actions{display:flex}}@media (max-width: 768px){.sakann-landing .primary-nav,.sakann-landing .nav-actions{display:none}.sakann-landing .nav-icon-btn{display:inline-flex}}@keyframes notifPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.notifPulse{animation:notifPulse 2s ease-in-out infinite}@media (max-width: 480px){.notifDrop{width:calc(100vw - 32px)!important;left:auto!important;right:-8px!important;max-height:70vh!important}}