:root{--stc-red: #D41B2C;--stc-red-dark: #b51523;--stc-red-light: #fff0f1;--stc-red-glow: rgba(212, 27, 44, .25);--stc-teal: #008E9B;--stc-teal-dark: #007782;--stc-teal-light: #e6f6f7;--stc-yellow: #FFC72C;--stc-emerald: #00875A;--stc-emerald-light: #e3fcef;--stc-blue: #0065FF;--stc-blue-light: #deebff;--stc-dark: #1A1A1A;--stc-dark-soft: #2D2D2D;--stc-charcoal: #333333;--stc-gray-text: #595959;--stc-gray-muted: #767676;--stc-gray-border: #E5E7EB;--stc-gray-light: #F4F5F7;--stc-gray-subtle: #FAFAFA;--stc-white: #FFFFFF;--font-heading: "Outfit", "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", "Tajawal", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-ar-heading: "Cairo", "Tajawal", sans-serif;--font-ar-body: "Tajawal", "Cairo", "Vazirmatn", sans-serif;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 35px -5px rgba(0, 0, 0, .15), 0 10px 15px -5px rgba(0, 0, 0, .04);--shadow-red: 0 8px 20px rgba(218, 41, 28, .35);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100vw}html[lang=ar],html[dir=rtl]{font-family:var(--font-ar-body)}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] h5,html[lang=ar] h6,html[lang=ar] .btn,html[lang=ar] .brand-name{font-family:var(--font-ar-heading)}body{font-family:var(--font-body);color:var(--stc-charcoal);background-color:var(--stc-white);line-height:1.6;overflow-x:hidden;max-width:100vw;width:100%}app-header{display:block;position:-webkit-sticky;position:sticky;top:0;z-index:1000;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--stc-dark);line-height:1.25}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit;outline:none;border:none}.container{width:100%;max-width:1240px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}.container-wide{width:100%;max-width:1320px;margin-left:auto;margin-right:auto;padding-left:36px;padding-right:36px}@media(max-width:768px){.container,.container-wide{padding-left:16px;padding-right:16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-heading);font-weight:700;font-size:.95rem;letter-spacing:.02em;text-transform:uppercase;padding:12px 24px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background-color:var(--stc-red);color:var(--stc-white);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--stc-red-dark);box-shadow:var(--shadow-red);transform:translateY(-2px)}.btn-teal{background-color:var(--stc-teal);color:#fff;font-family:var(--font-heading);font-weight:800;letter-spacing:.04em;padding:14px 28px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all var(--transition-fast)}.btn-teal:hover{background-color:var(--stc-teal-dark);box-shadow:0 4px 15px #008e9b59;transform:translateY(-2px)}.btn-teal:active,.btn-primary:active{transform:translateY(0)}.btn-yellow{background-color:var(--stc-yellow);color:var(--stc-dark);font-weight:800}.btn-yellow:hover{background-color:var(--stc-yellow-dark);box-shadow:0 4px 15px #ffc72c66;transform:translateY(-2px)}.btn-outline-white{background:transparent;color:var(--stc-white);border:2px solid var(--stc-white)}.btn-outline-white:hover{background:var(--stc-white);color:var(--stc-dark);transform:translateY(-2px)}.btn-outline-red{background:transparent;color:var(--stc-red);border:2px solid var(--stc-red)}.btn-outline-red:hover{background:var(--stc-red);color:var(--stc-white);transform:translateY(-2px)}.btn-dark{background-color:var(--stc-dark);color:var(--stc-white)}.btn-dark:hover{background-color:#000;transform:translateY(-2px)}.btn-lg{padding:16px 32px;font-size:1.05rem;border-radius:var(--radius-md)}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-pill{border-radius:var(--radius-full)}.pulse-glow{animation:pulse-red 2.2s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #da291cb3}70%{box-shadow:0 0 0 12px #da291c00}to{box-shadow:0 0 #da291c00}}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:var(--radius-full)}.badge-red{background-color:var(--stc-red);color:var(--stc-white)}.badge-red-subtle{background-color:var(--stc-red-light);color:var(--stc-red)}.badge-yellow{background-color:var(--stc-yellow);color:var(--stc-dark)}.badge-emerald{background-color:var(--stc-emerald-light);color:var(--stc-emerald)}.badge-dark{background-color:#000000b3;color:var(--stc-white);backdrop-filter:blur(8px)}.section-header{text-align:center;max-width:780px;margin:0 auto 48px}.section-tag{color:var(--stc-red);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;display:inline-block}.section-title{font-size:2.3rem;font-weight:800;color:var(--stc-dark);margin-bottom:16px;letter-spacing:-.02em}.section-desc{font-size:1.1rem;color:var(--stc-gray-text);line-height:1.65}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0fbf;backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.modal-card{background:var(--stc-white);width:100%;max-width:580px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c2c2c2;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#da291c}