:root{--blue:#2563eb;--indigo:#6366f1;--violet:#8b5cf6;--cyan:#00f0ff;--cyan-glow:rgba(0,240,255,.22);--amber:#f59e0b;--emerald:#10b981;--bg-page:#06080f;--bg-surface:#0b0f1a;--bg-surface-elevated:#111726;--bg-card:rgba(13,18,32,.85);--border-color:rgba(255,255,255,.08);--border-hover:rgba(0,240,255,.4);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--code-bg:#030509;--code-text:#e2e8f0;--header-bg:rgba(6,8,15,.9);--ribbon-bg:#030509;--ribbon-text:#94a3b8;--ribbon-border:rgba(255,255,255,.06);--shadow-card:0 8px 24px -6px rgba(0,0,0,.6);--shadow-glow:0 0 28px -4px rgba(0,240,255,.2);--btn-cta-bg:linear-gradient(135deg,#00f0ff 0%,#0284c7 100%);--btn-cta-text:#030509;--btn-cta-shadow:rgba(0,240,255,.25);--hero-gradient:linear-gradient(135deg,#00f0ff 0%,#818cf8 50%,#c084fc 100%);--badge-amber-bg:rgba(245,158,11,.12);--badge-amber-text:#f59e0b;--badge-amber-border:rgba(245,158,11,.25);--badge-cyan-bg:rgba(0,240,255,.12);--badge-cyan-text:#00f0ff;--badge-cyan-border:rgba(0,240,255,.25);--badge-emerald-bg:rgba(16,185,129,.12);--badge-emerald-text:#10b981;--badge-emerald-border:rgba(16,185,129,.25);--font-heading:'Alexandria' , -apple-system , BlinkMacSystemFont , sans-serif;--font-body-ar:'Tajawal' , 'Alexandria' , sans-serif;--font-body-en:'Plus Jakarta Sans' , -apple-system , BlinkMacSystemFont , sans-serif;--font-mono:'Fira Code' , monospace}[data-theme="light"]{--cyan:#0284c7;--cyan-glow:rgba(2,132,199,.15);--amber:#b45309;--emerald:#047857;--bg-page:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--bg-card:#fff;--border-color:#e2e8f0;--border-hover:#0284c7;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--code-bg:#0b1120;--code-text:#f8fafc;--header-bg:rgba(255,255,255,.94);--ribbon-bg:#f1f5f9;--ribbon-text:#475569;--ribbon-border:#e2e8f0;--shadow-card:0 6px 20px rgba(0,0,0,.05);--shadow-glow:0 10px 28px rgba(2,132,199,.12);--btn-cta-bg:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);--btn-cta-text:#fff;--btn-cta-shadow:rgba(2,132,199,.25);--hero-gradient:linear-gradient(135deg,#0284c7 0%,#4f46e5 50%,#7c3aed 100%);--badge-amber-bg:#fef3c7;--badge-amber-text:#92400e;--badge-amber-border:#fde68a;--badge-cyan-bg:#e0f2fe;--badge-cyan-text:#0369a1;--badge-cyan-border:#bae6fd;--badge-emerald-bg:#d1fae5;--badge-emerald-text:#065f46;--badge-emerald-border:#a7f3d0}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;min-width:0}html,body{width:100%;max-width:100%;overflow-x:hidden;position:relative}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px}body{background-color:var(--bg-page);color:var(--text-primary);font-family: var(--font-body-ar);line-height:1.75;transition:background-color .2s ease , color .2s ease}html[lang="en"] body{font-family: var(--font-body-en);line-height:1.65}.page-wrapper{width:100%;max-width:100%;overflow-x:hidden;position:relative;min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 16px;box-sizing:border-box}@media screen and (min-width:768px){.container{padding:0 24px}}.ambient-glow{position:absolute;top:0;left:0;right:0;height:480px;background:radial-gradient(circle at 50% 0%,var(--cyan-glow) 0%,rgba(99,102,241,.04) 40%,transparent 70%);pointer-events:none;z-index:0;overflow:hidden}.top-ribbon{background:var(--ribbon-bg);border-bottom:1px solid var(--ribbon-border);padding:5px 0;font-size:.75rem;color:var(--ribbon-text);width:100%;position:relative;z-index:101}.top-ribbon-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;text-align:center;line-height:1.4}.ribbon-pill{background:var(--btn-cta-bg);color:var(--btn-cta-text);font-family: var(--font-heading);font-size:.62rem;font-weight:800;padding:1px 6px;border-radius:4px;flex-shrink:0;letter-spacing:.02em}.top-ribbon a{color:var(--cyan);text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:3px;flex-shrink:0}.top-ribbon a:hover{text-decoration:underline}.site-header{position:sticky;top:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);width:100%;transition:background .2s ease , border-color .2s ease}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:56px;gap:12px;width:100%}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family: var(--font-heading);font-size:1.12rem;font-weight:800;color:var(--text-primary);flex-shrink:0;letter-spacing:-.02em}.brand-logo-img{height:28px;width:auto;max-width:60px;object-fit:contain;flex-shrink:0;filter:none;transition:transform .2s cubic-bezier(.4,0,.2,1)}.brand:hover .brand-logo-img{transform:scale(1.04)}.nav-menu{display:none;align-items:center;gap:18px;list-style:none}@media screen and (min-width:780px){.nav-menu{display:flex}}.nav-menu a{font-family: var(--font-heading);font-size:.82rem;font-weight:600;color:var(--text-secondary);text-decoration:none;transition:color .15s ease;white-space:nowrap;padding:4px 6px;border-radius:4px}.nav-menu a:hover{color:var(--cyan)}.nav-menu a.active{color:var(--cyan);background:var(--badge-cyan-bg)}.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-icon-ctrl{width:34px;height:34px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:all .18s cubic-bezier(.4,0,.2,1);flex-shrink:0}.btn-icon-ctrl:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-surface-elevated);transform:translateY(-1px)}.btn-icon-ctrl:focus-visible{border-color:var(--cyan);box-shadow:0 0 0 2px var(--cyan-glow)}.btn-icon-ctrl svg{width:16px;height:16px}.mobile-nav-strip{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:8px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-color);-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-nav-strip::-webkit-scrollbar{display:none}@media screen and (min-width:780px){.mobile-nav-strip{display:none}}.mobile-nav-strip a{font-family: var(--font-heading);font-size:.76rem;font-weight:600;color:var(--text-secondary);text-decoration:none;padding:4px 10px;border-radius:6px;background:var(--bg-surface-elevated);border:1px solid var(--border-color);white-space:nowrap;flex-shrink:0}.mobile-nav-strip a.active{color:var(--cyan);border-color:var(--cyan);background:var(--badge-cyan-bg)}.hero-section{position:relative;padding:48px 0 36px 0;text-align:center;z-index:1;width:100%}@media screen and (min-width:768px){.hero-section{padding:68px 0 52px 0}}.hero-pill-badge{display:inline-flex;align-items:center;gap:6px;font-family: var(--font-heading);font-size:.72rem;font-weight:700;color:var(--cyan);background:var(--badge-cyan-bg);border:1px solid var(--badge-cyan-border);padding:3px 12px;border-radius:999px;margin-bottom:18px}.hero-title{font-family: var(--font-heading);font-size:clamp(1.45rem,5.2vw,2.9rem);font-weight:900;line-height:1.35;letter-spacing:-.02em;max-width:940px;margin:0 auto 16px auto;color:var(--text-primary);word-break:normal;overflow-wrap:break-word}.gradient-glow-text{background:var(--hero-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline}.hero-desc{font-size:clamp(.92rem,2.4vw,1.08rem);color:var(--text-secondary);max-width:740px;margin:0 auto 28px auto;line-height:1.8;font-weight:400}.hero-desc bdi{font-family: var(--font-body-en);color:var(--text-primary);font-weight:700;direction:ltr;unicode-bidi:isolate;display:inline-block}.hero-cta-group{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:30px;width:100%}.btn-hero-primary{background:var(--btn-cta-bg);color:var(--btn-cta-text);font-family: var(--font-heading);font-size:.86rem;font-weight:700;padding:11px 20px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 16px var(--btn-cta-shadow);transition:all .18s ease;white-space:nowrap}.btn-hero-primary:hover{box-shadow:0 6px 22px var(--btn-cta-shadow);transform:translateY(-1px)}.btn-hero-secondary{background:var(--bg-surface);color:var(--text-primary);font-family: var(--font-heading);font-size:.86rem;font-weight:700;padding:11px 18px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-color);transition:all .18s ease;white-space:nowrap}.btn-hero-secondary:hover{border-color:var(--border-hover);background:var(--bg-surface-elevated);transform:translateY(-1px)}@media screen and (max-width:480px){.hero-cta-group{flex-direction:column;width:100%}.btn-hero-primary,.btn-hero-secondary{width:100%}}.section-block{padding:50px 0;border-bottom:1px solid var(--border-color);position:relative;width:100%;box-sizing:border-box}@media screen and (min-width:768px){.section-block{padding:72px 0}}.section-heading-box{text-align:center;max-width:720px;margin:0 auto 34px auto}.section-tag-pill{font-family: var(--font-heading);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--cyan);margin-bottom:6px;display:inline-block;background:var(--badge-cyan-bg);padding:3px 10px;border-radius:999px;border:1px solid var(--badge-cyan-border)}.section-main-title{font-family: var(--font-heading);font-size:clamp(1.35rem,3.8vw,2.1rem);font-weight:800;color:var(--text-primary);margin-bottom:8px;line-height:1.35;word-break:normal}.section-lead-desc{font-size:.92rem;color:var(--text-secondary);line-height:1.7}.pillars-grid-2{display:grid;grid-template-columns:1fr;gap:20px;width:100%;box-sizing:border-box;margin-bottom:24px}@media screen and (min-width:780px){.pillars-grid-2{grid-template-columns:repeat(2,1fr);gap:24px}}.pillar-card{background:var(--bg-card);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:14px;padding:26px 22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-card);transition:all .2s ease;position:relative;overflow:hidden}.pillar-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.pillar-card-header{margin-bottom:16px}.pillar-badge{font-family: var(--font-heading);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:4px;display:inline-block;margin-bottom:10px}.pillar-title{font-family: var(--font-heading);font-size:1.3rem;font-weight:800;color:var(--text-primary);margin-bottom:6px}.pillar-motto{color:var(--cyan);font-family: var(--font-heading);font-size:.84rem;font-weight:700;margin-bottom:10px}.pillar-body{font-size:.88rem;color:var(--text-secondary);line-height:1.7;margin-bottom:20px}.pillar-features{list-style:none;margin-bottom:20px}.pillar-features li{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--text-primary);margin-bottom:8px}.pillar-features svg{width:15px;height:15px;color:var(--emerald);flex-shrink:0}.pillar-footer{border-top:1px solid var(--border-color);padding-top:16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.layers-grid-4{display:grid;grid-template-columns:1fr;gap:16px;width:100%;box-sizing:border-box}@media screen and (min-width:600px){.layers-grid-4{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:980px){.layers-grid-4{grid-template-columns:repeat(4,1fr)}}.layer-card-unit{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease}.layer-card-unit:hover{border-color:var(--border-hover);transform:translateY(-2px)}.layer-num{font-family: var(--font-mono);font-size:.72rem;font-weight:700;color:var(--cyan);margin-bottom:8px}.layer-title{font-family: var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.layer-desc{font-size:.84rem;color:var(--text-secondary);line-height:1.6;margin-bottom:14px}.layer-tags{display:flex;flex-wrap:wrap;gap:4px}.layer-tag{font-family: var(--font-mono);font-size:.68rem;background:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--text-muted);padding:2px 6px;border-radius:4px}.three-modes-grid{display:grid;grid-template-columns:1fr;gap:16px;width:100%;box-sizing:border-box}@media screen and (min-width:760px){.three-modes-grid{grid-template-columns:repeat(3,1fr);gap:18px}}.mode-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:22px 18px;text-align:center;transition:all .2s ease}.mode-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.mode-badge{font-family: var(--font-mono);font-size:.76rem;font-weight:800;letter-spacing:.08em;padding:3px 10px;border-radius:6px;display:inline-block;margin-bottom:12px}.mode-title{font-family: var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.mode-desc{font-size:.86rem;color:var(--text-secondary);line-height:1.65}.tenets-grid{display:grid;grid-template-columns:1fr;gap:14px;width:100%;box-sizing:border-box}@media screen and (min-width:600px){.tenets-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:900px){.tenets-grid{grid-template-columns:repeat(3,1fr)}}.tenet-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:18px 16px;transition:all .18s ease}.tenet-card:hover{border-color:var(--border-hover)}.tenet-title{font-family: var(--font-heading);font-size:.96rem;font-weight:700;color:var(--text-primary);margin-bottom:6px;display:flex;align-items:center;gap:8px}.tenet-title svg{color:var(--cyan);width:16px;height:16px;flex-shrink:0}.tenet-desc{font-size:.84rem;color:var(--text-secondary);line-height:1.6}.terminal-wrapper{width:100%;max-width:780px;margin:0 auto;background:#050811;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.35);overflow:hidden;text-align:start;direction:ltr;box-sizing:border-box}[data-theme="light"] .terminal-wrapper{border:1px solid #cbd5e1;box-shadow:0 12px 32px rgba(15,23,42,.12)}.terminal-header{background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.08);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow-x:auto}.terminal-dots{display:flex;gap:5px;flex-shrink:0}.terminal-dot{width:9px;height:9px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.terminal-tab-group{display:flex;gap:4px;overflow-x:auto}.terminal-tab-btn{background:transparent;border:1px solid transparent;color:#94a3b8;font-family: var(--font-mono);font-size:.7rem;padding:3px 8px;border-radius:4px;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.terminal-tab-btn.active{color:#00f0ff;background:rgba(0,240,255,.1);border-color:rgba(0,240,255,.3);font-weight:600}.terminal-body-box{padding:14px;font-family: var(--font-mono);font-size:.8rem;color:#e2e8f0;line-height:1.7}.terminal-row{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.04);padding:7px 12px;border-radius:6px;margin-top:6px;border:1px solid rgba(255,255,255,.07);gap:6px;width:100%;box-sizing:border-box}.terminal-cmd-str{color:#00f0ff;font-family: var(--font-mono);font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}.btn-copy-code{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#e2e8f0;padding:4px 8px;border-radius:4px;font-family: var(--font-mono);font-size:.68rem;cursor:pointer;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;transition:all .18s ease}.btn-copy-code:hover{background:#00f0ff;color:#030509;border-color:#00f0ff}.skills-grid-box{display:grid;grid-template-columns:1fr;gap:14px;width:100%;box-sizing:border-box}@media screen and (min-width:600px){.skills-grid-box{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:960px){.skills-grid-box{grid-template-columns:repeat(3,1fr)}}.skill-card-unit{background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:10px;padding:16px 14px;display:flex;flex-direction:column;justify-content:space-between;transition:all .18s ease;width:100%;box-sizing:border-box}.skill-card-unit:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.skill-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:6px}.skill-card-title{font-family: var(--font-mono);font-size:.88rem;font-weight:700;color:var(--text-primary);display:inline-flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-card-ver{font-family: var(--font-mono);font-size:.66rem;background:var(--badge-cyan-bg);color:var(--badge-cyan-text);border:1px solid var(--badge-cyan-border);padding:1px 5px;border-radius:3px;flex-shrink:0;font-weight:600}.skill-card-body{font-size:.84rem;color:var(--text-secondary);margin-bottom:12px;line-height:1.6}.skill-cmd-terminal{background:var(--code-bg);border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:5px 8px;display:flex;align-items:center;justify-content:space-between;direction:ltr;gap:6px;width:100%;box-sizing:border-box}[data-theme="light"] .skill-cmd-terminal{background:#0b1120}.skill-cmd-text{color:#38bdf8;font-family: var(--font-mono);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}.site-footer{background:var(--bg-surface);border-top:1px solid var(--border-color);padding:48px 0 24px 0;width:100%;box-sizing:border-box;margin-top:auto}.footer-grid-layout{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:32px;width:100%;box-sizing:border-box}@media screen and (min-width:600px){.footer-grid-layout{grid-template-columns:1fr 1fr}}@media screen and (min-width:900px){.footer-grid-layout{grid-template-columns:2fr repeat(3,1fr);gap:30px}}.footer-brand-title{font-family: var(--font-heading);font-size:1.1rem;font-weight:800;color:var(--text-primary);margin-bottom:10px;display:flex;align-items:center;gap:8px}.footer-logo-img{height:26px;width:auto;max-width:55px;object-fit:contain;flex-shrink:0;filter:none}.footer-col-item h4{font-family: var(--font-heading);font-size:.86rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}.footer-col-item ul{list-style:none}.footer-col-item ul li{margin-bottom:6px}.footer-col-item ul li a{color:var(--text-secondary);font-size:.82rem;text-decoration:none;transition:color .15s ease}.footer-col-item ul li a:hover{color:var(--cyan)}.footer-bottom-bar{border-top:1px solid var(--border-color);padding-top:16px;display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:.76rem;flex-wrap:wrap;gap:6px}