:root{--accent: #ffbf00;--accent-dark: #cc9900;--accent-glow: #ffbf0066;--bg: #0a0a0a;--bg-surface: #111111;--text-primary: #e8e8e8;--text-muted: #666666;--border: #333333;--font-mono: "Fira Code", "Courier New", monospace;--font-display: "Arcadepix", monospace}@font-face{font-family:Arcadepix;src:url(/fonts/Arcadepix.woff2) format("woff2"),url(/fonts/Arcadepix.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-Regular.woff2) format("woff2"),url(/fonts/FiraCode-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-Bold.woff2) format("woff2"),url(/fonts/FiraCode-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*{border-radius:0!important}body{font-family:var(--font-mono);margin:0;padding:0;background-color:var(--bg);color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;font-size:16px;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.65) 100%)}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 3px)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes glitch{0%{transform:translate(0);text-shadow:none}20%{transform:translate(-2px,2px);text-shadow:-2px 0 #ff0000,2px 0 #00ffff}40%{transform:translate(-2px,-2px);text-shadow:2px 0 #ff0000,-2px 0 #00ffff}60%{transform:translate(2px,2px);text-shadow:-1px 0 #ff0000,1px 0 #00ffff}80%{transform:translate(2px,-2px);text-shadow:2px 0 #ff0000,-2px 0 #00ffff}to{transform:translate(0);text-shadow:none}}@keyframes reveal{0%{opacity:0;transform:translateY(8px);filter:blur(2px)}50%{opacity:.8;filter:blur(0)}to{opacity:1;transform:translateY(0);filter:blur(0)}}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:var(--text-primary);font-family:var(--font-display);line-height:1.2;text-transform:uppercase;letter-spacing:.05em}h1{font-size:3.052em}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}strong,b{font-weight:700}a,a:hover{color:var(--accent)}p{margin-bottom:1em}code{padding:2px 5px;background-color:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary)}pre{padding:1.5em;border:2px solid var(--border);background-color:var(--bg-surface)}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);padding:0 0 0 20px;margin:0;font-size:1.333em}hr{border:none;border-top:2px solid var(--border)}img{max-width:100%;height:auto}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}#home{min-height:100dvh;padding:1rem;box-sizing:border-box}.dashboard-frame{border:1px solid var(--border);min-height:calc(100dvh - 2rem);box-sizing:border-box;display:flex;flex-direction:column;position:relative}.frame-title{position:absolute;top:0;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 1.5rem;pointer-events:none;>span{background:var(--bg);padding:0 .75em;pointer-events:auto}>span:first-child{font-family:var(--font-display);font-size:clamp(1rem,3vw,1.5rem);color:var(--text-primary);text-transform:uppercase;letter-spacing:.15em;&:hover{animation:glitch .3s ease-in-out}}.cursor{animation:blink 1s step-end infinite;color:var(--accent)}.frame-indicator{color:var(--accent);font-size:.75rem;animation:blink 3s step-end infinite}}.frame-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem 1.5rem;gap:2rem}.frame-footer{border-top:1px solid var(--border);padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;.status-online{display:flex;align-items:center;gap:.5em}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);animation:blink 2s step-end infinite}}.ascii-container{width:clamp(200px,40vw,400px);animation:reveal .6s ease-out .1s both;canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 0 12px var(--accent-glow)) drop-shadow(0 0 4px var(--accent-glow))}}@keyframes scanline-sweep{0%{left:-100%}to{left:100%}}section.social-links{border:none;border-left:1px solid var(--border);padding:.5rem 0 .5rem .75rem;position:absolute;right:1.5rem;bottom:3rem;display:flex;flex-direction:column;gap:0;width:auto;animation:reveal .4s ease-out .4s both;&:before{content:"CONNECT/";display:block;font-family:var(--font-mono);font-size:.7rem;color:var(--accent);letter-spacing:.2em;margin-bottom:.4rem;padding-left:1.6em}>div{border:none;cursor:pointer;display:flex;flex-direction:row;align-items:center;padding:.4em .5em;transition:all .1s linear;animation:reveal .4s ease-out both;position:relative;overflow:hidden;&:before{content:"├──";font-family:var(--font-mono);font-size:.9rem;color:var(--border);margin-right:.6em;transition:all .15s linear;white-space:pre}&:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,191,0,.06),transparent);pointer-events:none}&:nth-child(1){animation-delay:.57s}&:nth-child(2){animation-delay:.64s}&:nth-child(3){animation-delay:.71s}&:nth-child(4){animation-delay:.78s}&:nth-child(5){animation-delay:.85s;&:before{content:"└──"}}a,a:visited{color:var(--text-primary);text-decoration:none;display:flex;align-items:center;transition:color .1s linear}svg{width:24px;height:24px;flex-shrink:0}p{min-height:1.2em;font-size:.8rem;line-height:1.2;color:var(--text-muted);font-family:var(--font-mono);margin:0 0 0 .75em;transition:color .1s linear;pointer-events:none}&:hover{&:before{color:var(--accent);text-shadow:0 0 8px var(--accent-glow)}&:after{animation:scanline-sweep .6s ease-out forwards}a,a:visited,p{color:var(--accent)}}&#youtube:hover polygon{fill:var(--bg)}}}@media (max-width: 720px){body{font-size:14px}#home{padding:.5rem}.dashboard-frame{min-height:calc(100dvh - 1rem)}.frame-content{padding:2rem 1rem 1rem}section.social-links{position:static;transform:none;align-self:center}}