/**handles:tjtp-fonts,tjtp-main**/
@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url('https://tjtheprogrammer.com/wp-content/themes/tjtheprogrammer/assets/fonts/press-start-2p-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('https://tjtheprogrammer.com/wp-content/themes/tjtheprogrammer/assets/fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('https://tjtheprogrammer.com/wp-content/themes/tjtheprogrammer/assets/fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('https://tjtheprogrammer.com/wp-content/themes/tjtheprogrammer/assets/fonts/jetbrains-mono-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--color-bg:#07070d;--color-surface:#0d0d1a;--color-surface-2:#13132a;--color-border:#1a1a3e;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-accent-glow:rgba(59, 130, 246, 0.15);--color-silver:#94a3b8;--color-silver-light:#cbd5e1;--color-text:#e2e8f0;--color-text-muted:#64748b;--color-success:#22c55e;--font-pixel:'Press Start 2P',monospace;--font-body:'Inter',sans-serif;--font-mono:'JetBrains Mono',monospace;--nav-height:70px;--max-width:1140px;--section-pad:100px}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}*{border-radius:0!important}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-accent-hover)}ol,ul{list-style:none}.font-pixel{font-family:var(--font-pixel)}.font-mono{font-family:var(--font-mono)}.section-heading{font-family:var(--font-pixel);font-size:clamp(1rem, 2.2vw, 1.3rem);line-height:2em;color:var(--color-silver-light);margin-bottom:60px;text-align:center;letter-spacing:.05em}.code-comment{color:#22c55e}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}section{padding:var(--section-pad) 0}.section-see-more{text-align:center;margin-top:48px}.sp-divider{height:1px;background:var(--color-border);margin:60px 0}.sp-sub-heading{font-family:var(--font-pixel);font-size:.7rem;line-height:2em;margin:0 0 40px}.sp-pricing{margin-top:0}.section-divider{height:2px;background:repeating-linear-gradient(90deg,var(--color-accent) 0,var(--color-accent) 6px,transparent 6px,transparent 12px);margin:0;opacity:.4}.btn{display:inline-block;font-family:var(--font-pixel);font-size:.7rem;line-height:2em;letter-spacing:.05em;padding:14px 24px;cursor:pointer;border:2px solid var(--color-accent);position:relative;overflow:hidden;transition:transform .12s steps(3),box-shadow .12s steps(3),background .12s steps(3);text-decoration:none}.btn::after{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px);opacity:0;transition:opacity 0s steps(1);pointer-events:none}.btn:hover::after{opacity:1}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:4px 4px 0 rgba(255,255,255,.2)}.btn-primary:hover{background:var(--color-accent-hover);color:#fff;transform:translate(2px,2px);box-shadow:2px 2px 0 rgba(255,255,255,.2)}.btn-primary:active{transform:translate(4px,4px);box-shadow:0 0 0 rgba(255,255,255,.2)}.btn-outline{background:0 0;color:var(--color-accent);box-shadow:4px 4px 0 var(--color-accent)}.btn-outline:hover{background:var(--color-accent-glow);color:var(--color-accent);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-accent)}.btn-outline:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--color-accent)}.pixel-card{border:1px solid transparent;background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,conic-gradient(from var(--border-angle),var(--color-border) 0deg,var(--color-border) 270deg,var(--color-accent) 310deg,#93c5fd 330deg,var(--color-accent) 350deg,var(--color-border) 360deg) border-box;animation:card-border-spin 6s linear infinite;box-shadow:4px 4px 0 rgba(59,130,246,.3);transition:box-shadow .15s ease,transform .15s ease;padding:32px}.pixel-card:hover{box-shadow:2px 2px 0 rgba(59,130,246,.3);transform:translate(2px,2px)}#site-header{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:999;border-bottom:2px solid var(--color-border);transition:background .2s ease,border-color .2s ease}#site-header.scrolled{background:rgba(7,7,13,.92);border-bottom-color:var(--color-accent);backdrop-filter:blur(4px)}body:not(.home) #site-header{background:rgba(7,7,13,.97);border-bottom-color:var(--color-accent)}.admin-bar #site-header{top:32px}@media screen and (max-width:782px){.admin-bar #site-header{top:46px}}@media screen and (max-width:600px){.admin-bar #site-header{top:0}}#site-header .header-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.site-logo{font-family:var(--font-pixel);font-size:1.2rem;color:var(--color-accent);text-decoration:none;letter-spacing:.05em;line-height:2em}.site-logo-link{display:flex;align-items:center;text-decoration:none}.site-logo-img{height:50px;width:auto;display:block}.custom-logo-link{display:flex;align-items:center}.custom-logo-link img{height:50px;width:auto;max-width:220px}.site-logo .cursor{display:inline-block;animation:blink 1s step-end infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}#primary-nav{display:flex;align-items:center;gap:22px}#primary-nav a{font-family:var(--font-pixel);font-size:.7rem;color:var(--color-silver);text-decoration:none;letter-spacing:.05em;line-height:2em;transition:color .15s ease}#primary-nav a.active,#primary-nav a:hover{color:var(--color-accent)}#nav-toggle{display:none;background:0 0;border:2px solid var(--color-accent);color:var(--color-accent);font-family:var(--font-pixel);font-size:.6rem;padding:8px 12px;cursor:pointer;line-height:1}#mobile-menu{display:none;position:fixed;top:var(--nav-height);left:0;right:0;background:var(--color-surface);border-bottom:2px solid var(--color-accent);z-index:998;flex-direction:column;padding:24px;gap:16px}#mobile-menu.open{display:flex}#mobile-menu a{font-family:var(--font-pixel);font-size:.7rem;line-height:2em;color:var(--color-silver);border-bottom:1px solid var(--color-border);padding-bottom:12px;transition:color .15s ease}#mobile-menu a.active,#mobile-menu a:hover{color:var(--color-accent)}#hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background-color:var(--color-bg);padding-top:var(--nav-height)}#hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.04) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}#hero-canvas{position:absolute;inset:0;pointer-events:none}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:60px}.hero-content{max-width:680px}.hero-availability{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-pixel);font-size:.6rem;line-height:2em;color:var(--color-success);margin-bottom:24px;border:1px solid var(--color-success);padding:6px 14px}.availability-dot{width:8px;height:8px;background:var(--color-success);animation:pulse-green 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-green{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}50%{box-shadow:0 0 0 6px rgba(34,197,94,0)}}.hero-title{font-family:var(--font-pixel);font-size:clamp(1.2rem, 3.5vw, 2.2rem);line-height:2em;color:var(--color-silver-light);margin-bottom:16px;letter-spacing:.05em}.hero-subtitle{font-family:var(--font-body);font-size:1.1rem;color:var(--color-silver);margin-bottom:12px}.hero-tagline{font-family:var(--font-pixel);font-size:.65rem;line-height:2em;color:var(--color-accent);letter-spacing:.1em;margin-bottom:48px}.hero-ctas{display:flex;gap:20px;flex-wrap:wrap}.hero-socials{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}.hero-social-link{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:2px solid var(--color-border);font-family:var(--font-mono);font-size:.72rem;color:var(--color-silver);text-decoration:none;transition:color .15s,border-color .15s,background .15s}.hero-social-link:hover{color:var(--color-text);border-color:var(--color-accent);background:var(--color-accent-glow)}.hero-social-yt{color:#e05252;border-color:rgba(224,82,82,.4)}.hero-social-yt:hover{color:#ff6b6b;border-color:#e05252;background:rgba(224,82,82,.12)}.hero-social-gl{color:#e07040;border-color:rgba(224,112,64,.35)}.hero-social-gl:hover{color:#f08050;border-color:#e07040;background:rgba(224,112,64,.1)}.hero-social-li{color:#60a5fa;border-color:rgba(96,165,250,.35)}.hero-social-li:hover{color:#93c5fd;border-color:#60a5fa;background:rgba(96,165,250,.1)}.hero-sprite{flex-shrink:0;display:flex;align-items:center;justify-content:center}.hero-avatar{width:auto;height:220px;image-rendering:pixelated;image-rendering:crisp-edges;display:block}#how-it-works,12px 0px 0 3px #94a3b8,12px 12px 0 3px #cbd5e1,12px 15px 0 3px #94a3b8,12px 18px 0 3px #3b82f6,12px 21px 0 3px #0d0d1a,12px 24px 0 3px #3b82f6,12px 27px 0 3px #3b82f6,12px 30px 0 3px #0d0d1a,12px 33px 0 3px #0d0d1a,12px 36px 0 3px #94a3b8,12px 3px 0 3px #cbd5e1,12px 6px 0 3px #cbd5e1,12px 9px 0 3px #07070d,15px 0px 0 3px #94a3b8,15px 12px 0 3px #07070d,15px 15px 0 3px #94a3b8,15px 18px 0 3px #3b82f6,15px 21px 0 3px #0d0d1a,15px 24px 0 3px #1a1a3e,15px 27px 0 3px #3b82f6,15px 3px 0 3px #cbd5e1,15px 6px 0 3px #e2e8f0,15px 9px 0 3px #e2e8f0,18px 0px 0 3px #94a3b8,18px 12px 0 3px #cbd5e1,18px 15px 0 3px #94a3b8,18px 18px 0 3px #3b82f6,18px 21px 0 3px #0d0d1a,18px 24px 0 3px #3b82f6,18px 27px 0 3px #3b82f6,18px 30px 0 3px #0d0d1a,18px 33px 0 3px #0d0d1a,18px 36px 0 3px #94a3b8,18px 3px 0 3px #cbd5e1,18px 6px 0 3px #e2e8f0,18px 9px 0 3px #e2e8f0,21px 0px 0 3px #94a3b8,21px 12px 0 3px #07070d,21px 15px 0 3px #94a3b8,21px 18px 0 3px #3b82f6,21px 21px 0 3px #0d0d1a,21px 24px 0 3px #1a1a3e,21px 27px 0 3px #3b82f6,21px 30px 0 3px #0d0d1a,21px 33px 0 3px #0d0d1a,21px 36px 0 3px #94a3b8,21px 3px 0 3px #cbd5e1,21px 6px 0 3px #cbd5e1,21px 9px 0 3px #07070d,24px 12px 0 3px #94a3b8,24px 15px 0 3px #94a3b8,24px 18px 0 3px #3b82f6,24px 21px 0 3px #3b82f6,24px 24px 0 3px #3b82f6,24px 27px 0 3px #3b82f6,24px 3px 0 3px #94a3b8,24px 6px 0 3px #94a3b8,24px 9px 0 3px #94a3b8,27px 18px 0 3px #3b82f6,27px 21px 0 3px #3b82f6,30px 21px 0 3px #3b82f6,3px 21px 0 3px #3b82f6,6px 18px 0 3px #3b82f6,6px 21px 0 3px #3b82f6,6px 24px 0 3px #3b82f6,6px 27px 0 3px #3b82f6,6px 36px 0 3px #94a3b8,9px 12px 0 3px #94a3b8,9px 15px 0 3px #94a3b8,9px 18px 0 3px #3b82f6,9px 21px 0 3px #0d0d1a,9px 24px 0 3px #1a1a3e,9px 27px 0 3px #3b82f6,9px 30px 0 3px #0d0d1a,9px 33px 0 3px #0d0d1a,9px 36px 0 3px #94a3b8,9px 3px 0 3px #94a3b8,9px 6px 0 3px #94a3b8,9px 9px 0 3px #94a3b8{background:var(--color-surface)}.steps-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:0}.step-connector{align-self:flex-start;margin-top:36px;border-top:2px dashed var(--color-accent);width:100%;opacity:.4}.step{border:1px solid transparent;background:linear-gradient(var(--color-surface-2),var(--color-surface-2)) padding-box,conic-gradient(from var(--border-angle),var(--color-border) 0deg,var(--color-border) 270deg,var(--color-accent) 310deg,#93c5fd 330deg,var(--color-accent) 350deg,var(--color-border) 360deg) border-box;animation:card-border-spin 6s linear infinite;box-shadow:4px 4px 0 rgba(59,130,246,.3);padding:32px 28px;text-align:center}.step-number{display:inline-block;font-family:var(--font-pixel);font-size:.65rem;line-height:2em;background:var(--color-accent);color:#fff;padding:6px 14px;margin-bottom:20px;letter-spacing:.1em}.step h3{font-family:var(--font-pixel);font-size:.75rem;line-height:2em;color:var(--color-silver-light);margin-bottom:14px}.step p{font-family:var(--font-body);font-size:1rem;color:var(--color-silver);line-height:1.7}#services{background:var(--color-bg)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.service-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);box-shadow:4px 4px 0 rgba(59,130,246,.3);padding:36px 28px;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.service-card:hover{box-shadow:2px 2px 0 rgba(59,130,246,.3);transform:translate(2px,2px);border-color:var(--color-accent)}.service-icon{font-size:2rem;margin-bottom:20px}.service-card h3{font-family:var(--font-pixel);font-size:.75rem;line-height:2em;color:var(--color-silver-light);margin-bottom:16px}.service-card p{font-family:var(--font-body);font-size:1rem;color:var(--color-silver);line-height:1.7}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media (max-width:900px){.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.tech-grid{grid-template-columns:1fr}}.tech-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);box-shadow:4px 4px 0 rgba(59,130,246,.3);padding:28px 24px;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.tech-card:hover{box-shadow:2px 2px 0 rgba(59,130,246,.3);transform:translate(2px,2px);border-color:var(--color-accent)}.tech-icon{font-size:1.8rem;margin-bottom:12px}.tech-category{font-family:var(--font-mono);font-size:.7rem;color:var(--color-accent);letter-spacing:.1em;margin-bottom:8px}.tech-card h3{font-family:var(--font-pixel);font-size:.65rem;line-height:2em;color:var(--color-silver-light);margin-bottom:16px}.tech-specs{list-style:none;padding:0;margin:0}.tech-specs li{font-family:var(--font-mono);font-size:.85rem;color:var(--color-silver);padding:5px 0;border-bottom:1px solid var(--color-border);line-height:1.5}.tech-specs li:last-child{border-bottom:none}.tech-specs li::before{content:'> ';color:var(--color-accent)}#pricing{background:var(--color-surface)}.pricing-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:28px;align-items:stretch}.pricing-card{grid-column:span 2}.pricing-card:nth-child(4){grid-column:2/4}.pricing-card:nth-child(5){grid-column:4/6}.pricing-card{display:flex;flex-direction:column;border:1px solid transparent;background:linear-gradient(var(--color-surface-2),var(--color-surface-2)) padding-box,conic-gradient(from var(--border-angle),var(--color-border) 0deg,var(--color-border) 270deg,var(--color-accent) 310deg,#93c5fd 330deg,var(--color-accent) 350deg,var(--color-border) 360deg) border-box;animation:card-border-spin 6s linear infinite;box-shadow:4px 4px 0 rgba(59,130,246,.3);padding:40px 32px;position:relative}.pricing-card.featured{background:linear-gradient(var(--color-surface-2),var(--color-surface-2)) padding-box,conic-gradient(from var(--border-angle),var(--color-accent) 0deg,var(--color-accent) 250deg,#93c5fd 290deg,#fff 310deg,#93c5fd 330deg,var(--color-accent) 360deg) border-box;box-shadow:4px 4px 0 var(--color-accent);animation-duration:3s}.pricing-badge{position:absolute;top:-2px;right:-2px;font-family:var(--font-pixel);font-size:.52rem;line-height:2em;background:var(--color-accent);color:#fff;padding:4px 10px;letter-spacing:.05em}.pricing-card h3{font-family:var(--font-pixel);font-size:.7rem;line-height:2em;color:var(--color-silver-light);margin-bottom:20px}.pricing-price{font-family:var(--font-pixel);font-size:1.15rem;line-height:2em;color:var(--color-accent);margin-bottom:8px}.pricing-sub{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);margin-bottom:24px}.pricing-features{list-style:none;margin-bottom:32px;flex:1}.pricing-features li{font-family:var(--font-body);font-size:1rem;color:var(--color-silver);padding:8px 0;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:10px}.pricing-features li::before{content:'>';color:var(--color-accent);font-family:var(--font-mono);flex-shrink:0}.pricing-tiers{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.tier-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tier-label{font-family:var(--font-pixel);font-size:.45rem;line-height:2em;letter-spacing:.08em;color:var(--color-silver)}.tier-price{font-family:var(--font-pixel);font-size:.65rem;line-height:2em;color:var(--color-accent)}.platinum-label{background:linear-gradient(90deg,#94a3b8 0,#cbd5e1 25%,#fff 50%,#cbd5e1 75%,#94a3b8 100%);background-size:250% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:platinum-shimmer 2.5s linear infinite}@keyframes platinum-shimmer{0%{background-position:250% center}@property --border-angle{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes card-border-spin{to{--border-angle:360deg}}100%{background-position:-250% center}}.pricing-note{text-align:center;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);margin-top:48px}.addons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width:1024px){.addons-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.addons-grid{grid-template-columns:1fr}}.addon-card{background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--color-accent);padding:20px;box-shadow:4px 4px 0 rgba(59,130,246,.2);transition:box-shadow .15s ease,transform .15s ease}.addon-card:hover{box-shadow:2px 2px 0 rgba(59,130,246,.2);transform:translate(2px,2px)}.addon-price{font-family:var(--font-pixel);font-size:.9rem;line-height:2em;color:var(--color-accent);margin-bottom:6px}.addon-price span{font-size:.55em;color:var(--color-text-muted)}.addon-card h3{font-family:var(--font-pixel);font-size:.55rem;line-height:2em;color:var(--color-silver-light);margin-bottom:8px}.addon-card p{font-family:var(--font-body);font-size:.875rem;color:var(--color-silver);line-height:1.6}.packages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}@media (max-width:680px){.packages-grid{grid-template-columns:1fr}}.package-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);box-shadow:4px 4px 0 rgba(59,130,246,.3);padding:28px 24px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .15s ease,transform .15s ease}.package-card:hover{box-shadow:2px 2px 0 rgba(59,130,246,.3);transform:translate(2px,2px)}.package-card h3{font-family:var(--font-pixel);font-size:.65rem;line-height:2em;color:var(--color-silver-light)}.package-price{font-family:var(--font-pixel);font-size:1rem;line-height:2em;color:var(--color-accent)}.package-price span{font-size:.5em;color:var(--color-text-muted)}.package-includes{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);border-left:2px solid var(--color-border);padding-left:10px}.package-card>p:not(.package-price):not(.package-includes){font-family:var(--font-body);font-size:.95rem;color:var(--color-silver);line-height:1.6}.payment-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);box-shadow:4px 4px 0 rgba(59,130,246,.2)}.payment-info-item{background:var(--color-surface);padding:20px 24px;display:flex;flex-direction:column;gap:6px}.payment-info-label{font-family:var(--font-pixel);font-size:.5rem;line-height:2em;color:var(--color-accent);letter-spacing:.05em}.payment-info-value{font-family:var(--font-mono);font-size:.9rem;color:var(--color-silver)}@media (max-width:560px){.payment-info-grid{grid-template-columns:1fr}}#portfolio{background:var(--color-bg)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.portfolio-card{border:1px solid transparent;background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,conic-gradient(from var(--border-angle),var(--color-border) 0deg,var(--color-border) 270deg,var(--color-accent) 310deg,#93c5fd 330deg,var(--color-accent) 350deg,var(--color-border) 360deg) border-box;animation:card-border-spin 6s linear infinite;box-shadow:4px 4px 0 rgba(59,130,246,.3);overflow:hidden;transition:box-shadow .15s ease,transform .15s ease}.portfolio-card:hover{box-shadow:2px 2px 0 rgba(59,130,246,.3);transform:translate(2px,2px)}.portfolio-card>a{display:block;overflow:hidden}.portfolio-thumbnail{display:block;width:100%;height:auto}.portfolio-thumb-placeholder{width:100%;aspect-ratio:16/9;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:.5rem;color:var(--color-text-muted);line-height:2em}.portfolio-body{padding:24px}.portfolio-card h3{font-family:var(--font-pixel);font-size:.65rem;line-height:2em;color:var(--color-silver-light);margin-bottom:12px}.portfolio-card p{font-family:var(--font-body);font-size:.95rem;color:var(--color-silver);margin-bottom:16px;line-height:1.6}.tech-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tech-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--color-accent);border:1px solid var(--color-accent);padding:2px 10px;background:var(--color-accent-glow)}.portfolio-link{font-family:var(--font-pixel);font-size:.6rem;line-height:2em;color:var(--color-accent);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color .15s ease}.portfolio-link:hover{color:var(--color-accent-hover)}#about{background:var(--color-surface)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.about-heading{font-family:var(--font-pixel);font-size:.8rem;line-height:2em;color:var(--color-accent);margin-bottom:24px}.about-bio{font-family:var(--font-body);font-size:1rem;color:var(--color-silver);line-height:1.8;margin-bottom:40px}.stats-row{display:flex;gap:20px;flex-wrap:wrap}.stat-block{font-family:var(--font-pixel);font-size:.6rem;line-height:2em;color:var(--color-silver-light);border:2px solid var(--color-border);padding:12px 18px;letter-spacing:.05em}.skills-heading{font-family:var(--font-pixel);font-size:.75rem;line-height:2em;color:var(--color-silver-light);margin-bottom:24px}.skills-grid{display:flex;flex-wrap:wrap;gap:12px}.skill-badge{font-family:var(--font-mono);font-size:.85rem;color:var(--color-accent);border:1px solid var(--color-accent);padding:6px 14px;background:var(--color-accent-glow);transition:background .15s ease}.skill-badge:hover{background:rgba(59,130,246,.25)}#testimonials{background:var(--color-bg)}.social-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.proof-card{border:1px solid transparent;background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,conic-gradient(from var(--border-angle),var(--color-border) 0deg,var(--color-border) 270deg,var(--color-accent) 310deg,#93c5fd 330deg,var(--color-accent) 350deg,var(--color-border) 360deg) border-box;animation:card-border-spin 6s linear infinite;box-shadow:4px 4px 0 rgba(59,130,246,.3);padding:32px 24px;text-align:center;transition:box-shadow .15s ease,transform .15s ease}.proof-card:hover{box-shadow:2px 2px 0 rgba(59,130,246,.3);transform:translate(2px,2px)}.proof-icon{font-size:2rem;display:block;margin-bottom:16px}.proof-card h3{font-family:var(--font-pixel);font-size:.55rem;line-height:2em;color:var(--color-accent);margin-bottom:12px}.proof-card p{font-family:var(--font-body);font-size:.9rem;color:var(--color-silver);line-height:1.7}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.testimonial-card{border:1px solid transparent;background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,conic-gradient(from var(--border-angle),var(--color-border) 0deg,var(--color-border) 270deg,var(--color-accent) 310deg,#93c5fd 330deg,var(--color-accent) 350deg,var(--color-border) 360deg) border-box;animation:card-border-spin 6s linear infinite;box-shadow:4px 4px 0 rgba(59,130,246,.3);padding:40px 32px 32px;position:relative}.testimonial-card::before{content:'\201C';position:absolute;top:16px;left:24px;font-size:4rem;color:var(--color-accent);font-family:Georgia,serif;line-height:1;opacity:.6}.testimonial-text{font-family:var(--font-body);font-size:1.05rem;color:var(--color-silver);line-height:1.8;margin-bottom:24px;padding-top:16px}.testimonial-author{font-family:var(--font-pixel);font-size:.6rem;line-height:2em;color:var(--color-silver-light)}.testimonial-role{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);margin-top:4px}#faq{background:var(--color-surface)}.faq-list{max-width:780px;margin:0 auto}.faq-item{border:1px solid var(--color-border);margin-bottom:4px;transition:border-color .15s ease}.faq-item.open{border-color:var(--color-accent)}.faq-toggle{width:100%;background:var(--color-surface-2);border:none;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;transition:background .15s ease}.faq-toggle:hover{background:var(--color-accent-glow)}.faq-question{font-family:var(--font-pixel);font-size:.7rem;line-height:2em;color:var(--color-silver-light);letter-spacing:.03em;flex:1;padding-right:16px}.faq-icon{font-family:var(--font-pixel);font-size:.7rem;color:var(--color-accent);flex-shrink:0;width:24px;text-align:center;transition:transform .15s ease}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-answer{max-height:400px}.faq-answer-inner{padding:20px 24px 24px;font-family:var(--font-body);font-size:1.05rem;color:var(--color-silver);line-height:1.8;border-top:1px solid var(--color-border)}#blog{background:var(--color-bg)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:48px}.blog-card{border:1px solid transparent;background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,conic-gradient(from var(--border-angle),var(--color-border) 0deg,var(--color-border) 270deg,var(--color-accent) 310deg,#93c5fd 330deg,var(--color-accent) 350deg,var(--color-border) 360deg) border-box;animation:card-border-spin 6s linear infinite;box-shadow:4px 4px 0 rgba(59,130,246,.3);overflow:hidden;transition:box-shadow .15s ease,transform .15s ease}.blog-card:hover{box-shadow:2px 2px 0 rgba(59,130,246,.3);transform:translate(2px,2px)}.blog-card>a{display:block;position:relative;padding-top:56.25%;overflow:hidden}.blog-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;background:var(--color-surface-2)}.blog-thumb-placeholder{width:100%;aspect-ratio:16/9;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.blog-body{padding:24px}.blog-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.blog-cat{font-family:var(--font-mono);font-size:.65rem;color:var(--color-accent);border:1px solid var(--color-accent);padding:2px 8px;text-decoration:none;text-transform:uppercase;transition:background .15s ease,color .15s ease}.blog-cat:hover{background:var(--color-accent);color:#fff}.blog-date{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);margin-bottom:10px}.blog-card h2,.blog-card h3,.blog-card-title{font-family:var(--font-pixel);font-size:.65rem;line-height:2em;color:var(--color-silver-light);margin-bottom:12px}.blog-card h2 a,.blog-card h3 a,.blog-card-title a{color:inherit;text-decoration:none;transition:color .15s ease}.blog-card h2 a:hover,.blog-card h3 a:hover,.blog-card-title a:hover{color:var(--color-accent)}.blog-excerpt{font-family:var(--font-body);font-size:.95rem;color:var(--color-silver);line-height:1.7;margin-bottom:20px}.blog-more{font-family:var(--font-pixel);font-size:.55rem;line-height:2em;color:var(--color-accent);transition:color .15s ease}.blog-more:hover{color:var(--color-accent-hover)}.blog-cta{text-align:center}#contact{background:var(--color-surface)}.contact-heading{font-family:var(--font-pixel);font-size:clamp(.7rem, 1.5vw, .9rem);line-height:2em;color:var(--color-accent);text-align:center;margin-bottom:60px}.social-links{display:flex;justify-content:center;gap:16px;margin-bottom:48px;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-pixel);font-size:.6rem;line-height:2em;color:var(--color-silver);border:1px solid var(--color-border);padding:12px 20px;text-decoration:none;transition:color .15s ease,border-color .15s ease,background .15s ease}.social-link:hover{color:#fff;border-color:var(--color-accent);background:var(--color-accent)}.social-link-yt{color:#e05252;border-color:rgba(224,82,82,.35)}.social-link-yt:hover{border-color:#e05252;background:#e05252;color:#fff}.social-link-gl{color:#e07040;border-color:rgba(224,112,64,.35)}.social-link-gl:hover{border-color:#e07040;background:#e07040;color:#fff}.social-link-li{color:#60a5fa;border-color:rgba(96,165,250,.35)}.social-link-li:hover{border-color:#60a5fa;background:#60a5fa;color:#fff}.contact-divider{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted);text-align:center;margin-bottom:32px}.form-wrapper{max-width:780px;margin:0 auto;border:2px solid var(--color-border);box-shadow:4px 4px 0 rgba(59,130,246,.3);overflow:hidden}.form-wrapper iframe{width:100%;min-height:1400px;border:none;display:block;background:#fff;color-scheme:light}.form-placeholder{max-width:780px;margin:0 auto;border:2px dashed var(--color-border);padding:48px 32px;text-align:center}.form-placeholder p{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.85rem;line-height:1.8}.form-placeholder code{color:var(--color-accent);background:var(--color-surface-2);padding:2px 8px;font-family:var(--font-mono)}.contact-tagline{font-family:var(--font-mono);font-size:1rem;color:var(--color-accent);text-align:center;margin-top:48px}.contact-tagline span{color:var(--color-silver)}#site-footer{background:var(--color-surface-2);border-top:2px solid var(--color-border);padding:40px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer-logo{font-family:var(--font-pixel);font-size:.6rem;color:var(--color-accent);text-decoration:none}.footer-copy{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);text-align:center}.footer-links{display:flex;gap:20px}.footer-links a{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);text-decoration:none;transition:color .15s ease}.footer-links a:hover{color:var(--color-accent)}.page-top{padding-top:var(--nav-height)}.page-hero{background:var(--color-surface);border-bottom:2px solid var(--color-border);padding:60px 0 48px}.page-hero-title{font-family:var(--font-pixel);font-size:clamp(.8rem, 2vw, 1.1rem);line-height:2em;color:var(--color-accent);margin-bottom:20px;letter-spacing:.05em}.page-hero-sub{font-family:var(--font-body);font-size:1.05rem;color:var(--color-silver);max-width:640px;line-height:1.8}.cta-strip{background:var(--color-surface-2);border-top:2px solid var(--color-border);padding:80px 0;text-align:center}.cta-strip-heading{font-family:var(--font-pixel);font-size:clamp(.65rem, 1.4vw, .85rem);line-height:2em;color:var(--color-silver-light);margin-bottom:40px;letter-spacing:.05em}.cta-strip-btns{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.blog-listing{padding:calc(var(--nav-height) + 60px) 0 80px}.blog-listing-heading{font-family:var(--font-pixel);font-size:clamp(.7rem, 2vw, 1rem);line-height:2em;color:var(--color-silver-light);margin-bottom:48px;text-align:center}.single-post{padding:calc(var(--nav-height) + 60px) 0 80px}.post-content{max-width:700px;margin:0 auto}.post-title{font-family:var(--font-pixel);font-size:clamp(.7rem, 1.8vw, .95rem);line-height:2em;color:var(--color-silver-light);margin-bottom:16px}.post-meta{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted);margin-bottom:48px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.post-body{font-family:var(--font-body);font-size:1rem;color:var(--color-silver);line-height:1.9}.post-body h2,.post-body h3,.post-body h4{font-family:var(--font-pixel);font-size:.65rem;line-height:2em;color:var(--color-silver-light);margin:40px 0 16px}.post-body p{margin-bottom:24px}.post-body code,.post-body pre{font-family:var(--font-mono);background:var(--color-surface-2);border:1px solid var(--color-border)}.post-body code{padding:2px 8px;font-size:.875rem;color:var(--color-accent)}.post-body pre{padding:20px;margin-bottom:24px;overflow-x:auto}.post-body pre code{background:0 0;border:none;padding:0;color:var(--color-text)}.post-body a{color:var(--color-accent);text-decoration:underline}.post-body ol,.post-body ul{padding-left:24px;margin-bottom:24px}.post-body ul li{list-style:disc}.post-body ol li{list-style:decimal}.post-body li{margin-bottom:8px}.post-body blockquote{border-left:4px solid var(--color-accent);padding-left:24px;margin:32px 0;color:var(--color-silver);font-style:italic}.static-page{padding:calc(var(--nav-height) + 60px) 0 80px}.static-page-title{font-family:var(--font-pixel);font-size:clamp(.7rem, 2vw, 1rem);line-height:2em;color:var(--color-silver-light);margin-bottom:48px}.page-content{font-family:var(--font-body);font-size:1rem;color:var(--color-silver);line-height:1.9}.error-404-page{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 24px}.error-404-code{font-family:var(--font-pixel);font-size:clamp(2rem, 8vw, 5rem);line-height:2em;color:var(--color-accent);margin-bottom:0;opacity:.3}.error-404-title{font-family:var(--font-pixel);font-size:clamp(.6rem, 1.5vw, .85rem);line-height:2em;color:var(--color-silver-light);margin-bottom:24px}.error-404-text{font-family:var(--font-body);font-size:1rem;color:var(--color-silver);margin-bottom:40px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:translateY(0)}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-48{margin-top:48px}.mb-48{margin-bottom:48px}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skip-link{position:absolute;top:-100px;left:0;padding:12px 24px;background:var(--color-accent);color:#fff;font-family:var(--font-body);font-size:.9rem;z-index:9999;transition:top .15s ease}.skip-link:focus{top:0}@media (max-width:1024px){.blog-grid,.portfolio-grid,.pricing-grid,.services-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.pricing-card{grid-column:span 1}.pricing-card:nth-child(4),.pricing-card:nth-child(5){grid-column:span 1}.social-proof-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:48px}.steps-grid{grid-template-columns:1fr;gap:4px}.step-connector{display:none}}@media (max-width:768px){:root{--section-pad:64px}#primary-nav{display:none}#nav-toggle{display:block}.hero-inner{grid-template-columns:1fr;gap:40px;text-align:center}.hero-ctas{justify-content:center}.hero-sprite{display:none}.blog-grid,.portfolio-grid,.pricing-grid,.services-grid,.social-proof-grid,.testimonials-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}}@media (max-width:480px){.stats-row{flex-direction:column}.hero-title{font-size:1rem}}