:root{--bg-primary:#0a0a0a;--bg-secondary:#111111;--bg-tertiary:#1a1a1a;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--accent:#00d4aa;--alpha-accent:#3f969d;--accent-dark:#00b894;--terminal-green:#00ff9d;--terminal-yellow:#ffcc00;--terminal-red:#ff4757;--terminal-blue:var(--terminal-green);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--font-xs:0.8rem;--font-sm:0.85rem;--font-base:1rem;--font-md:1.1rem;--font-lg:1.5rem;--font-xl:2rem;--font-2xl:2.5rem;--font-3xl:3rem;--border-radius:8px;--border-radius-sm:4px;--border-radius-lg:12px;--border-radius-full:50%;--transition:all 0.3s ease;--transition-fast:all 0.15s ease;--shadow:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-md:0 8px 20px rgba(0, 0, 0, 0.35);--shadow-lg:0 15px 30px rgba(0, 0, 0, 0.3)}:root{--neon-cyan:var(--terminal-green);--neon-cyan-strong:rgba(0,255,157,0.95);--achievements-green:#00d4aa;--achievements-green-strong:rgba(0,212,170,0.95);--achievements-green-soft:rgba(0,212,170,0.12)}body{background-image:linear-gradient(rgba(2,6,8,.78),rgba(2,6,8,.78)),url(/images/data/hero-background.png);background-size:cover;background-position:50%;background-attachment:fixed;background-repeat:no-repeat;color:var(--text-primary)}.hero::before{content:'';position:absolute;inset:0;background-image:url(/images/data/hero-background.png);background-size:cover;background-position:50%;opacity:.12;filter:blur(6px)saturate(1.05);transform:scale(1.02);z-index:1;pointer-events:none}header{position:relative;z-index:10;background:rgba(4,10,12,.28);-webkit-backdrop-filter:blur(6px)saturate(1.05);backdrop-filter:blur(6px)saturate(1.05);border-bottom:1px solid rgba(255,255,255,3%)}.container>nav{padding:12px 0}.logo-img.logo-glow{display:inline-block;width:48px;height:auto;filter:drop-shadow(0 0 6px rgba(0,255,157,.28))drop-shadow(0 0 12px rgba(0,212,170,.12));transition:filter .2s ease,transform .2s ease}.logo-img.logo-glow:hover{transform:translateY(-1px)scale(1.01);filter:drop-shadow(0 0 10px rgba(0,255,157,.45))drop-shadow(0 0 18px rgba(0,212,170,.18))}.hero .hero-title{font-family:inherit;color:var(--text-primary);font-size:var(--font-3xl);line-height:1.15;text-shadow:none;letter-spacing:normal;z-index:2;position:relative}.hero .hero-title span{display:inline-block;color:var(--terminal-green);font-weight:800;text-shadow:0 0 12px rgba(0,255,157,.12)}.hero,.hero .container{position:relative;z-index:3}.hero .hero-content{position:relative;z-index:4}.btn-outline{border:2px solid rgba(0,212,170,.75);color:var(--neon-cyan-strong);background:0 0}.btn-outline::after{content:'';position:absolute;inset:-6px;border-radius:calc(var(--border-radius) + 6px);box-shadow:0 0 rgba(0,255,157,0);transition:box-shadow .25s ease,transform .25s ease;pointer-events:none}.btn-outline:hover::after{box-shadow:0 0 30px 6px rgba(0,255,157,.14),0 0 60px 8px rgba(0,212,170,.1)}.btn-outline:hover{color:#001214;background:linear-gradient(90deg,rgba(0,255,157,6%),rgba(0,212,170,4%));transform:translateY(-4px);border-color:var(--neon-cyan-strong)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;zoom:1.1}body{font-family:fira code,courier new,monospace;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.skip-to-content{position:absolute;top:-100px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--bg-primary);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);font-weight:600;text-decoration:none;z-index:9999;transition:top .2s ease}.skip-to-content:focus{top:var(--spacing-md);outline:3px solid var(--terminal-yellow);outline-offset:2px}.container{width:95%;max-width:1300px;margin:0 auto;padding:0 var(--spacing-lg)}section{padding:80px 0}.breadcrumbs{margin-bottom:var(--spacing-lg);padding:var(--spacing-md)0}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);list-style:none;padding:0;margin:0;font-size:var(--font-sm)}.breadcrumbs li{display:flex;align-items:center;gap:var(--spacing-xs)}.breadcrumbs a{color:var(--text-secondary);transition:var(--transition-fast)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs .separator{color:var(--text-secondary);opacity:.5}.breadcrumbs [aria-current=page]{color:var(--text-primary);font-weight:500}h1,h2,h3,h4{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-3xl)}h2{font-size:var(--font-2xl);position:relative;display:inline-block;margin-bottom:3rem}h3{font-size:var(--font-xl)}h4{font-size:1.4rem}.post-content h1:first-of-type{font-size:clamp(1.6rem,2.6vw,2rem);font-weight:600;margin-top:0;margin-bottom:1rem;letter-spacing:.2px}h2::after{content:'';position:absolute;bottom:-10px;left:0;width:60px;height:4px;background-color:var(--accent);border-radius:var(--border-radius-sm)}p{margin-bottom:1.5rem}a{color:var(--accent);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-dark)}ul{list-style:none}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:12px 28px;background-color:var(--accent);color:var(--bg-primary);border:2px solid var(--accent);border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);text-align:center;font-family:inherit;position:relative;overflow:hidden}.btn:hover{background-color:var(--accent-dark);transform:translateY(-2px);box-shadow:var(--shadow)}.btn i{font-size:1.2rem;transition:var(--transition)}.btn-outline{background-color:transparent;color:var(--accent);position:relative;overflow:hidden}.btn-outline::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--accent);transition:left .4s cubic-bezier(.25,.46,.45,.94);z-index:-1}.btn-outline:hover{color:var(--bg-primary);transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,212,170,.4);border-color:var(--accent-dark)}.btn-outline:hover::before{left:0}.btn-outline:hover i{transform:scale(1.2)rotate(5deg)}.btn-outline:hover span{letter-spacing:.5px}.project-links .btn:not(.btn-outline){background-color:var(--accent);border:2px solid var(--accent);color:var(--bg-primary);position:relative;overflow:hidden}.project-links .btn:not(.btn-outline)::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:transparent;transition:left .4s cubic-bezier(.25,.46,.45,.94);z-index:-1}.project-links .btn:not(.btn-outline):hover{background-color:transparent;color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,212,170,.4);border-color:var(--accent-dark)}.project-links .btn:not(.btn-outline):hover::before{left:0}.project-links .btn:not(.btn-outline):hover i,.project-links .btn:not(.btn-outline):hover span{color:var(--accent)}.project-links .btn:not(.btn-outline):hover i{transform:scale(1.2)rotate(5deg)}.project-links .btn:not(.btn-outline):hover span{letter-spacing:.5px}.btn-outline:hover span{letter-spacing:.5px}.btn-outline:hover span{letter-spacing:.5px}.card{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow);transition:var(--transition);border:1px solid rgba(255,255,255,5%);position:relative;overflow:hidden}.card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,255,157,8%) 0%,transparent 50%);opacity:0;transition:var(--transition);pointer-events:none}.card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(0,255,157,6%);border-color:rgba(0,255,157,.18)}.card:hover::before{opacity:1}.blog-post.card:hover{transform:none!important;box-shadow:var(--shadow-lg)!important;border-color:rgba(255,255,255,5%)!important}.blog-post.card:hover::before{opacity:.03!important;background:linear-gradient(135deg,rgba(0,212,170,1%) 0%,transparent 50%)!important}.section-title{text-align:center;margin-bottom:4rem}.contact .section-title{margin-bottom:5rem}.search-container{display:block;width:100%;margin-bottom:.8rem;padding:8px;border-radius:calc(var(--border-radius) + 2px);background:linear-gradient(180deg,rgba(6,8,10,.48),rgba(6,8,10,.32));border:1px solid rgba(63,150,157,.12);box-shadow:0 2px 8px rgba(0,0,0,.35);box-shadow:0 6px 20px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.6);backdrop-filter:blur(6px)saturate(120%)}.pagefind-search-input{background:0 0;color:var(--text-primary);border:1px solid rgba(255,255,255,4%);outline:none;padding:12px 16px;padding-left:44px;font-size:var(--font-base);width:100%;border-radius:calc(var(--border-radius) - 2px);transition:box-shadow 220ms cubic-bezier(.2,.9,.2,1),border-color 220ms ease,transform 220ms ease;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%233f969d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");background-repeat:no-repeat;background-position:12px}.pagefind-search-input::placeholder{color:var(--text-secondary)}.pagefind-search-input:focus{box-shadow:0 0 0 6px rgba(0,255,157,4%);border-color:rgba(63,150,157,.35)}@media(max-width:700px){.pagefind-search-input{padding:10px;font-size:.95rem}}.blog .search-container{max-width:820px;margin-left:auto;margin-right:auto}.blog .pagefind-search-input{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,2%)}.blog .pagefind-search-input:focus{outline:none;box-shadow:0 0 0 8px rgba(0,212,170,6%);border-color:var(--achievements-green-strong);transform:translateY(-1px)}.section-title h2{margin-bottom:var(--spacing-md)}.section-title p{color:var(--text-secondary);max-width:600px;margin:0 auto}header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:rgba(10,10,10,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,5%)}nav{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.logo{font-size:var(--font-lg);font-weight:700;color:var(--accent)}.header-logo-img{height:36px;width:auto;display:block}.header-name{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.logo span{color:var(--terminal-green)}.logo-img{height:80px;width:auto;display:block}.nav-links{display:flex;gap:var(--spacing-lg)}.nav-links a{color:var(--text-primary);font-weight:500;position:relative}.nav-links a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--accent);transition:var(--transition)}.nav-links a:hover::after,.nav-links a.active::after{width:100%}.nav-links a.active{color:var(--accent)}.hamburger{display:none;cursor:pointer;background:0 0;border:none;padding:.5rem;width:44px;height:44px;color:var(--text-primary)}.hamburger-box{width:24px;height:16px;display:inline-block;position:relative}.hamburger-inner{display:block;width:24px;height:2px;background-color:currentColor;position:absolute;left:0;top:50%;transform:translateY(-50%);transition:transform .25s ease,background-color .25s ease,opacity .2s ease}.hamburger-inner::before,.hamburger-inner::after{content:'';display:block;width:24px;height:2px;background-color:currentColor;position:absolute;left:0;transition:transform .25s ease,opacity .2s ease}.hamburger-inner::before{top:-7px}.hamburger-inner::after{top:7px}.hamburger.active .hamburger-inner{transform:rotate(45deg)}.hamburger.active .hamburger-inner::before{transform:rotate(-90deg)translateX(-6px);top:0}.hamburger.active .hamburger-inner::after{opacity:0}.hero{min-height:100vh;display:flex;align-items:center;padding-top:96px;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,rgba(0,212,170,.1) 0%,transparent 50%);z-index:-1}.hero-content{max-width:700px}.hero h1{font-size:3.5rem;margin-bottom:var(--spacing-md)}.hero h1 span{color:var(--accent)}.hero .subtitle{font-size:var(--font-lg);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.terminal-prompt{display:flex;align-items:center;margin-bottom:var(--spacing-lg);color:var(--terminal-green)}.terminal-prompt::before{content:'0xalphadark@portfolio:~$';margin-right:10px;color:var(--terminal-green)}.hero-buttons,.error-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.hero-buttons .btn,.error-actions .btn{position:relative;overflow:hidden}.hero-buttons .btn::before,.error-actions .btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--accent);transition:left .4s cubic-bezier(.25,.46,.45,.94);z-index:-1}.hero-buttons .btn.btn-outline::before,.error-actions .btn.btn-outline::before{background-color:var(--accent)}.hero-buttons .btn.btn-outline:hover,.error-actions .btn.btn-outline:hover{color:var(--bg-primary);transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,212,170,.4);border-color:var(--accent-dark)}.hero-buttons .btn.btn-outline:hover::before,.error-actions .btn.btn-outline:hover::before{left:0}.hero-buttons .btn:not(.btn-outline)::before,.error-actions .btn:not(.btn-outline)::before{background-color:transparent}.hero-buttons .btn:not(.btn-outline):hover,.error-actions .btn:not(.btn-outline):hover{background-color:transparent;color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,212,170,.4);border-color:var(--accent-dark)}.hero-buttons .btn:not(.btn-outline):hover::before,.error-actions .btn:not(.btn-outline):hover::before{left:0}.hero-buttons .btn:hover i,.error-actions .btn:hover i{transform:scale(1.2)rotate(5deg)}.hero-buttons .btn:hover span,.error-actions .btn:hover span{letter-spacing:.5px}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:center}.about-image{width:320px;max-width:100%;justify-self:end;align-self:center;transform:translate(12px,8px);border-radius:calc(var(--border-radius) + 4px);overflow:hidden;box-shadow:var(--shadow);padding:8px;background:linear-gradient(180deg,rgba(6,8,10,.52),rgba(6,8,10,.42));border:1px solid var(--achievements-green-soft);transition:transform 260ms cubic-bezier(.2,.9,.2,1),box-shadow 260ms ease}.about-image img{width:100%;height:auto;display:block;transition:transform 300ms ease,filter 220ms ease,box-shadow 220ms ease}.about-image:hover{transform:translate(12px,0);box-shadow:0 22px 48px rgba(0,212,170,6%),0 10px 30px rgba(0,0,0,.6)}.about-image:hover img{transform:scale(1.02);filter:brightness(1)}.about-text p{margin-bottom:1.5rem}.highlights{margin-top:var(--spacing-lg)}.highlights li{margin-bottom:var(--spacing-sm);display:flex;align-items:center}.highlights li::before{content:'▸';color:var(--accent);margin-right:10px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.skill-category h3,.skills-category h3{margin-bottom:1.5rem;color:var(--accent);display:flex;align-items:center}.skill-category h3 i,.skills-category h3 i{margin-right:10px}.skill-list,.skills-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.skill-item,.skill-card{background:rgba(6,8,10,.52);border:1px solid rgba(0,255,157,.12);padding:var(--spacing-sm)var(--spacing-md);border-radius:20px;font-size:var(--font-sm);transition:var(--transition);backdrop-filter:blur(6px)saturate(1.02);-webkit-backdrop-filter:blur(6px)saturate(1.02)}.skill-item:hover,.tech-tag:hover{background-color:var(--accent);color:var(--bg-primary)}.skill-card.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.project-header .post-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;transition:font-size .12s ease,letter-spacing .12s ease;max-width:100%;font-size:var(--font-2xl);line-height:1.08;font-weight:700;letter-spacing:-.3px}@media(max-width:420px){.project-header .post-title{white-space:normal;font-size:var(--font-xl)}}.skills-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.skill-card.card{padding:.95rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;border-radius:var(--border-radius-lg)}.skill-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}.skill-card-header .category-icon{font-size:1.4rem;color:var(--accent)}.skill-card-title{margin:0;font-size:clamp(1.05rem,1.9vw,1.22rem);font-weight:700}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.45rem}.skill-tag{background:rgba(6,8,10,.42);border:1px solid rgba(0,255,157,6%);padding:.35rem .7rem;border-radius:14px;font-size:.9rem;display:inline-flex;align-items:center;gap:.45rem;transition:transform .12s ease,background .12s ease,color .12s ease,box-shadow .12s ease;backdrop-filter:blur(6px)}.skill-tag i{font-size:.95rem;color:var(--accent)}.skill-tag:hover{background-color:var(--accent);color:var(--bg-primary)}.skill-tag:hover i{color:inherit;transform:scale(1.08)rotate(6deg)}.skills{padding:3.5rem 0 2.5rem;background:linear-gradient(180deg,rgba(0,0,0,2%),transparent 60%)}.skills-inner{max-width:1200px;margin:0 auto}.skills .section-title h2{color:var(--text-primary);font-size:clamp(1.25rem,2.6vw,1.9rem)}.skills .section-subtitle{color:var(--text-secondary);margin-top:.25rem}.skills-categories{margin-top:1.6rem}.skills-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.1rem}.skill-card.card{background:rgba(6,8,10,.52);border:1px solid rgba(0,255,157,.12);padding:1rem;display:flex;flex-direction:column;min-height:170px;transition:transform .22s ease,box-shadow .22s ease,border-color 220ms ease;border-radius:var(--border-radius-lg);box-shadow:0 6px 18px rgba(0,0,0,.6);overflow:hidden}.skill-card.card:hover{transform:translateY(-8px);border-color:rgba(0,255,157,.6);box-shadow:0 22px 48px rgba(0,255,157,6%),0 10px 30px rgba(0,0,0,.6)}.skill-card-header{align-items:flex-start;display:flex;gap:.8rem}.category-icon-wrap{flex:none}.category-icon-wrap .category-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,2%);color:var(--accent);font-size:1rem}.skill-card-head-info{flex:auto}.skill-card-row{display:flex;align-items:center;gap:.6rem}.skill-card-title{font-size:1.02rem;margin:0;color:var(--text-primary)}.skill-tags{display:flex;flex-direction:column;gap:.5rem;margin-top:.45rem;align-items:flex-start}.skill-tag{background:rgba(6,8,10,.42);border:1px solid rgba(0,255,157,6%);color:var(--text-primary);padding:.5rem .64rem;border-radius:10px;font-size:.92rem;display:inline-flex;align-items:center;gap:.6rem;width:100%;transition:background .16s ease,transform .16s ease,color .16s ease,box-shadow .16s ease;backdrop-filter:blur(6px)}.skill-tag i{color:var(--accent)}.extra-skills{display:flex;flex-wrap:wrap;gap:.5rem;max-height:0;overflow:hidden;transition:max-height 260ms ease,opacity 200ms ease;opacity:0}.skill-card.expanded .extra-skills{max-height:600px;opacity:1}.skill-show-more{background:0 0;border:none;padding:.15rem .25rem;margin-top:.25rem;color:var(--text-secondary);cursor:pointer;font-weight:600;font-size:.95rem}.skill-show-more:hover,.skill-show-more:focus{color:var(--accent);text-decoration:underline;outline:none}.skill-show-more .more-count{display:inline-block;margin-right:.4rem;font-weight:700}.skill-progress{display:inline-flex;align-items:center;gap:.6rem;margin-top:.45rem}.skill-progress .skill-progress-track{width:120px;height:8px;background:rgba(255,255,255,3%);border-radius:8px;overflow:hidden;flex:none}.skill-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-dark));width:var(--pct,50%);transition:width 360ms ease}.skill-progress-label{font-size:.85rem;color:var(--text-secondary);font-weight:600}.lang-progress{display:inline-flex;align-items:center;gap:.5rem}.lang-progress .lang-progress-track{width:120px;height:7px;background:rgba(255,255,255,3%);border-radius:6px;overflow:hidden}.lang-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-dark));width:var(--pct,50%);transition:width 360ms ease}.lang-progress-label{font-size:.78rem;color:var(--text-secondary);font-weight:600}@media(min-width:0px){.language-list .lang-row{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.language-list .skill-tag{width:100%;display:inline-flex;align-items:center;gap:.6rem}.language-list .lang-col{width:100%}.lang-progress{width:100%;display:flex;flex-direction:row;align-items:center;gap:.6rem;margin-top:.45rem}.lang-progress .lang-progress-track{flex:1;height:8px;min-width:0}.lang-progress-meta{display:flex;align-items:center;gap:.6rem;justify-content:flex-end;width:auto}.lang-progress-label{font-size:.82rem;color:var(--text-secondary);font-weight:600}}@media(max-width:700px){.skills{padding:2rem 0}.skill-card.card{min-height:auto}@media(max-width:992px){.about-content{gap:1.5rem}.about-image{width:280px}}@media(max-width:640px){.about-content{grid-template-columns:1fr;gap:var(--spacing-md)}.about-image{width:85%;margin:0 auto 1rem}}.skill-card-header .category-icon{width:34px;height:34px}}.skill-card.many-tags .skill-tag{font-size:.82rem;padding:.28rem .54rem}@media(max-width:680px){.skills-cards{grid-template-columns:1fr}}.timeline{position:relative;max-width:1100px;margin:0 auto}.timeline::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background-color:var(--bg-tertiary)}.timeline-item{position:relative;margin-bottom:var(--spacing-md);width:42%}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(even){left:58%}.field-badge{display:inline-block;background-color:rgba(0,0,0,.15);color:var(--text-primary);padding:.2rem .5rem;border-radius:999px;font-size:.8rem;margin-top:.5rem}.field-badge-large{font-size:.95rem;padding:.28rem .7rem;background:linear-gradient(90deg,rgba(0,212,170,.12),rgba(0,212,170,6%));color:var(--text-primary);font-weight:700}.role-badge{display:inline-block;background-color:rgba(0,0,0,.12);color:var(--text-primary);padding:.22rem .5rem;border-radius:999px;font-size:.95rem;margin-top:.35rem;margin-right:.4rem;font-weight:700}.institution-score{display:inline-block;margin-left:.5rem;color:var(--text-secondary);font-size:.85rem;vertical-align:middle}.badge-link{text-decoration:none}.institution-group{display:inline-flex;align-items:center;gap:.12rem}.outside-card h3{margin-top:.25rem}.field-below{margin-top:.02rem;margin-bottom:.9rem}.date-range{display:inline-flex;align-items:center;gap:.4rem;background-color:var(--bg-tertiary);color:var(--text-secondary);padding:.25rem .6rem;border-radius:999px;font-size:.85rem}.date-range i{color:var(--accent)}.timeline-content{padding:1.5rem;display:flex;flex-direction:column;height:100%;border-radius:var(--border-radius-lg);background:rgba(6,8,10,.52);border:1px solid rgba(0,240,255,.12);backdrop-filter:blur(8px)saturate(1.05);-webkit-backdrop-filter:blur(8px)saturate(1.05);box-shadow:0 6px 18px rgba(0,0,0,.6);transition:transform 260ms cubic-bezier(.2,.9,.2,1),box-shadow 260ms ease,border-color 220ms ease;overflow:hidden}.timeline-content::after{content:'';position:absolute;top:20px;width:20px;height:20px;background-color:rgba(6,8,10,.52);transform:rotate(45deg)}.timeline-content:hover,.outside-card:hover{transform:translateY(-8px);border-color:rgba(0,255,157,.6);box-shadow:0 22px 48px rgba(0,255,157,6%),0 10px 30px rgba(0,0,0,.6)}.education .timeline-content .date-range,.education .outside-card .date-range,.experience .timeline-content .date-range,.experience .outside-card .date-range{margin-bottom:1.2rem}.badges-row .role-inline{margin-left:.18rem;display:inline-flex;width:auto;max-width:none;flex:none;white-space:nowrap;padding:.18rem .5rem;align-items:center}.timeline-item:nth-child(odd) .timeline-content::after{right:-10px}.timeline-item:nth-child(even) .timeline-content::after{left:-10px}.timeline-date{display:inline-block;padding:.3rem .8rem;background-color:var(--accent);color:var(--bg-primary);border-radius:20px;font-size:var(--font-xs);margin-bottom:var(--spacing-md);transition:var(--transition)}.project-content .timeline-date{background-color:var(--bg-tertiary);color:var(--text-secondary)}.project-content .timeline-date:hover{background-color:var(--accent);color:var(--bg-primary)}.projects-section .container{max-width:1500px}.projects-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:calc(var(--spacing-md))}.project-card{display:flex;flex-direction:column;height:100%}.project-card.card{padding:.75rem;background:rgba(6,8,10,.52);border-radius:var(--border-radius-lg);border:1px solid var(--achievements-green-soft);backdrop-filter:blur(8px)saturate(1.05);-webkit-backdrop-filter:blur(8px)saturate(1.05);box-shadow:0 6px 18px rgba(0,0,0,.6);transition:transform 260ms cubic-bezier(.2,.9,.2,1),box-shadow 260ms ease,border-color 220ms ease;overflow:hidden}.project-image{width:100%;height:110px;background-color:var(--bg-tertiary);border-radius:var(--border-radius-lg)var(--border-radius-lg)0 0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:var(--font-3xl);overflow:hidden;position:relative;margin:0}@media(max-width:1200px){.projects-grid{grid-template-columns:repeat(3,minmax(200px,1fr))}}@media(max-width:900px){.projects-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.project-image{height:100px}}@media(max-width:480px){.projects-grid{grid-template-columns:1fr}.project-image{height:90px}}.project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1);transform-origin:center center}.project-image:hover img{transform:scale(1.05)}.project-type-badge,.cert-type-badge{position:absolute;top:12px;right:12px;background:linear-gradient(90deg,var(--accent),var(--accent-dark));color:var(--bg-primary);padding:6px 10px;border-radius:var(--border-radius-lg);font-size:var(--font-sm);font-weight:700;box-shadow:0 6px 18px rgba(0,212,170,.12);z-index:6;transition:var(--transition)}.project-type-badge:hover,.cert-type-badge:hover{transform:translateY(-8px);border-color:rgba(0,240,255,.6);box-shadow:0 22px 48px rgba(0,255,157,6%),0 10px 30px rgba(0,0,0,.6)}.project-content{padding:.7rem .9rem .9rem;flex-grow:1;display:flex;flex-direction:column}.projects-grid .project-card h3{margin-bottom:.6rem}.projects-grid .project-card .project-content>p{margin-bottom:.6rem;overflow:hidden;display:block}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:.6rem 0}.tech-tag{background-color:var(--bg-tertiary);padding:.3rem .8rem;border-radius:15px;font-size:var(--font-xs);transition:var(--transition)}.tech-tag i{margin-right:.45rem;font-size:.95rem;color:var(--accent);transition:color .2s ease,transform .2s ease}.tech-tag:hover i{color:inherit;transform:scale(1.08)rotate(6deg)}.inline-icon,.badge i,.tag i,.tech-tag i,.project-meta i,.post-footer-meta i,.post-share i,.nav-link i,.post-navigation i,.post-header i,.project-links .btn i,.hero-buttons .btn i,.error-actions .btn i,.post-title i{color:inherit;transition:color .18s ease,transform .18s ease;display:inline-block;vertical-align:baseline}.badge:hover i,.tag:hover i,.tech-tag:hover i,.project-links .btn:hover i,.hero-buttons .btn:hover i,.error-actions .btn:hover i,a:hover i,.nav-link:hover i{color:inherit;transform:scale(1.08)rotate(6deg)}.icon-accent{color:var(--accent)!important}.project-meta{display:flex;gap:.6rem;align-items:center;margin-top:.6rem}.project-meta .issuer{background-color:var(--bg-tertiary);color:var(--text-secondary);padding:.25rem .7rem;border-radius:var(--border-radius-lg);font-size:var(--font-sm);transition:var(--transition)}.project-meta .issuer:hover{background-color:var(--accent);color:var(--bg-primary)}.project-links{margin-top:.4rem;display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.read-more-text{color:var(--accent);text-decoration:none;font-weight:600;font-size:.95rem}.read-more-text:hover{text-decoration:underline}.project-links .btn{padding:6px 12px;border-radius:9px;font-size:var(--font-sm)}.project-links .btn i{font-size:1rem}.project-links .btn span{font-size:var(--font-sm)}.project-content .title-block{min-height:calc(var(--font-xl) * 2 * 1.12)}.project-content .post-title{display:block;margin:0 0 .35rem;font-size:calc(var(--font-xl) * .85);line-height:1.12;overflow:hidden}@media(max-width:420px){.project-content .title-block{min-height:calc(var(--font-lg) * 2 * 1.12)}.project-content .post-title{line-height:1.18}}.project-content .project-desc{display:block;line-height:1.4;font-size:var(--font-base);color:var(--text-secondary);margin:0 0 .6rem;overflow:hidden;min-height:calc(var(--font-base) * 3 * 1.4);max-height:calc(var(--font-base) * 3 * 1.4)}.project-content .project-tech{min-height:2.2rem;margin-bottom:.6rem}.project-content .project-links{min-height:2.6rem}@media(max-width:520px){.project-content .project-desc{min-height:calc(var(--font-base) * 3 * 1.6);max-height:calc(var(--font-base) * 3 * 1.6)}}.badges-row{display:flex;flex-direction:column;gap:.35rem;margin:.35rem 0 .45rem}.badges-row.outside-inline{flex-direction:row;align-items:center;gap:.4rem;flex-wrap:wrap}.badge-row-top,.badge-row-bottom{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.badge-row-bottom{margin-top:.15rem}.badge{display:inline-flex;align-items:center;gap:.45rem;background-color:var(--bg-tertiary);color:var(--text-secondary);padding:.32rem .7rem;border-radius:14px;font-size:var(--font-xs);margin-bottom:0;flex:none;white-space:nowrap;transition:var(--transition)}.badge i{color:var(--accent);font-size:.95rem}.issuer-badge:hover,.year-badge:hover{background-color:var(--accent);color:var(--bg-primary);border-color:var(--accent-dark);transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,212,170,8%)}.credential-badge{border:2px solid rgba(0,212,170,.18);background-color:rgba(0,212,170,3%);color:var(--text-primary)}.credential-badge:hover{background-color:var(--accent);color:var(--bg-primary);border-color:var(--accent-dark)}.credential-badge i{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:rgba(0,212,170,4%);box-shadow:0 0 8px rgba(0,212,170,.18);transition:box-shadow .35s ease,transform .35s ease}.credential-badge:hover i{box-shadow:0 0 16px rgba(0,212,170,.28);transform:translateY(-2px)}.cert-type-inline{background:linear-gradient(90deg,rgba(0,212,170,.12),rgba(0,212,170,8%));color:var(--text-primary);padding:6px 10px;border-radius:10px;font-weight:700;font-size:var(--font-sm);border:1px solid rgba(0,212,170,6%)}.inline-progress{display:inline-flex;align-items:center;gap:.5rem;margin-left:.4rem}.progress-track{width:120px;height:8px;background:rgba(255,255,255,4%);border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,3%)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--alpha-accent),rgba(63,150,157,.8));box-shadow:0 4px 12px rgba(63,150,157,.12);transition:width .4s ease}.progress-label{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:.85rem;color:var(--text-secondary)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.verified-badge{border:2px solid rgba(40,200,120,.18);background-color:rgba(40,200,120,6%);color:var(--text-primary);padding:4px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:.4rem}.verified-badge i{color:var(--terminal-green)}.verified-overlay{position:absolute;top:10px;right:10px;background:0 0!important;color:var(--terminal-green);padding:0;border-radius:0;font-size:.95rem;box-shadow:none!important;z-index:12;border:none!important;transition:transform .12s ease,opacity .12s ease;display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto}.verified-overlay i{color:var(--terminal-green);font-size:1.05rem}.verified-overlay:hover,.verified-overlay:focus{transform:translateY(-2px);outline:none}@media(max-width:640px){.verified-overlay{top:8px;right:8px;font-size:.95rem}}.project-single .badges-row.single-inline,.project-detail .badges-row.single-inline{flex-direction:row;align-items:center;gap:.6rem}.project-single .project-header .top-badges{margin-top:.3rem;gap:.4rem}.top-badges{margin-bottom:var(--spacing-md);gap:.7rem}.top-badges .badge{padding:.4rem .8rem}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.certificates-grid .badges-row{align-items:flex-start}.certificates-grid .project-card .project-content{align-items:flex-start;text-align:left}.certificates-grid .project-card h3{font-size:var(--font-lg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.6rem;line-height:1.28;min-height:calc(2 * 1.8rem * 1.28)}.projects-grid.certificates-grid .project-links,.certificates-grid .project-links{justify-content:center}.certificate-card{text-align:center;padding:var(--spacing-lg);background:rgba(6,8,10,.52);border-radius:var(--border-radius-lg);border:1px solid rgba(0,240,255,.12);backdrop-filter:blur(8px)saturate(1.05);-webkit-backdrop-filter:blur(8px)saturate(1.05);box-shadow:0 6px 18px rgba(0,0,0,.6);transition:transform 260ms cubic-bezier(.2,.9,.2,1),box-shadow 260ms ease,border-color 220ms ease;overflow:hidden}.certificate-icon{font-size:var(--font-3xl);color:var(--accent);margin-bottom:1.5rem;transition:var(--transition)}.certificate-card:hover .certificate-icon{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.project-card{position:relative}.project-image img{filter:brightness(.6)opacity(.8);transition:filter 220ms ease,transform 300ms ease}.project-card:hover .project-image img,.project-card:focus-within .project-image img{filter:brightness(1)opacity(1);transform:scale(1.02)}.project-card.card:hover,.certificate-card:hover{transform:translateY(-8px);border-color:rgba(0,212,170,.6);box-shadow:0 22px 48px rgba(0,212,170,6%),0 10px 30px rgba(0,0,0,.6)}.project-card .stretched-link{position:absolute;inset:0;display:block;z-index:2;pointer-events:auto}.project-card .stretched-link::after{content:"";position:absolute;inset:0}.card-date{position:absolute;top:15px;right:15px;font-family:source code pro,courier new,monospace;font-size:.8rem;color:rgba(180,200,210,.85);background:rgba(0,0,0,.28);padding:6px 8px;border-radius:6px;z-index:6;backdrop-filter:blur(4px)}.project-type-badge,.cert-type-badge{right:auto;left:12px}.project-links{display:flex;gap:.6rem;justify-content:flex-start;text-align:left;margin-top:auto}.project-links .btn{position:relative;z-index:10;border:2px solid transparent;transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease,transform 120ms ease}.project-links .verify-btn,.project-links .view-btn{background:var(--terminal-green);color:#000;padding:.45rem .9rem;border-radius:8px;font-weight:700}.project-links .verify-btn:hover,.project-links .view-btn:hover{background:0 0;color:var(--terminal-green);border-color:var(--terminal-green)}.projects-grid.certificates-grid .project-links,.certificates-grid .project-links{justify-content:flex-start}.tech-tag,.project-card .tech-tag{display:inline-flex;align-items:center;gap:.4rem;background-color:rgba(10,12,15,.5);color:rgba(200,220,230,.9);padding:.28rem .7rem;border-radius:999px;cursor:default;transition:background-color 160ms ease,color 160ms ease,transform 120ms ease}.tech-tag:hover{background-color:var(--terminal-green);color:#000;transform:translateY(-2px)}.project-detail .project-header h1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-detail .project-header h1{margin-bottom:.4rem}.project-detail .project-header .project-meta{margin-top:.15rem}.project-single .badges-row.single-inline,.project-detail .badges-row.single-inline{gap:.5rem}.timeline-content h3{margin-bottom:.25rem}.timeline-content .badges-row{margin-top:.12rem}.project-tech.metadata-tech{margin-top:.18rem;margin-bottom:.25rem;display:flex;gap:.5rem;flex-wrap:wrap}.role-below{margin-top:.04rem}.view-cert-btn{margin-top:.25rem;display:inline-block}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.achievement-card{text-align:center;padding:var(--spacing-lg)}.achievement-icon{font-size:var(--font-3xl);color:var(--accent);margin-bottom:1.5rem}.achievement-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg);background:rgba(6,8,10,.52);border-radius:var(--border-radius-lg);border:1px solid rgba(0,240,255,.12);backdrop-filter:blur(8px)saturate(1.05);-webkit-backdrop-filter:blur(8px)saturate(1.05);box-shadow:0 6px 18px rgba(0,0,0,.6);transition:transform 260ms cubic-bezier(.2,.9,.2,1),box-shadow 260ms ease,border-color 220ms ease;overflow:hidden}.achievement-card:hover{transform:translateY(-8px);border-color:rgba(0,212,170,.6);box-shadow:0 22px 48px rgba(0,212,170,6%),0 10px 30px rgba(0,0,0,.6)}.achievement-card .achievement-icon{align-self:center;margin-bottom:1rem}.achievement-card .achievement-icon i{display:inline-block;font-size:var(--font-3xl);color:var(--achievements-green-strong);filter:drop-shadow(0 0 8px rgba(0,212,170,.18))drop-shadow(0 0 20px rgba(0,208,230,6%));transition:filter 200ms ease,transform 200ms ease}.achievement-card:hover .achievement-icon i{transform:translateY(-3px)scale(1.03);filter:drop-shadow(0 0 14px rgba(0,212,170,.3))drop-shadow(0 0 30px rgba(0,208,230,.12))}.achievement-pill{position:absolute;top:12px;right:12px;z-index:5;display:inline-block;padding:.18rem .6rem;font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,roboto mono,courier new,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--achievements-green);background:rgba(4,6,8,.42);border:1px solid rgba(0,212,170,6%);border-radius:999px;box-shadow:0 4px 18px rgba(0,212,170,3%),0 0 8px rgba(0,212,170,2%)inset}.achievement-card:hover .achievement-pill{color:var(--achievements-green-strong);box-shadow:0 6px 28px rgba(0,212,170,8%),0 0 18px rgba(0,212,170,6%)inset}.achievement-card h3{margin:0 0 .5rem;color:var(--text-primary);font-size:var(--font-md);line-height:1.15;text-align:center}.achievement-card p{margin:0;color:var(--text-secondary);font-size:.95rem}@media(max-width:576px){.achievement-card{padding:var(--spacing-md)}.achievement-pill{top:10px;right:10px;font-size:.68rem;padding:.14rem .5rem}}.testimonials-container{max-width:800px;margin:0 auto;position:relative}.testimonial-card{text-align:center;padding:var(--spacing-lg)}.testimonial-avatar{width:80px;height:80px;border-radius:var(--border-radius-full);background-color:var(--bg-tertiary);margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;font-size:var(--font-xl);color:var(--text-secondary)}.testimonial-text{font-style:italic;margin-bottom:1.5rem}.testimonial-author{font-weight:600}.testimonial-role{color:var(--text-secondary);font-size:var(--font-sm)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-item{display:flex;align-items:center;gap:var(--spacing-md)}.contact-icon{width:50px;height:50px;background-color:var(--bg-secondary);border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--accent)}.contact-info .contact-item{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);max-width:none}.contact-info .contact-item .contact-icon{width:64px;height:64px;border-radius:12px;font-size:1.35rem}.contact-buttons{display:flex;flex-direction:column;gap:.75rem}.contact-buttons .btn.haiver{display:inline-block;padding:12px 16px;border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);text-decoration:none;text-align:center;border:1px solid rgba(255,255,255,4%);transition:var(--transition)}.contact-buttons .btn.haiver:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);background:linear-gradient(180deg,rgba(255,255,255,2%),transparent)}.contact-buttons .btn{position:relative;overflow:hidden}.contact-buttons .btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--accent);transition:left .4s cubic-bezier(.25,.46,.45,.94);z-index:-1}.contact-buttons .btn.btn-outline::before{background-color:var(--accent)}.contact-buttons .btn.btn-outline:hover{color:var(--bg-primary);transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,212,170,.4);border-color:var(--accent-dark)}.contact-buttons .btn.btn-outline:hover::before{left:0}.contact-buttons .btn:not(.btn-outline)::before{background-color:transparent}.contact-buttons .btn:not(.btn-outline):hover{background-color:transparent;color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,212,170,.4);border-color:var(--accent-dark)}.contact-buttons .btn:not(.btn-outline):hover::before{left:0}.contact-buttons .btn:hover i{transform:scale(1.2)rotate(5deg)}.contact-buttons .btn:hover span{letter-spacing:.5px}@media(max-width:520px){.contact-info .contact-item{flex-direction:column;align-items:center;text-align:center}}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-weight:500}.form-control{padding:12px 15px;background-color:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--accent)}textarea.form-control{min-height:150px;resize:vertical}.contact-actions{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.contact-cta{display:flex;gap:1rem;width:100%}.contact-cta .btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:14px 18px;border-radius:12px;text-decoration:none;color:var(--text-on-accent);background-color:var(--bg-secondary);box-shadow:0 6px 18px rgba(2,6,23,.12)}.contact-cta .btn .btn-label{font-weight:600;display:block}.contact-cta .btn .btn-sub{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.btn-telegram{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff}.btn-email{background:linear-gradient(135deg,#6c5ce7,#8e7dff);color:#fff}.contact-social{margin-top:8px}@media(max-width:768px){.contact-cta{flex-direction:column}.contact-cta .btn{width:100%}}.contact-items{display:flex;gap:2.5rem;justify-content:center;align-items:flex-start;margin-top:1rem}.contact-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:220px}.contact-item .contact-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--accent);font-size:1.35rem;box-shadow:var(--shadow)}.contact-item .contact-label{font-weight:700;font-size:var(--font-sm);color:var(--text-primary)}.contact-item .contact-value{font-size:var(--font-sm);color:var(--text-secondary);margin-top:2px}@media(max-width:720px){.contact-items{flex-direction:column;gap:1rem}}.contact-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.25rem;flex-wrap:wrap}.contact-buttons .btn{padding:12px 20px}.btn-telegram{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent-dark)}.btn-discord{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent-dark)}.btn-disabled{opacity:.45;pointer-events:none}.contact-item .contact-icon{width:80px;height:80px;font-size:1.6rem}@media(max-width:720px){.contact-item .contact-icon{width:64px;height:64px}}.contact-shortcuts{display:flex;gap:1rem;align-items:stretch;margin:.5rem 0 0}.shortcut{display:flex;align-items:center;gap:.75rem;padding:12px 14px;border-radius:var(--border-radius);background-color:var(--bg-tertiary);border:1px solid rgba(255,255,255,4%);text-decoration:none;color:var(--text-primary);min-width:0;flex:1;transition:var(--transition)}.shortcut:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.shortcut-icon{width:44px;height:44px;border-radius:calc(var(--border-radius) - 2px);display:flex;align-items:center;justify-content:center;font-size:1.15rem;background:var(--bg-secondary);color:var(--accent)}.shortcut-text{display:flex;flex-direction:column}.shortcut-sub{font-size:.85rem;color:var(--text-secondary);margin-top:2px}@media(max-width:640px){.contact-shortcuts{flex-direction:column}}footer{background:0 0;padding:3.2rem 0 0;margin-bottom:0}.footer-content{width:100%;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;align-items:start;padding:1.2rem 2rem .8rem;border-radius:0;background:rgba(6,8,10,.52);border-top:1px solid rgba(0,255,157,6%);border-bottom:1px solid rgba(0,255,157,6%);backdrop-filter:blur(8px)saturate(1.05);-webkit-backdrop-filter:blur(8px)saturate(1.05);box-shadow:0 6px 18px rgba(0,0,0,.6)}.footer-identity{display:flex;align-items:center;gap:8px}.footer-logo-img{height:36px;width:auto;filter:drop-shadow(0 8px 18px rgba(0,255,157,5%))}.footer-name{font-size:var(--font-lg);color:var(--terminal-green);font-weight:800;letter-spacing:.6px}.footer-tagline{color:#fff;font-weight:600;margin-top:2px}.footer-blurb{color:var(--text-secondary);margin-top:.6rem}.footer-links{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.footer-links a{color:var(--text-secondary);text-decoration:none;padding:6px 8px;border-radius:8px;transition:color 160ms ease,background 160ms ease,transform 120ms ease}.footer-col h4{color:var(--text-primary);margin-bottom:.6rem}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:.55rem;color:var(--text-secondary)}.footer-contact-list{display:flex;flex-direction:column;gap:.4rem}.footer-contact-item,.footer-social-item{color:var(--text-secondary);text-decoration:none;padding:6px 8px;border-radius:8px;transition:background 140ms ease,color 140ms ease}.footer-social-item i{margin-right:8px}.footer-contact-item:hover,.footer-social-item:hover{background:rgba(0,255,157,3%);color:var(--neon-cyan-strong)}.footer-bottom{padding:.6rem 2rem;text-align:center;color:var(--text-secondary);margin-bottom:0}@media(max-width:980px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.footer-content{grid-template-columns:1fr;padding:1.2rem}.footer-logo-img{height:32px}}.header-identity{display:flex;align-items:center;gap:.6rem}.header-name{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.header-name span{font-weight:900}.header-identity-link{display:flex;align-items:center;gap:.6rem;text-decoration:none}.header-identity-link .header-name{color:var(--text-primary)}.copyright{color:var(--text-secondary);font-size:var(--font-sm)}.blog-hero{padding:100px 0 60px;text-align:center;background:linear-gradient(135deg,rgba(0,212,170,8%) 0%,transparent 50%)}.blog-hero h1{margin-bottom:1rem}.blog-hero p{color:var(--text-secondary);max-width:600px;margin:0 auto 2rem}.categories{display:flex;justify-content:center;gap:15px;margin:30px 0 0;flex-wrap:wrap}.category-btn{padding:10px 20px;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);border-radius:20px;cursor:pointer;transition:var(--transition);font-weight:500;text-decoration:none;font-size:.9rem}.category-btn.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.category-btn:hover{background:rgba(0,212,170,.1);border-color:var(--accent);color:var(--accent)}.posts-grid{display:flex;flex-direction:column;gap:24px;margin:50px 0}.empty-state{text-align:center;padding:80px 20px;color:var(--text-secondary)}.empty-state i{font-size:4rem;color:var(--accent);opacity:.3;margin-bottom:1.5rem}.empty-state h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.empty-state p{font-size:1rem;opacity:.7}.post-card{background:var(--bg-secondary);padding:0;transition:var(--transition);border:1px solid rgba(255,255,255,5%);display:flex;flex-direction:row-reverse;overflow:hidden;height:200px;border-radius:var(--border-radius-lg);position:relative}.post-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,212,170,.1) 0%,transparent 50%);opacity:0;transition:var(--transition);pointer-events:none}.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(0,212,170,.2)}.post-card:hover::before{opacity:1}.post-card:hover .post-card__image img{transform:scale(1.08);opacity:.9}.post-card[lang=ar] .post-card__content{direction:rtl}.post-card[lang=ar] .post-title,.post-card[lang=ar] .post-excerpt{text-align:right;font-family:cairo,tajawal,almarai,-apple-system,BlinkMacSystemFont,sans-serif}.post-card[lang=ar] .post-title{font-weight:700;letter-spacing:0}.post-card[lang=ar] .post-excerpt{font-weight:400;line-height:1.75}.post-card[lang=ar] .post-footer-meta{direction:rtl;font-family:cairo,tajawal,almarai,sans-serif}.post-card__image{flex:0 0 27.2%;overflow:hidden;background:linear-gradient(135deg,rgba(0,0,0,.4),rgba(0,0,0,.7));border-radius:0 var(--border-radius-lg)var(--border-radius-lg)0;position:relative}.post-card__image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:block}.post-card__content{flex:1;display:flex;flex-direction:column;padding:18px 22px;justify-content:space-between;gap:8px}.post-title{display:inline-block;margin-top:6px;margin-bottom:6px;font-weight:700;line-height:1.2;font-size:clamp(1rem,1.8vw,1.2rem);white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;hyphens:auto}.post-card .post-footer-date:hover,.post-card .post-footer-category:hover,.post-card .post-footer-reading-time:hover,.post-card .post-footer-tags:hover{background-color:var(--accent);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,212,170,.12)}.post-card .post-footer-date i,.post-card .post-footer-category i,.post-card .post-footer-reading-time i,.post-card .post-footer-tags i{color:var(--accent);font-size:.82rem;transition:inherit}.post-card .post-footer-date:hover i,.post-card .post-footer-category:hover i,.post-card .post-footer-reading-time:hover i,.post-card .post-footer-tags:hover i{color:var(--bg-primary)}@media(max-width:768px){.post-card{height:auto;flex-direction:column}.post-card__image{flex:none;height:150px;border-radius:var(--border-radius-lg)var(--border-radius-lg)0 0}.post-card__content{padding:12px}.post-title{font-size:clamp(1rem,2.6vw,1.05rem)}}.post-meta{display:none}.post-category{background:var(--accent);color:var(--bg-primary);padding:4px 12px;border-radius:var(--border-radius-lg);font-size:var(--font-xs);font-weight:600}.post-featured-badge{display:inline-flex;align-items:center;gap:4px;background:0 0;color:#32ff9b;padding:0;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.post-featured-badge i{font-size:.65rem}.post-title{font-size:1.4rem;font-weight:700;line-height:1.2;margin-bottom:0;color:#fff;text-decoration:none;display:block;transition:all .25s ease-out;cursor:pointer;text-align:left;white-space:normal;overflow:visible;text-overflow:clip;max-width:100%}.post-title:hover{color:#32ff9b;transform:translateX(3px)}.post-title:active{transform:translateX(1px)}.post-title a{color:inherit;text-decoration:none}.post-title a:hover{color:var(--accent)}.post-excerpt{color:rgba(255,255,255,.7);margin-bottom:0;flex-grow:0;flex-shrink:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:.92rem;line-height:1.55;height:calc(.92rem * 1.55 * 2);min-height:calc(.92rem * 1.55 * 2);max-height:calc(.92rem * 1.55 * 2)}.post-footer-meta{display:flex;.post-card[lang="en"] .post-title { font-size: clamp(1.15rem, 2.0vw, 1.5rem); line-height: 1.15; } flex-wrap: nowrap;align-items:center;gap:.4rem;margin-top:auto;overflow-x:auto;scrollbar-width:none}.post-footer-meta::-webkit-scrollbar{display:none}.post-footer-date,.post-footer-category,.post-footer-reading-time,.post-footer-tags{display:inline-flex;align-items:center;gap:.35rem;background-color:var(--bg-tertiary);color:var(--text-secondary);padding:.32rem .65rem;border-radius:12px;font-size:.78rem;white-space:nowrap;transition:var(--transition);flex-shrink:0}.pagefind-hidden{display:none!important}.post-footer-date i,.post-footer-category i,.post-footer-reading-time i{color:var(--accent);font-size:.82rem}.post-footer-separator{display:none}.post-footer-tags{font-size:.72rem;padding:.28rem .58rem;gap:0}.reading-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent),#00ffc8);width:0%;z-index:1000;transition:width .1s ease}.blog-single{padding:100px 0 80px}.blog-post-wrapper{display:grid;grid-template-columns:270px 1fr;gap:3.5rem;max-width:1400px;margin:0 auto}.blog-single[lang=ar] .blog-post-wrapper{direction:rtl}.blog-single[lang=ar] .post-content,.blog-single[lang=ar] .post-header{text-align:right;direction:rtl}.blog-single[lang=ar] .post-title,.blog-single[lang=ar] .post-description{text-align:right}.blog-single[lang=ar] .post-meta-block,.blog-single[lang=ar] .post-meta-badges{justify-content:flex-end}.blog-single[lang=ar] .post-content h2::after{left:auto;right:0}.blog-single[lang=ar] .post-content blockquote{border-left:none;border-right:4px solid var(--accent)}.blog-single[lang=ar] .post-navigation{grid-template-columns:1fr 1fr}.blog-single[lang=ar] .nav-link.prev{text-align:right;flex-direction:row-reverse}.blog-single[lang=ar] .nav-link.next{text-align:left;flex-direction:row}.blog-single[lang=ar] .post-content ul,.blog-single[lang=ar] .post-content ol{padding-left:0;padding-right:2rem}.blog-single[lang=ar] .toc-nav a:hover{transform:translateX(-3px)}.blog-single[lang=ar] .post-content>p:first-of-type::first-letter{float:right;margin:.1rem 0 0 .5rem}.blog-post{max-width:980px;background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:2.5rem;box-shadow:var(--shadow-lg);transition:var(--transition);border:1px solid rgba(255,255,255,5%);position:relative;overflow:hidden}.blog-post.card{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:2.5rem;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,5%)}.post-header{background:0 0;padding:0;margin-bottom:2rem;border:none}.table-of-contents{position:relative}.toc-sticky{position:sticky;top:100px;background:var(--bg-secondary);padding:1.5rem;border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,5%);max-height:calc(100vh - 150px);overflow-y:auto}.toc-sticky::-webkit-scrollbar{width:4px}.toc-sticky::-webkit-scrollbar-track{background:0 0}.toc-sticky::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.toc-sticky::-webkit-scrollbar-thumb:hover{background:var(--accent)}.toc-sticky h3{font-size:.95rem;margin-bottom:1rem;color:var(--accent);display:flex;align-items:center;gap:.5rem}.toc-nav ul{list-style:none;padding:0;margin:0}.toc-nav li{margin-bottom:.5rem}.toc-nav li.toc-h3{margin-left:1rem}.toc-nav a{color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:var(--transition);display:block;padding:.25rem 0}.toc-nav a:hover{color:var(--accent);transform:translateX(3px)}.toc-nav a.active{color:var(--accent);font-weight:600}.post-content h2:target,.post-content h3:target,.post-content h4:target{animation:highlightHeading 1.5s ease-out}@keyframes highlightHeading{0%{background:rgba(0,212,170,.2);padding-left:.5rem;margin-left:-.5rem}100%{background:0 0;padding-left:0;margin-left:0}}.post-header{text-align:left;margin-bottom:3rem;position:relative}.post-featured-badge{display:inline-flex;align-items:center;gap:.5rem;background:0 0;color:gold;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem}.post-featured-badge i{font-size:.8rem}.post-description{font-size:.95rem;color:var(--text-secondary);margin:.5rem 0 .8rem;text-align:left;line-height:1.5;opacity:.85}.post-meta-block{display:flex;align-items:center;justify-content:flex-start;margin:.5rem 0 1.8rem}.post-meta-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-start}.post-header .post-footer-date,.post-header .post-footer-category,.post-header .post-footer-reading-time,.post-header .post-footer-tags{display:inline-flex;align-items:center;gap:.35rem;background-color:var(--bg-tertiary);color:var(--text-secondary);padding:.32rem .65rem;border-radius:12px;font-size:.78rem;white-space:nowrap;flex-shrink:0;transition:all .2s ease;cursor:default}.post-header .post-footer-date,.post-header .post-footer-category,.post-header .post-footer-reading-time,.post-header .post-footer-tags,.post-card[lang=ar] .post-footer-date,.post-card[lang=ar] .post-footer-category,.post-card[lang=ar] .post-footer-reading-time,.post-card[lang=ar] .post-footer-tags,.blog-single[lang=ar] .post-header .post-footer-date,.blog-single[lang=ar] .post-header .post-footer-category,.blog-single[lang=ar] .post-header .post-footer-reading-time,.blog-single[lang=ar] .post-header .post-footer-tags{direction:ltr;unicode-bidi:isolate-override}.post-header .post-footer-date:hover,.post-header .post-footer-category:hover,.post-header .post-footer-reading-time:hover,.post-header .post-footer-tags:hover{background-color:var(--accent);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,212,170,.2)}.post-header .post-footer-date i,.post-header .post-footer-category i,.post-header .post-footer-reading-time i{color:var(--accent);font-size:.82rem;transition:inherit}.post-header .post-footer-date:hover i,.post-header .post-footer-category:hover i,.post-header .post-footer-reading-time:hover i{color:var(--bg-primary)}.post-header .post-footer-tags{font-size:.72rem;padding:.28rem .58rem;gap:0}.blog-single .post-header .post-title,.blog-post .post-header .post-title{font-size:clamp(1.6rem,2.6vw,2rem);line-height:1.08;margin-bottom:.6rem}@media(max-width:768px){.post-description{font-size:.88rem}.post-meta-block{margin:.5rem 0 1.2rem}.post-meta-badges{gap:.3rem}}.post-header .post-meta{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0}.post-meta-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-tertiary);color:var(--text-secondary);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;white-space:nowrap}.post-meta-badge i{color:var(--accent);font-size:.9rem}.featured-image-wrapper{position:relative;margin:2rem 0;border-radius:var(--border-radius-lg);overflow:hidden}.featured-image{width:100%;max-height:450px;object-fit:cover;display:block}.featured-image-overlay{position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);pointer-events:none}.post-content{line-height:1.8;font-size:1.1rem;color:rgba(255,255,255,.9);font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.command-center{padding:80px 0}.command-center .section-title h2{margin-bottom:.5rem}.cc-panel{display:flex;flex-direction:column;align-items:center;gap:1.6rem;max-width:820px;margin:2rem auto 0}.cc-row{width:100%;display:flex;justify-content:center}.social-row{gap:1rem}.social-btn{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:rgba(255,255,255,2%);color:var(--text-primary);border:1px solid rgba(0,255,157,6%);transition:all .18s ease;box-shadow:0 0 rgba(0,255,157,0)}.social-btn i{font-size:1.2rem}.social-btn:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,255,157,.12);border-color:var(--neon-cyan-strong);color:var(--neon-cyan-strong)}.email-box,.pgp-box{width:100%;max-width:640px;background:rgba(255,255,255,6%);border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;gap:8px;border:1px solid rgba(0,255,157,8%)}.email-label,.pgp-label{color:var(--text-secondary);font-size:.85rem}.email-value{display:flex;align-items:center;gap:10px;justify-content:space-between}.email-value code{font-family:fira code,monospace;color:var(--text-primary);font-size:1rem}.icon-btn{background:0 0;border:1px solid rgba(0,255,157,6%);color:var(--text-primary);padding:8px;border-radius:8px;cursor:pointer;transition:all .16s ease}.icon-btn:hover{box-shadow:0 8px 30px rgba(0,255,157,.1);border-color:var(--neon-cyan-strong);color:var(--neon-cyan-strong);transform:translateY(-2px)}.icon-btn.copied{background:rgba(0,255,157,4%)}.pgp-action{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.pgp-fingerprint{font-family:fira code,monospace;font-size:.95rem;color:var(--text-secondary);background:rgba(0,0,0,.12);padding:6px 8px;border-radius:6px}.cc-btn.pgp-btn{display:inline-flex;gap:10px;align-items:center;padding:10px 14px;border-radius:10px;background:0 0;color:var(--text-primary);border:1px solid rgba(0,255,157,8%);transition:all .16s ease}.cc-btn.pgp-btn:hover{box-shadow:0 12px 40px rgba(0,255,157,.12);border-color:var(--neon-cyan-strong);color:var(--neon-cyan-strong);transform:translateY(-3px)}@media(max-width:740px){.cc-panel{gap:1rem;padding:0 14px}.social-row{gap:.6rem}.social-btn{width:48px;height:48px}.email-value{flex-direction:column;align-items:flex-start;gap:6px}.pgp-action{flex-direction:column;gap:8px}}.terminal-text{font-family:fira code,courier new,monospace;color:rgba(255,255,255,.55);margin-top:.4rem}.terminal-text .terminal-user{color:#00d4aa;font-weight:600;margin-right:.5rem}.small-terminal-hint{font-size:.9rem}.blog-single[lang=ar] .post-content{font-family:cairo,tajawal,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.12rem;line-height:1.85}.post-content h2[id],.post-content h3[id],.post-content h4[id]{scroll-margin-top:100px}.post-content>p:first-of-type::first-letter{font-size:3.5rem;font-weight:700;line-height:1;float:left;margin:.1rem .5rem 0 0;color:var(--accent)}.post-content p{margin-bottom:1.5rem}.post-content h2{font-size:2rem;margin:3rem 0 1.5rem;color:var(--accent);position:relative;padding-bottom:.5rem;animation:slideInLeft .5s ease-out}@keyframes slideInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.post-content h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--accent);animation:expandWidth .6s ease-out .2s both}@keyframes expandWidth{from{width:0}to{width:60px}}.post-content h3{font-size:1.5rem;margin:2rem 0 1rem;color:var(--text-primary)}.post-content h4{font-size:1.2rem;margin:1.5rem 0 1rem;color:var(--text-primary)}.post-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition)}.post-content a:hover{border-bottom-color:var(--accent)}.post-content ul,.post-content ol{margin:1.5rem 0;padding-left:2rem}.post-content li{margin-bottom:.75rem;line-height:1.8}.post-content ul li::marker{color:var(--accent)}.post-content blockquote{margin:2rem 0;padding:1.5rem 2rem;background:linear-gradient(135deg,rgba(0,212,170,5%) 0%,transparent 100%);border-left:4px solid var(--accent);border-radius:0 var(--border-radius)var(--border-radius)0;font-style:italic;color:rgba(255,255,255,.8);position:relative;transition:var(--transition)}.post-content>p:first-of-type::first-letter,.blog-single[lang=ar] .post-content>p:first-of-type::first-letter{font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;float:none!important;margin:0!important;color:inherit!important;text-transform:none!important}.post-content blockquote::before{content:'"';font-size:4rem;color:var(--accent);opacity:.1;position:absolute;top:-10px;left:10px;font-weight:700}.post-content blockquote:hover{border-left-width:5px;padding-left:2.5rem}.post-content blockquote p:last-child{margin-bottom:0}.post-content img{max-width:100%;height:auto;border-radius:var(--border-radius);margin:2rem 0;box-shadow:0 4px 20px rgba(0,0,0,.3);background:var(--bg-tertiary);transition:all .3s ease;animation:fadeInScale .6s ease-out}@keyframes fadeInScale{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.post-content img:hover{box-shadow:0 8px 30px rgba(0,212,170,.2);transform:scale(1.02)}.post-content img[loading=lazy]{opacity:0}.post-content img[loading=lazy].loaded{opacity:1;animation:fadeInScale .6s ease-out}.post-content figure{margin:2rem 0}.post-content figcaption{text-align:center;font-size:.9rem;color:var(--text-secondary);margin-top:.75rem;font-style:italic}.post-content code{background:var(--bg-tertiary);color:var(--accent);padding:.2rem .5rem;border-radius:var(--border-radius-sm);font-size:.9em;font-family:courier new,monospace;word-break:break-word}.code-block-wrapper{position:relative;margin:2rem 0;border-radius:var(--border-radius-lg);overflow:hidden;background:linear-gradient(135deg,rgba(0,212,170,5%) 0%,transparent 100%);border:1px solid rgba(0,212,170,.15);transition:var(--transition)}.code-block-wrapper:hover{border-color:rgba(0,212,170,.3);box-shadow:0 4px 20px rgba(0,212,170,.1)}.code-block-wrapper[data-language]::before{content:attr(data-language);display:block;background:linear-gradient(90deg,rgba(0,212,170,.2) 0%,rgba(0,212,170,5%) 100%);color:var(--accent);padding:.5rem 1.5rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(0,212,170,.1);font-family:courier new,monospace;direction:ltr;text-align:left;unicode-bidi:isolate-override}.code-copy-btn{position:absolute;top:.75rem;right:.75rem;background:rgba(0,212,170,.15);border:1px solid rgba(0,212,170,.3);color:var(--accent);padding:.22rem .45rem;border-radius:6px;cursor:pointer;transition:var(--transition);font-size:.78rem;font-weight:500;z-index:10;backdrop-filter:blur(2px);box-shadow:0 1px 4px rgba(0,212,170,8%);opacity:.85;min-width:32px;min-height:24px;display:flex;align-items:center;justify-content:center}.code-copy-btn:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);transform:scale(1.05)}.code-copy-btn.copied{background:#4caf50;border-color:#4caf50;color:#fff}.post-content pre{background:linear-gradient(90deg,var(--bg-tertiary) 0%,rgba(17,17,17,.8) 100%);padding:1.5rem;border-radius:0;overflow-x:auto;margin:0;border:none;position:relative}.post-content pre::-webkit-scrollbar{height:6px}.post-content pre::-webkit-scrollbar-track{background:rgba(255,255,255,5%)}.post-content pre::-webkit-scrollbar-thumb{background:rgba(0,212,170,.3);border-radius:3px}.post-content pre::-webkit-scrollbar-thumb:hover{background:var(--accent)}.post-content pre code{background:0 0;color:var(--text-primary);padding:0;word-break:break-word;white-space:pre-wrap;font-size:.95rem;line-height:1.7;font-family:courier new,monaco,monospace;letter-spacing:.3px}.post-content table{width:100%;margin:2rem 0;border-collapse:collapse;border-radius:var(--border-radius);overflow:hidden}.post-content th,.post-content td{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.post-content th{background:var(--bg-tertiary);color:var(--accent);font-weight:600}.post-content tr:hover{background:rgba(255,255,255,2%)}.post-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.post-share{margin-bottom:2.5rem}.post-share h4{font-size:1.1rem;margin-bottom:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.share-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.share-btn{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);text-decoration:none;transition:var(--transition);cursor:pointer;font-size:1.1rem}.share-btn:hover{transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,.3)}.share-btn.twitter:hover{background:var(--terminal-green);border-color:var(--terminal-green);color:#fff}.share-btn.linkedin:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.share-btn.facebook:hover{background:var(--accent);border-color:var(--accent);color:#fff}.share-btn.whatsapp:hover{background:#25d366;border-color:#25d366;color:#fff}.share-btn.copy-link:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.post-tags{margin-bottom:2.5rem}.post-tags h4{font-size:1.1rem;margin-bottom:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:var(--bg-tertiary);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;color:var(--text-secondary);text-decoration:none;border:1px solid rgba(255,255,255,5%);transition:var(--transition)}.tag:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);transform:translateY(-2px)}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.nav-link{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-tertiary);border:1px solid rgba(255,255,255,5%);border-radius:var(--border-radius-lg);text-decoration:none;color:var(--text-primary);transition:var(--transition)}.nav-link:hover{background:var(--bg-secondary);border-color:var(--accent);transform:translateY(-3px);box-shadow:0 4px 20px rgba(0,212,170,.15)}.nav-link i{font-size:1.2rem;color:var(--accent)}.nav-content{display:flex;flex-direction:column;gap:.25rem}.nav-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.nav-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.nav-link.prev{text-align:left}.nav-link.next{text-align:right;flex-direction:row-reverse}.nav-link.next .nav-content{align-items:flex-end}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.modal-content{position:relative;margin:2% auto;width:95%;max-width:900px;background:var(--bg-secondary);border-radius:var(--border-radius);padding:0;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideDown .3s ease}.close-modal{position:absolute;top:15px;right:25px;color:var(--text-secondary);font-size:2.5rem;font-weight:700;cursor:pointer;transition:var(--transition);z-index:1001;background:rgba(0,0,0,.7);width:40px;height:40px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center}.close-modal:hover{color:var(--accent);background:rgba(0,0,0,.9)}.pdf-viewer{width:100%;height:80vh;border:none;border-radius:var(--border-radius)}.modal-body{padding:var(--spacing-lg)}.modal-loader{display:none;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:var(--bg-tertiary);border-radius:var(--border-radius);margin:var(--spacing-md)}.loader-spinner{width:40px;height:40px;border:4px solid var(--bg-secondary);border-top:4px solid var(--accent);border-radius:var(--border-radius-full);animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.modal-error{background:var(--terminal-red);color:#fff;padding:1.5rem;border-radius:var(--border-radius);margin:var(--spacing-md);text-align:center}.modal-error i{font-size:var(--font-xl);margin-bottom:var(--spacing-md);display:block}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideDown{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.error-404{padding:120px 0;text-align:center;min-height:60vh;display:flex;align-items:center}.error-content h1{font-size:8rem;color:var(--accent);margin-bottom:var(--spacing-md);line-height:1}.error-content h2{font-size:var(--font-xl);margin-bottom:1.5rem}.error-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg);flex-wrap:wrap}.blog-single[lang=ar] .post-header,.blog-single[lang=ar] .post-content,.blog-single[lang=ar] .post-footer{direction:rtl;text-align:right}.blog-single[lang=ar] .post-header h1,.blog-single[lang=ar] .post-content h2,.blog-single[lang=ar] .post-content h3,.blog-single[lang=ar] .post-content h4,.blog-single[lang=ar] .post-content p,.blog-single[lang=ar] .post-content li{font-family:cairo,tajawal,almarai,-apple-system,sans-serif;text-align:right}.blog-single[lang=ar] .post-content>p:first-of-type::first-letter{float:right;margin:.1rem 0 0 .5rem}.blog-single[lang=ar] .post-content h2::after{left:auto;right:0}.blog-single[lang=ar] .post-content blockquote{border-left:none;border-right:4px solid var(--accent);border-radius:var(--border-radius)0 0 var(--border-radius)}.blog-single[lang=ar] .post-content ul,.blog-single[lang=ar] .post-content ol{padding-left:0;padding-right:2rem}.blog-single[lang=ar] .post-meta,.blog-single[lang=ar] .share-buttons,.blog-single[lang=ar] .tags-list{direction:rtl}.blog-single[lang=ar] .nav-link.prev{text-align:right;flex-direction:row-reverse}.blog-single[lang=ar] .nav-link.next{text-align:left;flex-direction:row}.blog-single[lang=ar] .nav-link.next .nav-content{align-items:flex-start}@media(min-width:1200px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1200px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:992px){h1{font-size:var(--font-xl)}h2{font-size:var(--font-xl)}.hero h1{font-size:2.5rem}.hero .subtitle{font-size:1.2rem}.about-content,.contact-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.timeline::before{left:30px}.timeline-item{width:calc(100% - 80px);left:80px}.timeline-content::after{left:-10px;right:auto}.post-card{height:200px}.post-card__image{flex:0 0 40%}.post-card__content{padding:1rem 1.25rem}.blog-hero{padding:80px 0 50px}.categories{gap:12px}.category-btn{padding:8px 16px;font-size:.85rem}.blog-post-wrapper{grid-template-columns:1fr}.table-of-contents{display:none}.post-header h1{font-size:2rem}.post-content{font-size:1.05rem}.post-navigation{grid-template-columns:1fr}}@media(max-width:768px){.nav-links{display:none}.nav-links.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:var(--bg-primary);padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,5%)}.hamburger{display:block}.hero-buttons{flex-direction:column}.projects-grid{grid-template-columns:1fr}.project-image{height:160px}.modal-content{margin:5% auto;width:98%}.pdf-viewer{height:70vh}.modal-body{padding:var(--spacing-md)}.error-content h1{font-size:5rem}.error-actions{flex-direction:column;align-items:center}.post-card{flex-direction:column;height:auto;min-height:auto;border-radius:var(--border-radius-lg)}.post-card__image{flex:0 0 180px;width:100%;border-radius:var(--border-radius-lg)var(--border-radius-lg)0 0}.post-card__content{padding:1rem;gap:.75rem}.post-footer-meta{gap:.3rem;margin-top:.5rem;flex-wrap:nowrap}.post-title{font-size:1rem}.post-excerpt{font-size:.88rem;line-height:1.5;height:calc(.88rem * 1.5 * 2);min-height:calc(.88rem * 1.5 * 2);max-height:calc(.88rem * 1.5 * 2)}.post-footer-date,.post-footer-category,.post-footer-reading-time{font-size:.72rem;padding:.25rem .5rem}.post-footer-tags{font-size:.68rem;padding:.22rem .45rem}.blog-single{padding:80px 0 60px}.post-header h1{font-size:1.75rem}.post-meta-badge{font-size:.75rem;padding:.4rem .8rem}.featured-image{max-height:250px}.post-content{font-size:1rem}.post-content>p:first-of-type::first-letter{font-size:2.5rem}.post-content h2{font-size:1.5rem;margin:2rem 0 1rem}.post-content h3{font-size:1.2rem}.post-content blockquote{padding:1rem 1.5rem;margin:1.5rem 0}.post-content ul,.post-content ol{padding-left:1.5rem}.share-buttons{gap:.5rem}.share-btn{width:40px;height:40px;font-size:.9rem}.post-navigation{grid-template-columns:1fr;gap:.75rem}.nav-link{padding:1rem;font-size:.9rem}.nav-label{font-size:.7rem}.nav-title{font-size:.85rem}.post-content pre{padding:1rem;font-size:.8rem}.code-copy-btn{top:.5rem;right:.5rem;font-size:.8rem;padding:.4rem .5rem}.post-content table{font-size:.9rem}.post-content th,.post-content td{padding:.75rem}.post-content img{margin:1.5rem 0}.post-content figcaption{font-size:.85rem}}.post-content h3{font-size:1.25rem}.code-copy-btn{top:.5rem;right:.5rem;padding:.4rem .6rem;font-size:.85rem}.post-content pre{padding:1.5rem 1rem;font-size:.85rem}.share-btn{width:40px;height:40px;font-size:1rem}.nav-link{padding:1rem;gap:.75rem}.nav-title{font-size:.85rem}}@media(max-width:576px){.projects-grid,.certificates-grid,.achievements-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:var(--spacing-md)}}