:root{--primary-blue: #2D89EF;--primary-dark: #1A5BB8;--primary-light: #E8F3FF;--accent-teal: #00B4A6;--white: #FFFFFF;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-600: #475569;--gray-900: #0F172A;--font-primary: "Inter", system-ui, sans-serif;--font-arabic: "Cairo", sans-serif;--radius-lg: 1rem;--radius-xl: 1.5rem;--transition: .4s cubic-bezier(.2, .8, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);color:var(--gray-600);background:var(--white);overflow-x:hidden}body[dir=rtl]{font-family:var(--font-arabic)}@keyframes float{0%{transform:translate(0)}50%{transform:translate(-20px,20px)}to{transform:translate(0)}}@keyframes titleGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{transform:translate(-150%)}to{transform:translate(150%)}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.reveal.active{opacity:1;transform:translateY(0)}.header{position:fixed;width:100%;top:0;z-index:1000;background:#fffc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.5);transition:var(--transition)}.header-content{display:flex;justify-content:space-between;align-items:center;height:80px}.logo-image{height:50px}.nav{display:flex;gap:2rem;align-items:center}body[dir=rtl] .nav{flex-direction:row-reverse}.nav-link{color:var(--gray-600);text-decoration:none;font-weight:500;transition:var(--transition)}.nav-link:hover{color:var(--primary-blue)}.language-switcher{padding:.5rem 1rem;border:1px solid var(--gray-200);border-radius:50px;background:transparent;cursor:pointer;color:var(--gray-900);transition:var(--transition);display:flex;align-items:center;gap:.5rem}.language-switcher:hover{background:var(--gray-50);border-color:var(--primary-blue)}.btn{padding:.875rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;transition:var(--transition);position:relative;overflow:hidden;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--primary-blue),#1A73E8);color:var(--white);border:none;box-shadow:0 8px 20px #2d89ef4d}.btn-primary:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%)}.btn-primary:hover:after{animation:shimmer 1.5s infinite}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 28px #2d89ef66}.btn-secondary{background:transparent;color:var(--primary-blue);border:2px solid rgba(45,137,239,.2)}.btn-secondary:hover{border-color:var(--primary-blue);background:#2d89ef0d}.hero{min-height:90vh;display:flex;align-items:center;position:relative;padding-top:80px;background:radial-gradient(circle at top right,#ebf5ff,#fff);overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 10s infinite ease-in-out;z-index:0}.blob-1{width:500px;height:500px;background:#cbe6ff;top:-100px;right:-100px}.blob-2{width:400px;height:400px;background:#d0f4f0;bottom:0;left:-100px;animation-delay:-5s}.hero-content{position:relative;z-index:10;text-align:center;max-width:900px;margin:0 auto}.hero-headline{font-size:clamp(3rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,#0f172a,#2d89ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:titleGradient 5s ease infinite}.hero-subheading{font-size:1.25rem;color:var(--gray-600);margin-bottom:3rem;max-width:700px;margin-inline:auto}.hero-cta{display:flex;gap:1rem;justify-content:center}.section{padding:6rem 0;position:relative}.bg-gray{background:var(--gray-50)}.wave-top{position:absolute;top:-1px;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg)}.wave-top svg{display:block;width:calc(100% + 1.3px);height:80px}.wave-top .shape-fill{fill:var(--white)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.benefit-card{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem 2rem;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 30px -10px #0000000d;transition:var(--transition);position:relative;overflow:hidden}.benefit-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px -10px #2d89ef26;border-color:#2d89ef4d}.benefit-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary-light),#FFFFFF);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.5rem;box-shadow:0 8px 16px -4px #2d89ef1a}.benefit-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--gray-900)}.benefit-description{color:var(--gray-600);line-height:1.6}.steps-container{display:flex;gap:2rem;margin-top:4rem;counter-reset:step}.step{flex:1;text-align:center;position:relative;padding:2rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition)}.step:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.step-number{width:60px;height:60px;background:var(--primary-blue);color:var(--white);border-radius:50%;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:-3rem auto 1.5rem;border:4px solid var(--white);box-shadow:0 4px 10px #2d89ef4d}.footer{background:var(--gray-900);color:var(--gray-100);padding:5rem 0 2rem}.footer-content{display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.footer-section h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--white)}.contact-info{list-style:none}.contact-info li{margin-bottom:1rem;opacity:.8}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:4rem;padding-top:2rem;text-align:center;opacity:.6}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}@media(max-width:768px){.header-content{flex-direction:column;height:auto;padding:1rem;gap:1rem}.hero-headline{font-size:3rem}.steps-container{flex-direction:column;gap:3rem}}.contact-section{padding:80px 20px;background:linear-gradient(135deg,var(--primary, #007bff) 0%,var(--primary-dark, #0056b3) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}.contact-container{max-width:900px;margin:0 auto;position:relative;z-index:1}.contact-heading{font-family:Inter,sans-serif;font-size:2rem;font-weight:800;margin-bottom:1rem;line-height:1.2;letter-spacing:-.02em}.contact-subheading{font-family:Inter,sans-serif;font-size:1.125rem;margin-bottom:2.5rem;opacity:.9;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.contact-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.contact-primary-btn{background-color:#fff;color:var(--primary-dark, #0056b3);border:none;padding:16px 40px;font-size:1.125rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 6px #0000001a}.contact-primary-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00000026;background-color:#f8f9fa}.contact-primary-btn:active{transform:translateY(-1px)}.contact-secondary-link{color:#ffffffe6;font-size:1rem;font-weight:500;cursor:pointer;transition:color .2s ease,opacity .2s ease;text-decoration:none;padding:8px 16px;border:1px solid transparent;border-radius:50px}.contact-secondary-link:hover{color:#fff;opacity:1;background-color:#ffffff1a}@media(min-width:768px){.contact-section{padding:120px 40px}.contact-heading{font-size:3.5rem;margin-bottom:1.5rem}.contact-subheading{font-size:1.25rem;margin-bottom:3rem}.contact-actions{flex-direction:row;justify-content:center;gap:2rem}}.contact-page{min-height:100vh;padding-top:80px;background-color:var(--gray-50, #f8fafc);background-image:radial-gradient(circle at top right,#ebf5ff,#fff)}.contact-hero{text-align:center;padding:3rem 1.5rem;max-width:800px;margin:0 auto}.contact-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1rem;color:var(--gray-900, #0f172a);background:linear-gradient(135deg,#0f172a,#2d89ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-hero p{font-size:1.125rem;color:var(--gray-600, #475569);line-height:1.6}.contact-form-container{max-width:600px;margin:0 auto 4rem;background:#fff;padding:2.5rem;border-radius:var(--radius-xl, 1.5rem);box-shadow:0 10px 30px -10px #0000000d;border:1px solid rgba(255,255,255,.6)}.form-group{margin-bottom:1.5rem;position:relative}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--gray-900, #0f172a)}.required-mark{color:#dc3545;margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1rem;border:1px solid var(--gray-200, #e9ecef);border-radius:var(--radius-lg, .5rem);font-size:1rem;font-family:inherit;transition:all .2s ease;background-color:var(--gray-50, #f8fafc)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-blue, #2d89ef);box-shadow:0 0 0 4px #2d89ef1a;background-color:#fff}.form-textarea{resize:vertical;min-height:120px}.error-message{color:#dc3545;font-size:.875rem;margin-top:.5rem;display:block}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary-blue, #2d89ef),#1a73e8);color:#fff;border:none;border-radius:50px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #2d89ef33;display:flex;justify-content:center;align-items:center;gap:.5rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 15px #2d89ef4d}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.phone-group{display:flex;gap:.5rem}.phone-prefix{width:120px;flex-shrink:0}.submission-status{padding:1.5rem;border-radius:var(--radius-lg, .5rem);margin-bottom:2rem;text-align:center;animation:fadeIn .5s ease}.submission-success{background-color:#d1e7dd;color:#0f5132;border:1px solid #badbcc}.submission-error{background-color:#f8d7da;color:#842029;border:1px solid #f5c6cb}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.contact-form-container{padding:1.5rem}.phone-group{flex-direction:column}.phone-prefix{width:100%}}:root{--cms-primary: #1677ff;--cms-bg: #f5f7fa;--cms-sidebar-bg: #001529;--cms-card-shadow: 0 4px 12px rgba(0, 0, 0, .05)}.cms-layout{min-height:100vh}.cms-sidebar{box-shadow:2px 0 8px #0000001a;z-index:10}.cms-header{background:#fff;padding:0 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000000d;position:sticky;top:0;z-index:9}.cms-content{margin:24px;background:transparent}.tiptap-editor{border:1px solid #d9d9d9;border-radius:8px;min-height:300px;background:#fff;transition:all .3s}.tiptap-editor:focus-within{border-color:var(--cms-primary);box-shadow:0 0 0 2px #1677ff1a}.tiptap-toolbar{padding:8px;border-bottom:1px solid #d9d9d9;display:flex;flex-wrap:wrap;gap:4px;background:#fafafa;border-radius:8px 8px 0 0}.tiptap-content{padding:16px;min-height:250px;outline:none}.tiptap-content p{margin-bottom:1em}.tiptap-content h1{font-size:2em;margin:.5em 0}.tiptap-content h2{font-size:1.5em;margin:.5em 0}.tiptap-content h3{font-size:1.2em;margin:.5em 0}.tiptap-button{padding:4px 8px;border:1px solid transparent;background:none;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#595959;transition:all .2s}.tiptap-button:hover{background:#f0f0f0;color:var(--cms-primary)}.tiptap-button.is-active{background:#e6f4ff;color:var(--cms-primary);border-color:#91caff}.preview-container{background:#fff;border-radius:8px;box-shadow:var(--cms-card-shadow);padding:24px;height:100%;overflow-y:auto}.preview-badge{display:inline-block;padding:2px 8px;background:#f0f0f0;border-radius:4px;font-size:12px;color:#8c8c8c;margin-bottom:12px}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-card{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:16px;overflow:hidden;border:1px solid rgba(229,231,235,.5);background:#fff}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -10px #00000014;border-color:#1677ff33}.stat-card .ant-statistic-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:12px;font-weight:600}.stat-card .ant-statistic-content-value{font-weight:700;color:#1e293b;font-size:28px}.submissions-table .ant-table-thead>tr>th{background:#f8fafc;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;padding:16px 24px;border-bottom:1px solid #e2e8f0}.submissions-table .ant-table-tbody>tr>td{padding:20px 24px;color:#334155}.submissions-table .ant-table-row{transition:background-color .2s;cursor:pointer}.submissions-table .ant-table-row:hover{background-color:#f8fafc!important}.filter-active{background-color:#e6f4ff;color:#1677ff;border-color:#91caff}.glass-panel{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #1f268712}.premium-gradient{background:linear-gradient(135deg,#1677ff,#00b96b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.metric-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:20px;margin-bottom:8px;transition:all .3s ease}.stat-card:hover .metric-icon-wrapper{transform:scale(1.1)}.status-tag{border-radius:6px;padding:4px 12px;font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:6px;letter-spacing:.02em}.status-tag-dot{width:6px;height:6px;border-radius:50%}.ant-table-body::-webkit-scrollbar{height:8px;width:8px}.ant-table-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ant-table-body::-webkit-scrollbar-track{background:transparent}