*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--acc:#8e0040;--acc2:#b8005a;--acc-rgb:142, 0, 64;--acc-light:#8e004012;--acc-med:#8e004024;--acc-glow:#8e004047;--white:#fff;--bg-light:#f9f7fc;--bg-soft:#f4f2f7;--bg-dark:#080610;--bg-dark2:#0d0a14;--ink:#0a0a0a;--text-mid:#444;--text-muted:#666;--text-faint:#999;--border:#0a0a0a14;--border-mid:#0a0a0a1f;--border-strong:#0a0a0a2e;--shadow-xs:0 1px 4px #0000000d;--shadow-sm:0 2px 12px #00000012;--shadow-md:0 6px 28px #0000001a;--shadow-lg:0 16px 56px #00000024;--shadow-acc:0 8px 28px #8e00404d;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:9999px;--ff:"Tajawal", "Cairo", sans-serif;--t-quick:.16s ease;--t-base:.28s cubic-bezier(.16, 1, .3, 1);--t-slow:.5s cubic-bezier(.16, 1, .3, 1);--card-bg:#fff}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--ff);background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}img{max-width:100%;height:auto}.nav{z-index:100;-webkit-backdrop-filter:blur(24px)saturate(200%);background:#fffffff0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(20px,5vw,60px);transition:border-color .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{border-color:var(--border);box-shadow:0 2px 28px #00000014}.nav-links-d{align-items:center;gap:28px;display:flex}@media (max-width:768px){.nav-links-d{display:none}}.sec{padding:clamp(80px,10vw,130px) clamp(24px,5vw,72px);position:relative;overflow:hidden}@media (max-width:640px){.sec{padding:64px 20px}}.about-section{padding-top:0}.contact-dark{padding:clamp(80px,10vw,140px) clamp(24px,5vw,80px)}.proj-card,.pj-card{border-radius:var(--r-xl);border:1px solid var(--border);background:var(--card-bg);color:var(--ink);box-shadow:var(--shadow-sm);will-change:transform;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .3s;display:block;position:relative;overflow:hidden;text-decoration:none!important}.proj-card:hover,.pj-card:hover{box-shadow:var(--shadow-lg)}.proj-card *{text-decoration:none!important}.proj-card img{display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)!important}.card-img-wrap{position:relative;overflow:hidden}.sv-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:16px;max-width:1080px;display:grid}@media (max-width:900px){.sv-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:480px){.sv-grid{grid-template-columns:1fr 1fr;gap:10px}}.sv-card{border-radius:var(--r-xl);border:1px solid var(--border);background:var(--white);color:var(--ink);transition:transform var(--t-slow), box-shadow var(--t-slow), border-color var(--t-base);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:22px 20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.sv-card:before{content:"";opacity:0;transition:opacity var(--t-base);pointer-events:none;background:linear-gradient(135deg,#8e004008 0%,#0000 60%);position:absolute;inset:0}.sv-card:hover{box-shadow:var(--shadow-lg);border-color:#8e004033;transform:translateY(-6px)}.sv-card:hover:before{opacity:1}.faq-item{background:var(--white);border-radius:var(--r-lg);border:1px solid var(--border);transition:box-shadow var(--t-base), border-color var(--t-base);overflow:hidden}.faq-item:hover{box-shadow:var(--shadow-sm);border-color:#8e00402e}.faq-answer{max-height:0;transition:max-height .38s cubic-bezier(.16,1,.3,1);overflow:hidden}.faq-answer.open{max-height:1200px}@media (max-width:560px){.st-box{border-left:none!important;border-right:none!important;border-inline-end:none!important}}.mar-r{animation:36s linear infinite marR}.mar-l{animation:36s linear infinite marL}@keyframes marR{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marL{0%{transform:translate(-50%)}to{transform:translate(0)}}#spb{background:linear-gradient(to right, var(--acc), var(--acc2), #ff6b9e);transform-origin:0;z-index:9999;height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}[dir=rtl] #spb{transform-origin:100%;background:linear-gradient(to left, var(--acc), var(--acc2), #ff6b9e)}#fab{display:flex}.hamburger{display:none!important}@media (max-width:768px){.hamburger{display:flex!important}}.nav-bairaq{display:flex!important}@media (max-width:640px){.nav-bairaq{display:none!important}}.sec:after{content:"";pointer-events:none;z-index:0;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.015'/%3E%3C/svg%3E");position:absolute;inset:0}.sk-ch{border-radius:var(--r-pill);color:#fff6;font-size:12px;font-family:var(--ff);transition:var(--t-base);cursor:default;border:1px solid #ffffff1a;padding:7px 16px;display:inline-block}.sk-ch:hover{border-color:var(--acc);color:var(--acc);background:#8e00401f;transform:translateY(-2px)}.st-box{transition:background var(--t-base);cursor:default}.st-box:hover{background:#8e004024!important}.form-field{border-radius:var(--r-md);border:1.5px solid var(--border-mid);background:var(--bg-light);width:100%;color:var(--ink);font-family:var(--ff);transition:border-color var(--t-quick), background var(--t-quick), box-shadow var(--t-quick);caret-color:var(--acc);outline:none;padding:13px 18px;font-size:14px}.form-field:focus{border-color:var(--acc);background:var(--white);box-shadow:0 0 0 3px #8e004014}@keyframes sp{0%,to{opacity:.35;transform-origin:top;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes availMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(18px,-28px)scale(1.08)}}:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:none}.skip-link{background:var(--acc);color:#fff;z-index:9999;border-radius:0 0 0 8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-40px;right:0}.skip-link:focus{top:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.mar-r,.mar-l{animation:none!important}}::selection{background:var(--acc);color:#fff}::selection{background:var(--acc);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8e004040;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--acc)}@media (max-width:768px){button,a,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px}}.blog-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.nav-web{display:none}@media (min-width:769px){.nav-web{display:inline-flex!important}}@media print{#fab,#spb,.skip-link,nav{display:none!important}body{color:#000!important;background:#fff!important}a[href]:after{content:" (" attr(href) ")";color:#666;font-size:10px}}