/*
Theme Name: VMehrabi Tech Blog
Theme URI: https://vmehrabi.com
Author: Milad Mehrabi
Description: A fast, dark, content-first WordPress theme for My Experiences technical blog.
Version: 1.4.1
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: vmehrabi
*/
:root{--bg:#080b10;--surface:#0e131b;--card:#111923;--line:#202a37;--text:#edf2f7;--muted:#8d9aaa;--green:#adff5c;--cyan:#53e6d8;--purple:#916cff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.particle-field{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.72}.noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header,.site-main,.site-footer{position:relative;z-index:2}.site-header{position:sticky;top:0;background:#080b10dd;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff10;z-index:20}.site-nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand img{width:44px;height:44px;object-fit:contain}.logo-mark{width:44px;height:44px;border:1px solid #ffffff45;border-radius:12px;display:grid;place-items:center;font:800 12px Manrope;letter-spacing:-1px;background:linear-gradient(145deg,#ffffff0e,#adff5c08);box-shadow:0 0 24px #adff5c12}.brand strong{display:block;font:700 15px Manrope;letter-spacing:-.3px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.2px;margin-top:2px}.nav-links,.nav-links ul{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.nav-links a{font-size:13px;color:#bcc5ce;transition:.25s}.nav-links a:hover,.nav-links .current-menu-item>a{color:var(--green)}.contact-pill{border:1px solid #ffffff24;padding:10px 16px;border-radius:99px}.menu-toggle{display:none;border:0;background:none;color:white;font-size:25px}.hero{padding:88px 0 66px;display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:end}.kicker{display:flex;align-items:center;gap:10px;color:var(--green);font:600 10px Manrope;letter-spacing:2px;text-transform:uppercase}.kicker:before{content:"";width:30px;height:1px;background:var(--green)}.hero h1{font:600 clamp(52px,7vw,96px)/.98 Manrope;margin:22px 0;letter-spacing:-5px}.hero h1 span{color:transparent;-webkit-text-stroke:1px var(--green);text-shadow:0 0 28px #adff5c18}.hero p{max-width:700px;color:#98a5b3;font-size:17px}.hero-side{border:1px solid var(--line);background:#0e141ddd;padding:25px;border-radius:18px;position:relative;overflow:hidden}.hero-side:before{content:"";position:absolute;width:150px;height:150px;background:var(--purple);filter:blur(90px);opacity:.2;right:-40px;top:-40px}.hero-side b{font:700 38px Manrope;color:var(--green)}.hero-side span{display:block;color:var(--muted);font-size:12px}.topic-bar{border-block:1px solid var(--line);background:#0d1218;overflow:hidden}.topic-track{white-space:nowrap;padding:12px 0;font:700 11px Manrope;letter-spacing:1.5px;color:#aab5c1;animation:marquee 26s linear infinite}.topic-track i{font-style:normal;color:var(--green);margin:0 24px}@keyframes marquee{to{transform:translateX(40%)}}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:50px;padding:72px 0 110px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-title h2,.archive-title{font:600 34px Manrope;margin:5px 0;letter-spacing:-1.5px}.section-label{color:var(--green);font:600 10px Manrope;letter-spacing:1.8px;text-transform:uppercase}.post-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.post-card{background:linear-gradient(145deg,#121a24dd,#0d131bdd);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.35s;position:relative}.post-card:hover{transform:translateY(-5px);border-color:#adff5c55;box-shadow:0 20px 45px #0007}.post-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.15fr .85fr}.post-thumb{height:215px;background:linear-gradient(145deg,#182636,#0c1118);overflow:hidden;position:relative;display:grid;place-items:center}.post-card:first-child .post-thumb{height:100%;min-height:340px}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:.5s}.post-card:hover .post-thumb img{transform:scale(1.035)}.post-thumb .fallback-mark{font:800 65px Manrope;color:#adff5c18}.post-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#0d131b88)}.post-body{padding:25px}.post-meta{display:flex;flex-wrap:wrap;gap:7px 12px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.6px}.post-meta a{color:var(--green)}.post-card h2{font:600 21px/1.35 Manrope;margin:13px 0;letter-spacing:-.6px}.post-card:first-child h2{font-size:30px}.post-excerpt{font-size:13px;color:#919ead;line-height:1.75}.read-more{display:inline-flex;align-items:center;gap:9px;margin-top:12px;color:var(--text);font-size:12px}.read-more span{color:var(--green);font-size:18px}.pagination,.nav-links.pagination{display:flex;gap:8px;margin-top:35px}.page-numbers{border:1px solid var(--line);padding:8px 14px;border-radius:8px;font-size:12px}.page-numbers.current,.page-numbers:hover{background:var(--green);color:#071008}.sidebar{position:relative}.sidebar-inner{position:sticky;top:110px}.widget{background:#0e151edd;border:1px solid var(--line);border-radius:16px;padding:23px;margin-bottom:18px}.widget-title{font:600 15px Manrope;margin:0 0 18px;padding-bottom:13px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.widget-title:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.widget ul{list-style:none;margin:0;padding:0}.widget li{padding:8px 0;border-bottom:1px solid #ffffff0a;font-size:12px;color:#a7b1bd}.widget li:last-child{border:0}.widget li a:hover{color:var(--green)}.search-form{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#090e14}.search-field{width:100%;background:none;border:0;padding:12px 14px;color:white;outline:0}.search-submit{border:0;background:var(--green);color:#071008;padding:0 14px;font-weight:700}.vexpert-card{text-align:center;background:radial-gradient(circle at 50% 0,#6a4eff44,transparent 50%),#0e151e}.vexpert-badge{width:90px;height:90px;margin:5px auto 15px;border:1px solid #ffffff25;border-radius:50%;display:grid;place-items:center;font:800 18px Manrope;color:var(--green)}.support-box{text-align:center}.support-btn{display:block;margin-top:15px;padding:11px;border-radius:9px;background:#ff5e5b;color:white;font-weight:700;font-size:12px}.entry-wrap{padding:70px 0 110px}.entry-layout{display:grid;grid-template-columns:minmax(0,820px) 320px;gap:60px;justify-content:space-between}.entry-header h1{font:600 clamp(40px,6vw,72px)/1.08 Manrope;letter-spacing:-3px;margin:18px 0}.entry-featured{border-radius:18px;margin:30px 0;overflow:hidden}.entry-content{font-size:17px;color:#c1cad4;line-height:1.95}.entry-content h2,.entry-content h3{font-family:Manrope;color:white;margin-top:2em}.entry-content a{color:var(--green);text-decoration:underline}.entry-content pre,.entry-content code{direction:ltr;text-align:left;font-family:monospace}.entry-content pre{background:#05070a;border:1px solid var(--line);padding:20px;overflow:auto;border-radius:12px}.entry-content blockquote{border-left:3px solid var(--green);margin:30px 0;padding:10px 25px;color:#9facb9;background:#0d141c}.entry-content table{width:100%;border-collapse:collapse}.entry-content td,.entry-content th{padding:10px;border:1px solid var(--line)}.post-navigation{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);margin-top:50px;padding-top:30px}.site-footer{border-top:1px solid var(--line);background:#07090d;padding:50px 0}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-copy{font-size:11px;color:var(--muted)}.footer-socials{display:flex;gap:20px;font:700 10px Manrope;color:#aeb8c2}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}@media(max-width:920px){.content-grid,.entry-layout{grid-template-columns:1fr}.sidebar-inner{position:static}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.widget{margin:0}.hero{grid-template-columns:1fr}.hero-side{display:none}}@media(max-width:680px){.wrap{width:min(100% - 24px,var(--max))}.site-nav{height:72px}.menu-toggle{display:block}.nav-links{position:absolute;top:72px;left:12px;right:12px;display:none;flex-direction:column;background:#0d131b;border:1px solid var(--line);padding:24px;border-radius:12px}.nav-links.open{display:flex}.nav-links ul{flex-direction:column}.hero{padding:62px 0 45px}.hero h1{font-size:50px;letter-spacing:-3px}.hero p{font-size:15px}.content-grid{padding-top:50px}.post-grid{grid-template-columns:1fr}.post-card:first-child{display:block}.post-card:first-child .post-thumb{min-height:220px}.post-card:first-child h2{font-size:23px}.sidebar{grid-template-columns:1fr}.entry-header h1{letter-spacing:-2px}.entry-content{font-size:16px}.footer-grid{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.particle-field{display:none}}