:root{--bg-void: #030712;--bg-deep: #0a0f1e;--surface: #0f1729;--surface-hover: #1a2540;--accent-blue: #0ea5e9;--accent-blue-dim: #0369a1;--accent-orange: #f59e0b;--accent-orange-dim:#b45309;--accent-teal: #14b8a6;--glow-blue: rgba(14, 165, 233, .15);--glow-orange: rgba(245, 158, 11, .1);--text-primary: #e8e8f0;--text-secondary: rgba(232, 232, 240, .55);--text-dim: rgba(232, 232, 240, .25);--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--header-h: 60px;--cinema-bar: 28px;--ease-smooth: cubic-bezier(.23, 1, .32, 1);--duration: .6s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-void);color:var(--text-primary);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:default}::selection{background:var(--accent-blue);color:var(--bg-void)}a{color:inherit;text-decoration:none}#webgl-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block}.ui-layer{position:fixed;z-index:10;pointer-events:none}.ui-layer a,.ui-layer button,.ui-layer input,.ui-layer .interactive{pointer-events:auto}.loader{position:fixed;inset:0;z-index:9999;background:var(--bg-void);display:flex;align-items:center;justify-content:center;transition:opacity .8s var(--ease-smooth),visibility .8s}.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{display:flex;flex-direction:column;align-items:center;gap:18px}.loader-progress{display:flex;flex-direction:column;align-items:center;gap:12px}.loader-percent{font-family:var(--font-mono);font-size:24px;font-weight:300;color:var(--accent-blue);letter-spacing:2px}.loader-bar-container{width:160px;height:1px;background:#ffffff1a;position:relative;overflow:hidden}.loader-bar{position:absolute;left:0;top:0;height:100%;width:0%;background:var(--accent-blue);transition:width .3s ease-out}.loader-text{font-family:var(--font-mono);font-size:10px;letter-spacing:4px;color:var(--text-dim);text-transform:uppercase;animation:pulseText 1.5s infinite alternate}@keyframes pulseText{0%{opacity:.5}to{opacity:1}}.cinema-bar{position:fixed;left:0;width:100%;height:var(--cinema-bar);background:var(--bg-void);z-index:50;pointer-events:none}.cinema-bar--top{top:0}.cinema-bar--bottom{bottom:0}.header{top:var(--cinema-bar);left:0;width:100%;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:100}.header__logo{font-family:var(--font-mono);font-weight:700;font-size:18px;letter-spacing:2px;color:var(--accent-blue);pointer-events:auto;cursor:pointer}.header__nav-list{list-style:none;display:flex;gap:32px}.nav-link{font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);transition:color var(--duration) var(--ease-smooth);position:relative;cursor:pointer}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:1px;background:var(--accent-blue);transition:width var(--duration) var(--ease-smooth)}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:hover:after,.nav-link.active:after{width:100%}.header__menu-btn{display:none;flex-direction:column;gap:5px;cursor:pointer;pointer-events:auto;z-index:200}.header__menu-btn span{display:block;width:24px;height:2px;background:var(--text-primary);transition:transform .4s var(--ease-smooth),opacity .3s}.header__menu-btn.open span:first-child{transform:translateY(3.5px) rotate(45deg)}.header__menu-btn.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}@media(max-width:768px){.header__nav{display:none}.header__menu-btn{display:flex}.header{padding:0 24px}}.mobile-menu{position:fixed;inset:0;z-index:150;background:#050508f5;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .5s var(--ease-smooth),visibility .5s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu__list{list-style:none;text-align:center;display:flex;flex-direction:column;gap:28px}.mobile-nav-link{font-size:28px;font-weight:300;letter-spacing:4px;text-transform:uppercase;color:var(--text-secondary);transition:color .3s;cursor:pointer}.mobile-nav-link:hover{color:var(--accent-blue)}.page-section{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .8s var(--ease-smooth),visibility .8s;padding:80px 40px;text-align:center}.page-section.active{opacity:1;visibility:visible}.section-title{font-size:clamp(28px,4vw,48px);font-weight:200;letter-spacing:6px;text-transform:uppercase;margin-bottom:12px;color:var(--text-primary)}.section-subtitle{font-size:clamp(12px,1.5vw,16px);font-weight:400;letter-spacing:3px;text-transform:uppercase;color:var(--text-secondary)}.hero__titles{display:flex;flex-direction:column;align-items:center;gap:16px}.hero__name{font-size:clamp(36px,7vw,96px);font-weight:100;letter-spacing:clamp(4px,1.5vw,18px);text-transform:uppercase;line-height:1.1;color:var(--text-primary);opacity:0;transform:translateY(30px)}.hero__title{font-family:var(--font-mono);font-size:clamp(11px,1.4vw,16px);font-weight:300;letter-spacing:4px;text-transform:uppercase;color:var(--accent-blue);opacity:0;transform:translateY(20px)}.hero__scroll-hint{position:absolute;bottom:60px;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0}.hero__scroll-line{display:block;width:1px;height:40px;background:linear-gradient(to bottom,var(--accent-blue),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.hero__scroll-label{font-family:var(--font-mono);font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim)}.project-details{margin-top:60px;padding:32px;background:#0a0a10b3;border:1px solid rgba(0,168,255,.2);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:500px;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .4s,transform .4s}.project-details.visible{opacity:1;transform:translateY(0)}.proj-title{font-size:24px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.proj-stack{font-family:var(--font-mono);font-size:12px;color:var(--accent-blue);margin-bottom:16px}.proj-desc{font-size:14px;line-height:1.6;color:var(--text-secondary)}.services__list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 36px;margin-top:40px;max-width:800px}.service-word{font-size:clamp(14px,2vw,22px);font-weight:300;letter-spacing:3px;text-transform:uppercase;color:var(--text-secondary);opacity:0;transform:translateY(20px);transition:color .3s}.service-word:hover{color:var(--accent-blue)}.ex-zone-panel{margin-top:60px;padding:24px 32px;background:#0a0a1099;border:1px solid rgba(0,168,255,.1);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;opacity:0;transform:translateY(20px);display:flex;flex-direction:column;align-items:center;gap:20px}.panel-title{font-family:var(--font-mono);font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--accent-orange)}.panel-controls{display:flex;gap:24px}.control-group{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.control-group label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim)}.ui-select{background:#00000080;border:1px solid rgba(0,168,255,.3);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;padding:8px 16px;border-radius:4px;outline:none;cursor:pointer;transition:border-color .3s}.ui-select:hover:not(:disabled),.ui-select:focus:not(:disabled){border-color:var(--accent-blue)}.ui-select:disabled{opacity:.5;cursor:not-allowed}.panel-layout{display:flex;gap:40px;align-items:center}.panel-output{display:flex;flex-direction:column;gap:16px;padding-left:40px;border-left:1px solid rgba(255,255,255,.1)}.output-item{display:flex;flex-direction:column;gap:4px}.output-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim)}.output-value{font-family:var(--font-mono);font-size:18px;color:var(--accent-blue);font-weight:500}.output-value.warning{color:var(--accent-orange)}.about__content{max-width:640px;margin-top:30px}.about__bio{font-size:clamp(14px,1.5vw,17px);font-weight:300;line-height:1.8;color:var(--text-secondary)}.about__bio strong{color:var(--accent-blue);font-weight:500}.contact__info{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:30px}.contact__link{font-family:var(--font-mono);font-size:clamp(14px,1.8vw,20px);color:var(--accent-blue);letter-spacing:1px;transition:color .3s;pointer-events:auto}.contact__link:hover{color:var(--accent-orange)}.contact__location{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim)}.contact__domain{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);letter-spacing:1px;pointer-events:auto;transition:color .3s}.contact__domain:hover{color:var(--accent-blue)}.section-dots{right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:100}.dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim);border:none;cursor:pointer;pointer-events:auto;transition:background .4s var(--ease-smooth),transform .4s var(--ease-smooth)}.dot.active{background:var(--accent-blue);transform:scale(1.4);box-shadow:0 0 10px var(--glow-blue)}.dot:hover:not(.active){background:var(--text-secondary);transform:scale(1.2)}@media(max-width:768px){.section-dots{right:12px}.page-section{padding:80px 24px}}.hero__layout{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:30px}.profile-photo{width:150px;height:150px;border-radius:50%;border:2px solid var(--accent-blue);box-shadow:0 0 30px var(--glow-blue),0 0 60px #0ea5e90d;object-fit:cover;opacity:.9;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff}@media(max-width:768px){.profile-photo{width:120px;height:120px}}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin-top:30px;pointer-events:auto;max-height:55vh;overflow-y:auto;padding-right:12px}.portfolio-grid::-webkit-scrollbar{width:6px}.portfolio-grid::-webkit-scrollbar-track{background:#0ea5e90d;border-radius:4px}.portfolio-grid::-webkit-scrollbar-thumb{background:#0ea5e94d;border-radius:4px}.portfolio-grid::-webkit-scrollbar-thumb:hover{background:#0ea5e980}.portfolio-card{position:relative;border-radius:8px;overflow:hidden;border:1px solid rgba(14,165,233,.15);cursor:pointer;transition:transform .4s var(--ease-smooth),border-color .4s,box-shadow .4s}.portfolio-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--accent-blue);box-shadow:0 8px 30px var(--glow-blue)}.portfolio-card img{width:100%;height:140px;object-fit:cover;display:block;filter:brightness(.7) saturate(.8);transition:filter .4s}.portfolio-card:hover img{filter:brightness(1) saturate(1)}.portfolio-card__info{padding:12px 14px;background:var(--surface)}.portfolio-card__title{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.portfolio-card__stack{font-family:var(--font-mono);font-size:10px;color:var(--accent-teal);letter-spacing:.5px}@media(max-width:768px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:10px}.portfolio-card img{height:100px}}@media(max-width:480px){.portfolio-grid{grid-template-columns:1fr}}.skills-tabs{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap;justify-content:center;pointer-events:auto;max-width:700px}.skills-tab{display:flex;align-items:center;gap:6px;padding:7px 16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#0f172a80;color:var(--text-dim);font-family:var(--font-mono);font-size:10px;letter-spacing:1px;cursor:pointer;pointer-events:auto;transition:all .35s var(--ease-smooth);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase}.skills-tab:hover{border-color:var(--cat-color);color:var(--cat-color)}.skills-tab.active{border-color:var(--cat-color);color:var(--cat-color);background:#ffffff08;box-shadow:0 0 20px #0000004d,inset 0 0 20px #ffffff05}.skills-tab__icon{font-size:13px}.skills-tab__count{background:#ffffff0d;padding:1px 7px;border-radius:8px;font-size:9px}.skills-tab.active .skills-tab__count{background:#ffffff14}.skills-galaxy{position:relative;width:460px;height:460px;margin-top:60px;perspective:800px}.skills-galaxy__ring{position:absolute;border-radius:50%;top:50%;left:50%;pointer-events:none}.skills-galaxy__ring--inner{width:240px;height:240px;border:1px dashed rgba(14,165,233,.08);transform:translate(-50%,-50%);animation:ringPulse 8s ease-in-out infinite}.skills-galaxy__ring--outer{width:380px;height:380px;border:1px solid rgba(14,165,233,.05);transform:translate(-50%,-50%);animation:ringPulse 8s ease-in-out infinite 4s}@keyframes ringPulse{0%,to{border-color:#0ea5e90d}50%{border-color:#0ea5e91f}}.skills-galaxy__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.12) 0%,transparent 70%);animation:hubGlow 3s ease-in-out infinite;pointer-events:none}@keyframes hubGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.skills-galaxy__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#1a8fd4,#0369a1);box-shadow:0 0 25px #0ea5e940,0 0 50px #0ea5e914;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:8px;color:#fff;letter-spacing:.5px;font-weight:600;text-align:center;z-index:10;animation:centerPulse 4s ease-in-out infinite;line-height:1.2;padding:4px}@keyframes centerPulse{0%,to{box-shadow:0 0 25px #0ea5e940,0 0 50px #0ea5e914}50%{box-shadow:0 0 35px #0ea5e966,0 0 70px #0ea5e926}}.skill-planet{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-family:var(--font-mono);color:var(--text-primary);text-align:center;line-height:1.15;cursor:pointer;pointer-events:auto;z-index:5;background:#0f172abf;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:planetOrbit var(--orbit-speed, 25s) linear infinite;animation-delay:var(--orbit-delay, 0s);will-change:transform}.skill-planet--lg{width:64px;height:64px;margin:-32px 0 0 -32px;font-size:7.5px;letter-spacing:.3px;border-color:#ffffff26}.skill-planet--md{width:54px;height:54px;margin:-27px 0 0 -27px;font-size:7px;letter-spacing:.3px}.skill-planet--sm{width:46px;height:46px;margin:-23px 0 0 -23px;font-size:6.5px}.skill-planet:hover{animation-play-state:paused;scale:1.25;z-index:20;box-shadow:0 0 24px #ffffff1a;border-color:var(--cat-color)}@keyframes planetOrbit{0%{transform:rotate(0) translate(var(--orbit-r, 120px)) rotate(0)}to{transform:rotate(360deg) translate(var(--orbit-r, 120px)) rotate(-360deg)}}.skill-planet__tip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#080c18f2;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;min-width:130px;opacity:0;pointer-events:none;transition:opacity .25s;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;white-space:nowrap}.skill-planet:hover .skill-planet__tip{opacity:1}.skill-planet__tip-name{font-size:11px;font-weight:500;color:var(--text-primary);margin-bottom:6px;display:block}.skill-planet__tip-bar{width:100%;height:3px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-bottom:4px}.skill-planet__tip-fill{height:100%;border-radius:2px}.skill-planet__tip-pct{font-family:var(--font-mono);font-size:10px;text-align:right;display:block}@media(max-width:768px){.skills-galaxy{width:320px;height:320px}.skills-galaxy__ring--inner{width:170px;height:170px}.skills-galaxy__ring--outer{width:270px;height:270px}.skills-galaxy__center{width:55px;height:55px;font-size:7px}.skill-planet--lg{width:52px;height:52px;margin:-26px 0 0 -26px;font-size:6.5px}.skill-planet--md{width:44px;height:44px;margin:-22px 0 0 -22px;font-size:6px}.skill-planet--sm{width:38px;height:38px;margin:-19px 0 0 -19px;font-size:5.5px}.skills-tabs{gap:5px}.skills-tab{padding:5px 10px;font-size:9px}}@media(max-width:480px){.skills-galaxy{width:280px;height:280px}.skills-galaxy__ring--inner{width:140px;height:140px}.skills-galaxy__ring--outer{width:230px;height:230px}}@media(max-height:800px)and (min-width:769px){.skills-galaxy{transform:scale(.85);margin-top:10px}}@media(max-height:650px)and (min-width:769px){.skills-galaxy{transform:scale(.7);margin-top:-20px}}.exzone-section .ex-zone-panel{margin-top:30px;opacity:1;transform:none}.blog-feed{display:flex;flex-direction:column;gap:16px;max-width:700px;margin-top:30px;max-height:55vh;overflow-y:auto;padding-right:12px;pointer-events:auto}.blog-feed::-webkit-scrollbar{width:6px}.blog-feed::-webkit-scrollbar-track{background:#0ea5e90d;border-radius:4px}.blog-feed::-webkit-scrollbar-thumb{background:#0ea5e94d;border-radius:4px}.blog-feed::-webkit-scrollbar-thumb:hover{background:#0ea5e980}.blog-card{background:var(--surface);border:1px solid rgba(14,165,233,.1);border-radius:10px;overflow:hidden;transition:border-color .4s var(--ease-smooth),box-shadow .4s,transform .3s}.blog-card:hover{border-color:var(--accent-blue);box-shadow:0 6px 24px var(--glow-blue);transform:translateY(-2px)}.blog-card__link{display:flex;text-decoration:none;color:inherit;pointer-events:auto}.blog-card__image{width:160px;min-height:120px;flex-shrink:0;overflow:hidden}.blog-card__image img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.75) saturate(.8);transition:filter .4s}.blog-card:hover .blog-card__image img{filter:brightness(1) saturate(1)}.blog-card__body{padding:16px 20px;display:flex;flex-direction:column;gap:6px;justify-content:center;flex-grow:1}.blog-card__date{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase}.blog-card__title{font-size:15px;font-weight:500;color:var(--text-primary);line-height:1.4}.blog-card__excerpt{font-size:12px;color:var(--text-secondary);line-height:1.6;font-weight:300}.blog-card__cta{font-family:var(--font-mono);font-size:11px;color:var(--accent-blue);letter-spacing:.5px;margin-top:4px;transition:color .3s}.blog-card:hover .blog-card__cta{color:var(--accent-teal)}.blog-feed__empty{text-align:center;padding:40px 20px;color:var(--text-dim);font-family:var(--font-mono);font-size:13px;letter-spacing:1px}.blog-feed__view-all{display:inline-block;font-family:var(--font-mono);font-size:12px;color:var(--accent-blue);letter-spacing:1px;text-decoration:none;padding:10px 0;text-align:center;pointer-events:auto;transition:color .3s}.blog-feed__view-all:hover{color:var(--accent-orange)}@media(max-width:768px){.blog-card__link{flex-direction:column}.blog-card__image{width:100%;height:140px}}.about__cv-btn{display:inline-block;margin-top:24px;font-family:var(--font-mono);font-size:12px;letter-spacing:1.5px;color:var(--accent-blue);border:1px solid rgba(14,165,233,.3);padding:10px 24px;border-radius:4px;text-decoration:none;pointer-events:auto;transition:background .3s,border-color .3s,color .3s}.about__cv-btn:hover{background:#0ea5e91a;border-color:var(--accent-blue);color:var(--text-primary)}.contact__socials{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap;justify-content:center}.contact__social-link{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);letter-spacing:1px;text-decoration:none;padding:6px 14px;border:1px solid rgba(14,165,233,.15);border-radius:4px;pointer-events:auto;transition:border-color .3s,color .3s,background .3s}.contact__social-link:hover{color:var(--accent-blue);border-color:var(--accent-blue);background:#0ea5e90d}.profile-photo--fallback{background:linear-gradient(135deg,#0ea5e9,#14b8a6);border:2px solid var(--accent-blue);box-shadow:0 0 30px var(--glow-blue);font-family:var(--font-mono);font-size:2.2rem;font-weight:600;color:#fff;letter-spacing:3px}.portfolio-card__placeholder{width:100%;height:140px;background:linear-gradient(135deg,#0ea5e91a,#14b8a61a);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:1.4rem;font-weight:600;color:var(--accent-blue);letter-spacing:2px}.single-page{min-height:100vh;background:var(--bg-void);color:var(--text-primary);font-family:var(--font-primary)}.single-page__header{padding:20px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(14,165,233,.1)}.single-page__logo{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--accent-blue);text-decoration:none;letter-spacing:2px}.single-page__back{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);text-decoration:none;letter-spacing:1px;transition:color .3s}.single-page__back:hover{color:var(--accent-blue)}.single-page__hero{width:100%;max-height:400px;overflow:hidden}.single-page__hero img{width:100%;height:400px;object-fit:cover;display:block;filter:brightness(.7)}.single-page__content{max-width:800px;margin:0 auto;padding:50px 40px 80px}.single-page__title{font-size:clamp(24px,4vw,42px);font-weight:200;letter-spacing:4px;text-transform:uppercase;color:var(--text-primary);margin-bottom:12px}.single-page__meta{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:30px}.single-page__meta-item{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase}.single-page__meta-item span{color:var(--accent-blue)}.single-page__body{font-size:16px;line-height:1.9;color:var(--text-secondary);font-weight:300}.single-page__body h2,.single-page__body h3{color:var(--text-primary);margin-top:2em;margin-bottom:.5em;font-weight:400;letter-spacing:1px}.single-page__body p{margin-bottom:1.2em}.single-page__body img{max-width:100%;border-radius:8px;margin:1.5em 0;border:1px solid rgba(14,165,233,.1)}.single-page__body a{color:var(--accent-blue);text-decoration:underline;text-underline-offset:3px}.single-page__body code{font-family:var(--font-mono);font-size:.9em;background:#0ea5e914;padding:2px 6px;border-radius:3px;color:var(--accent-teal)}.single-page__body pre{background:#0006;border:1px solid rgba(14,165,233,.1);border-radius:6px;padding:20px;overflow-x:auto;margin:1.5em 0}.single-page__body pre code{background:none;padding:0}.single-page__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid rgba(14,165,233,.1)}.single-page__tag{font-family:var(--font-mono);font-size:10px;color:var(--accent-teal);background:#14b8a614;border:1px solid rgba(20,184,166,.2);padding:4px 10px;border-radius:3px;letter-spacing:.5px}.single-page__related{max-width:800px;margin:0 auto;padding:0 40px 60px}.single-page__related-title{font-size:14px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-bottom:20px}.single-page__related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.single-page__footer{padding:30px 40px;border-top:1px solid rgba(14,165,233,.1);text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:1px}.single-page__footer a{color:var(--accent-blue);text-decoration:none}@media(max-width:768px){.single-page__header{padding:16px 20px}.single-page__content{padding:30px 20px 60px}.single-page__related{padding:0 20px 40px}.single-page__related-grid{grid-template-columns:1fr}.single-page__hero img{height:250px}}html.rtl{direction:rtl}html.rtl .header__logo{margin-right:0;margin-left:auto}html.rtl .header__nav{margin-left:0;margin-right:20px}html.rtl .single-page__header,html.rtl .blog-card__link{flex-direction:row-reverse}html.rtl .blog-card__body,html.rtl .single-page__content,html.rtl .portfolio-card__info{text-align:right}html.rtl .section-dots{right:auto;left:20px}html.rtl .header__menu-btn{margin-left:0;margin-right:auto}html.rtl .blog-feed{padding-right:0;padding-left:12px}