:root{color-scheme:dark;--red:#ff1838;--cyan:#37cfff;--panel:rgba(4,7,11,.86)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%;background:#030507}body{color:#f4f4f4;font-family:"Share Tech Mono",monospace}a{color:inherit}button,input,textarea{font:inherit}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cyber-background{position:fixed;inset:0;z-index:-3;background:url('../images/cyber-background.png') center/cover no-repeat}.cyber-vignette{position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 22%,transparent 70%,rgba(0,0,0,.45)),linear-gradient(90deg,rgba(0,0,0,.13),transparent 48%,rgba(0,0,0,.13))}.topbar{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;justify-content:center;padding:clamp(18px,2.6vw,38px) 24px}.topbar nav{padding:0 18px;border:1px solid rgba(255,255,255,.13);background:rgba(3,5,7,.72);box-shadow:0 8px 35px rgba(0,0,0,.45);backdrop-filter:blur(10px)}.topbar .menu{display:flex;align-items:center;gap:clamp(14px,3vw,48px);margin:0;padding:11px 0;list-style:none}.topbar li{margin:0}.topbar a{position:relative;display:block;padding:7px 5px;color:rgba(255,255,255,.74);text-decoration:none;text-transform:uppercase;font-size:clamp(.68rem,1.1vw,.86rem);letter-spacing:.18em;transition:.2s}.topbar a:after{content:"";position:absolute;left:5px;right:5px;bottom:0;height:1px;background:var(--red);transform:scaleX(0);box-shadow:0 0 6px var(--red),0 0 13px var(--red);transition:.2s}.topbar a:hover,.topbar a:focus,.topbar .current-menu-item>a,.topbar .current_page_item>a{color:#fff;text-shadow:0 0 5px #ff2644,0 0 15px var(--red),0 0 28px rgba(255,24,56,.8);transform:translateY(-1px);outline:0}.topbar a:hover:after,.topbar a:focus:after,.topbar .current-menu-item>a:after,.topbar .current_page_item>a:after{transform:scaleX(1)}.site-main{min-height:100vh;padding:112px 5vw 120px}.cyber-home .site-main{height:100svh;min-height:420px;padding:0;overflow:hidden}.home-space{height:100%}.socials{position:fixed;z-index:40;right:clamp(18px,3vw,46px);bottom:clamp(18px,3vw,42px);display:flex;gap:14px}.socials a{display:flex;align-items:center;gap:10px;min-width:50px;height:50px;padding:0 14px;border:1px solid rgba(255,255,255,.25);color:#fff;background:rgba(3,5,7,.78);text-decoration:none;text-transform:uppercase;font-size:.66rem;letter-spacing:.13em;backdrop-filter:blur(8px);transition:.2s}.socials svg{width:23px;height:23px}.socials a:hover,.socials a:focus{color:#ff4058;border-color:var(--red);box-shadow:inset 0 0 13px rgba(255,24,56,.18),0 0 8px var(--red),0 0 24px rgba(255,24,56,.65);transform:translateY(-3px);outline:0;text-shadow:0 0 10px var(--red)}.content-stage,.article-shell{width:min(1180px,100%);margin:0 auto}.section-heading{width:min(720px,100%);margin-bottom:28px;padding:24px 28px;border-left:2px solid var(--red);background:linear-gradient(90deg,rgba(2,5,8,.9),rgba(2,5,8,.3));backdrop-filter:blur(8px)}.eyebrow{margin:0 0 12px!important;color:#ff536a!important;font-size:.72rem!important;letter-spacing:.24em;text-transform:uppercase;text-shadow:0 0 12px rgba(255,24,56,.85)}h1,h2,h3{font-weight:400}.section-heading h1,.glass-panel h1{margin:0;font-size:clamp(2.5rem,6vw,5rem);line-height:.95;letter-spacing:-.04em;text-transform:uppercase}.section-heading>p:last-child{margin:16px 0 0;max-width:650px;color:rgba(255,255,255,.7);line-height:1.65}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.post-card,.glass-panel{border:1px solid rgba(255,255,255,.14);background:var(--panel);box-shadow:0 18px 48px rgba(0,0,0,.4);backdrop-filter:blur(13px)}.post-card{min-height:235px;padding:24px;display:flex;flex-direction:column;transition:.22s}.post-card:hover{transform:translateY(-4px);border-color:rgba(255,24,56,.7);box-shadow:0 0 22px rgba(255,24,56,.18),0 20px 50px rgba(0,0,0,.5)}.post-card>span{color:var(--cyan);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase}.post-card h2{margin:15px 0 10px;font-size:1.25rem;line-height:1.22}.post-card h2 a{text-decoration:none}.post-card p{margin:0;color:rgba(255,255,255,.62);font-size:.84rem;line-height:1.55}.read-more{margin-top:auto;padding-top:18px;color:#fff;text-decoration:none;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.read-more b{color:var(--red);font-size:1rem}.pagination{margin-top:28px;padding:18px;background:rgba(3,6,10,.8)}.pagination a,.pagination span{display:inline-block;margin:3px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);text-decoration:none}.pagination .current{border-color:var(--red);color:#ff6578}.split-stage{min-height:calc(100svh - 232px);display:grid;grid-template-columns:1.12fr .88fr;gap:18px;align-items:center}.glass-panel{padding:clamp(28px,4vw,54px)}.glass-panel h2{margin:20px 0;max-width:640px;color:rgba(255,255,255,.88);font-size:clamp(1.15rem,2.2vw,1.7rem);line-height:1.35}.glass-panel p,.page-content{color:rgba(255,255,255,.68);line-height:1.75}.neon-button{display:inline-flex;justify-content:center;margin-top:14px;padding:13px 19px;border:1px solid var(--red);color:#fff;background:rgba(255,24,56,.08);text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;box-shadow:inset 0 0 15px rgba(255,24,56,.14),0 0 13px rgba(255,24,56,.35);cursor:pointer;transition:.2s}.neon-button:hover,.neon-button:focus{background:rgba(255,24,56,.22);box-shadow:inset 0 0 20px rgba(255,24,56,.24),0 0 22px rgba(255,24,56,.75);outline:0}.skills-panel{display:grid}.skill-row{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}.skill-row:last-child{border:0}.skill-row span,.skill-row b{display:block}.skill-row span{margin-bottom:7px;color:var(--cyan);font-size:.68rem;letter-spacing:.17em;text-transform:uppercase}.skill-row b{font-weight:400}.direct-links{display:grid;gap:10px;margin-top:30px}.direct-links a{padding:14px 16px;border-left:2px solid var(--red);color:#fff;background:rgba(255,255,255,.04);text-decoration:none}.direct-links small{display:block;margin-bottom:5px;color:rgba(255,255,255,.45);letter-spacing:.14em;text-transform:uppercase}.contact-form{display:grid;gap:17px}.contact-form label{color:rgba(255,255,255,.7);font-size:.67rem;letter-spacing:.16em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;margin-top:8px;padding:13px 14px;border:1px solid rgba(255,255,255,.18);border-radius:0;outline:0;color:#fff;background:rgba(0,0,0,.5);resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--red);box-shadow:0 0 13px rgba(255,24,56,.3)}.contact-form .neon-button{margin:0}.form-message{padding:12px;border-left:2px solid var(--cyan);background:rgba(55,207,255,.08)}.form-message.error{border-color:var(--red)}.article-hero{padding:clamp(28px,5vw,68px);border:1px solid rgba(255,255,255,.14);border-left:3px solid var(--red);background:linear-gradient(110deg,rgba(2,5,8,.95),rgba(2,5,8,.7));box-shadow:0 22px 70px rgba(0,0,0,.52);backdrop-filter:blur(14px)}.back-link{display:inline-block;margin-bottom:42px;color:rgba(255,255,255,.58);text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.article-hero h1{max-width:900px;margin:0;font-size:clamp(2.5rem,6.5vw,5.8rem);line-height:.96;letter-spacing:-.045em;text-transform:uppercase}.article-deck{max-width:790px;margin:26px 0;color:rgba(255,255,255,.68);font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.65}.article-meta{display:flex;flex-wrap:wrap;gap:10px 26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);color:var(--cyan);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}.article-side{position:sticky;top:110px;display:grid;gap:12px;padding:24px;border:1px solid rgba(255,255,255,.12);background:rgba(3,6,10,.86);color:rgba(255,255,255,.56);font-size:.75rem;backdrop-filter:blur(12px)}.article-side>p{margin:0 0 5px;color:#ff536a;letter-spacing:.16em}.side-tags a{display:block;margin-top:8px;color:var(--cyan);text-decoration:none}.article-body{padding:clamp(28px,5vw,64px);border:1px solid rgba(255,255,255,.12);background:rgba(3,6,10,.93);box-shadow:0 18px 60px rgba(0,0,0,.48);backdrop-filter:blur(14px)}.article-body p,.article-body li{color:rgba(255,255,255,.75);font-size:1rem;line-height:1.85}.article-body p{margin:0 0 22px}.article-body h2{scroll-margin-top:120px;margin:56px 0 20px;padding-left:18px;border-left:2px solid var(--red);font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.15;text-transform:uppercase;text-shadow:0 0 18px rgba(255,24,56,.35)}.article-body h3{margin-top:36px;color:var(--cyan);font-size:1.35rem}.article-body blockquote{margin:42px 0;padding:28px 30px;border:1px solid rgba(55,207,255,.32);border-left:3px solid var(--cyan);color:#d7f7ff;background:rgba(55,207,255,.06);font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.65}.article-body pre{overflow-x:auto;margin:38px 0;padding:24px;border:1px solid rgba(255,24,56,.35);color:#ff8091;background:#020305;line-height:1.7}.article-body img{max-width:100%;height:auto}.article-image{margin:0 0 36px}.article-image img{width:100%}.article-footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding:22px;border:1px solid rgba(255,255,255,.12);background:rgba(3,6,10,.88)}.article-footer a{margin-left:auto;align-self:center;text-decoration:none;text-transform:uppercase}.article-footer div>a{display:inline-block;margin:3px;padding:7px 10px;border:1px solid rgba(55,207,255,.35);color:var(--cyan);font-size:.68rem}.generic-page,.error-page{padding-top:5vh}.comments-area{margin-top:18px}.comment-list{padding-left:24px}.comment-list li{margin:18px 0}.comments-area input,.comments-area textarea{max-width:100%;padding:10px;color:#fff;background:#05070a;border:1px solid rgba(255,255,255,.2)}@media(max-width:900px){.post-grid{grid-template-columns:repeat(2,1fr)}.split-stage{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.article-side{position:static}}@media(max-width:680px){.cyber-background{background-position:56% center}.site-main{padding:88px 14px 100px}.cyber-home .site-main{padding:0}.topbar{padding:12px 8px}.topbar nav{width:100%;padding:0 5px}.topbar .menu{justify-content:space-around;gap:4px}.topbar a{font-size:.58rem;letter-spacing:.08em}.post-grid{grid-template-columns:1fr}.section-heading,.post-card,.glass-panel,.article-hero,.article-body{padding:22px}.article-hero h1{font-size:2.45rem}.socials{right:12px;bottom:12px;gap:8px}.socials a{min-width:44px;width:44px;height:44px;padding:0;justify-content:center}.socials a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}