:root{--hot-pink: #ff00aa;--cyan: #00ffff;--lime: #39ff14;--yellow: #ffee00;--purple: #8a2be2;--magenta: #ff1493;--deep: #0a0033;--teal: #008080}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;min-height:100%}body{font-family:VT323,Comic Neue,Comic Sans MS,monospace;font-size:20px;color:#fff;background:radial-gradient(circle at 20% 30%,rgba(255,0,170,.35),transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,255,255,.35),transparent 40%),repeating-linear-gradient(45deg,#1a0033 0,#1a0033 20px,#204 20px,#204 40px);background-attachment:fixed;overflow-x:hidden;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><polygon points='2,2 22,12 12,14 14,22' fill='%23ffee00' stroke='%23ff00aa' stroke-width='2'/></svg>") 2 2,auto}.stars,.stars2,.stars3{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.stars{background:transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><circle cx='10' cy='20' r='1' fill='white'/><circle cx='50' cy='80' r='1.4' fill='white'/><circle cx='120' cy='40' r='1' fill='white'/><circle cx='170' cy='150' r='1.6' fill='white'/><circle cx='90' cy='160' r='1' fill='white'/><circle cx='30' cy='120' r='1' fill='white'/></svg>") repeat;animation:drift 80s linear infinite}.stars2{background:transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><circle cx='40' cy='60' r='1.2' fill='%23ffee00'/><circle cx='200' cy='100' r='1' fill='%2300ffff'/><circle cx='260' cy='220' r='1.4' fill='%23ff00aa'/><circle cx='100' cy='250' r='1' fill='white'/></svg>") repeat;animation:drift 140s linear infinite reverse;opacity:.7}.stars3{background:transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><circle cx='80' cy='80' r='2' fill='%2339ff14'/><circle cx='320' cy='160' r='2' fill='%23ff1493'/><circle cx='200' cy='340' r='2' fill='%2300ffff'/></svg>") repeat;animation:drift 220s linear infinite;opacity:.5}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(-300px,-300px,0)}}.rainbow{background:linear-gradient(90deg,red,#f80,#fe0,#39ff14,#0ff,#06f,#8a2be2,#f0a,red);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rainbow-slide 4s linear infinite;text-shadow:0 0 8px rgba(255,255,255,.25)}@keyframes rainbow-slide{to{background-position:200% 0}}.blink{animation:blink 1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.shake{display:inline-block;animation:shake .6s infinite}@keyframes shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-1px,1px) rotate(-1deg)}50%{transform:translate(1px,-1px) rotate(1deg)}75%{transform:translate(-1px,-1px) rotate(-1deg)}}.page{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:20px}.panel{border:4px ridge var(--hot-pink);background:#000033c7;padding:16px;margin:20px 0;box-shadow:0 0 0 2px #000,0 0 24px #f0a9,inset 0 0 20px #00ffff26}.panel h2{margin:0 0 12px;font-family:"Press Start 2P",VT323,monospace;font-size:18px;letter-spacing:1px;text-shadow:2px 2px 0 #000,4px 4px 0 var(--purple)}.marq{display:block;width:100%;white-space:nowrap;overflow:hidden;background:repeating-linear-gradient(90deg,#000 0,#000 20px,#204 20px,#204 40px);border:2px solid var(--cyan);border-left:0;border-right:0;font-family:"Press Start 2P",monospace;font-size:14px;padding:8px 0;color:var(--yellow)}.marq__inner{display:inline-block;padding-left:100%;animation:marq-scroll 22s linear infinite}@keyframes marq-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.h1{font-family:"Press Start 2P",monospace;font-size:34px;line-height:1.2;text-align:center;margin:8px 0 0;text-shadow:3px 3px 0 #000,6px 6px 0 var(--hot-pink),9px 9px 0 var(--purple)}.h1 small{display:block;font-family:VT323,monospace;font-size:22px;margin-top:14px;letter-spacing:2px;color:var(--cyan);text-shadow:2px 2px 0 #000}.uc-banner{display:flex;align-items:center;justify-content:center;gap:14px;background:repeating-linear-gradient(135deg,#fe0 0,#fe0 18px,#000 18px,#000 36px);border:3px dashed #000;padding:8px 14px;margin:16px 0;color:#000;font-weight:900;font-family:Comic Neue,Comic Sans MS,cursive;text-shadow:1px 1px 0 #fff}.uc-banner .digger{width:36px;height:36px;background:var(--yellow);border:2px solid #000;border-radius:6px;position:relative;animation:dig .4s steps(2) infinite}.uc-banner .digger:before,.uc-banner .digger:after{content:"";position:absolute;background:#000}.uc-banner .digger:before{left:8px;top:8px;width:6px;height:6px;border-radius:50%}.uc-banner .digger:after{right:-10px;top:14px;width:12px;height:4px;transform-origin:left center;animation:arm .4s steps(2) infinite}@keyframes dig{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes arm{0%,to{transform:rotate(-10deg)}50%{transform:rotate(30deg)}}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.service-card{border:3px outset var(--cyan);background:linear-gradient(135deg,#ff00aa40,#00ffff40),#1b0040;padding:14px;transition:transform .15s ease}.service-card:hover{transform:translateY(-2px) rotate(-1deg);border-style:inset}.service-card h3{margin:0 0 6px;color:var(--yellow);font-family:"Press Start 2P",monospace;font-size:13px;text-shadow:2px 2px 0 #000}.scene{width:220px;height:220px;perspective:900px;margin:20px auto}.cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:cube-spin 18s linear infinite}@keyframes cube-spin{0%{transform:rotateX(-20deg) rotateY(0)}to{transform:rotateX(-20deg) rotateY(360deg)}}.cube .face{position:absolute;width:220px;height:220px;border:3px solid #fff;display:flex;align-items:center;justify-content:center;text-align:center;font-family:"Press Start 2P",monospace;font-size:14px;padding:12px;background:linear-gradient(135deg,#ffee0059,#ff00aa59),#000;text-shadow:2px 2px 0 #000;box-shadow:inset 0 0 30px #0ff6}.cube .f1{transform:rotateY(0) translateZ(110px);color:var(--cyan)}.cube .f2{transform:rotateY(90deg) translateZ(110px);color:var(--lime)}.cube .f3{transform:rotateY(180deg) translateZ(110px);color:var(--yellow)}.cube .f4{transform:rotateY(270deg) translateZ(110px);color:var(--magenta)}.cube .f5{transform:rotateX(90deg) translateZ(110px);color:#fff}.cube .f6{transform:rotateX(-90deg) translateZ(110px);color:#fff}.buttons{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.btn88{width:88px;height:31px;display:inline-flex;align-items:center;justify-content:center;font-family:VT323,monospace;font-size:14px;color:#fff;text-decoration:none;border:1px solid #fff;background:linear-gradient(180deg,#444,#111,#000);text-shadow:1px 1px 0 #000;padding:0 4px;letter-spacing:.5px;position:relative;overflow:hidden}.btn88:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%);animation:shimmer 3s linear infinite}@keyframes shimmer{to{transform:translate(100%)}}.btn88.aws{background:linear-gradient(180deg,#f90,#232f3e)}.btn88.node{background:linear-gradient(180deg,#3c873a,#000);color:#b9ff7a}.btn88.vue{background:linear-gradient(180deg,#42b883,#35495e)}.btn88.docker{background:linear-gradient(180deg,#0db7ed,#0a2540)}.btn88.eth{background:linear-gradient(180deg,#627eea,#1c1c3a)}.btn88.unity{background:linear-gradient(180deg,#222,#000);border-color:#fff}.btn88.tw{background:linear-gradient(180deg,#38bdf8,#0c4a6e)}.btn88.react{background:linear-gradient(180deg,#61dafb,#0a3a4a);color:#001a26;text-shadow:none}.btn88.svelte{background:linear-gradient(180deg,#ff3e00,#3b0900)}.btn88.ng{background:linear-gradient(180deg,#dd0031,#5a000c)}.btn88.sol{background:linear-gradient(180deg,#363636,#000);color:#9ce}.counter{display:inline-flex;gap:2px;padding:4px 6px;background:#000;border:2px inset #888}.counter span{display:inline-block;min-width:18px;text-align:center;font-family:VT323,monospace;font-size:22px;color:var(--lime);background:#001a00;border:1px solid #003300;padding:0 2px;text-shadow:0 0 6px var(--lime)}.guest{list-style:none;padding:0;margin:0;display:grid;gap:8px}.guest li{background:#fff8dc;color:#20003a;padding:8px 10px;border:1px solid #ffcc00;font-family:Comic Neue,Comic Sans MS,cursive;font-weight:700;box-shadow:2px 2px #000}.guest .who{color:var(--hot-pink)}.guest .when{color:#444;font-weight:400;font-size:14px}.webring{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;font-family:VT323,monospace;font-size:18px}.webring a{color:var(--cyan);text-decoration:underline}.foot{text-align:center;margin:30px 0 10px;color:#ddd;font-family:VT323,monospace;font-size:16px;text-shadow:1px 1px 0 #000}.glitter{position:fixed;width:8px;height:8px;pointer-events:none;z-index:9999;border-radius:50%;background:radial-gradient(circle,#fff 0%,#ff00aa 50%,transparent 70%);animation:glitterFade .7s ease-out forwards}@keyframes glitterFade{0%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(.2) rotate(180deg) translateY(20px);opacity:0}}.np{display:inline-flex;align-items:center;gap:8px;background:#000;border:2px ridge var(--lime);padding:4px 8px;font-family:VT323,monospace;font-size:16px;color:var(--lime)}.np .bars{display:inline-flex;gap:2px;align-items:end;height:16px}.np .bars i{display:inline-block;width:3px;background:var(--lime);animation:eq .8s ease-in-out infinite}.np .bars i:nth-child(1){animation-delay:0s;height:6px}.np .bars i:nth-child(2){animation-delay:.1s;height:14px}.np .bars i:nth-child(3){animation-delay:.2s;height:10px}.np .bars i:nth-child(4){animation-delay:.3s;height:16px}.np .bars i:nth-child(5){animation-delay:.4s;height:8px}@keyframes eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1.2)}}.new{display:inline-block;padding:1px 6px;background:red;color:#ff0;font-family:"Press Start 2P",monospace;font-size:10px;border:1px solid yellow;vertical-align:middle;margin-left:6px}.contact-links{display:flex;flex-wrap:wrap;gap:10px}.contact-links a{display:inline-block;padding:8px 14px;border:3px outset var(--yellow);background:linear-gradient(180deg,#f0a,#8a2be2);color:#fff;text-decoration:none;font-family:"Press Start 2P",monospace;font-size:12px;text-shadow:2px 2px 0 #000}.contact-links a:hover{border-style:inset}.egg{position:fixed;inset:auto 0 0 0;background:#000;color:var(--lime);text-align:center;font-family:"Press Start 2P",monospace;font-size:14px;padding:10px;border-top:3px solid var(--lime);z-index:9998;animation:rainbow-slide 4s linear infinite;background:linear-gradient(90deg,red,#f80,#fe0,#39ff14,#0ff,#06f,#8a2be2,#f0a,red);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}.toc{font-family:VT323,monospace;font-size:18px;line-height:1.4}.toc a{color:var(--cyan);text-decoration:underline}.toc a:hover{color:var(--yellow)}.matrix-rain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.45}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9997;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#0000002e,#0000 4px);mix-blend-mode:multiply}.scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45) 100%);pointer-events:none}.crt-poweron{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#fff;pointer-events:none;animation:crt-on 1.1s ease-out forwards}@keyframes crt-on{0%{background:#fff;transform:scale(1);opacity:1}35%{background:#fff;transform:scaleY(.02);opacity:1}60%{background:#fff;transform:scale(.05,.02);opacity:1}85%{background:#fff;transform:scale(.01);opacity:1}to{background:#fff;transform:scale(0);opacity:0}}.dvd{position:fixed;top:0;left:0;z-index:9996;width:90px;height:50px;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:11px;letter-spacing:1px;color:#000;background:hsl(var(--hue, 320) 100% 60%);border:2px solid #fff;box-shadow:0 0 12px hsl(var(--hue, 320) 100% 60% / .8),inset 0 0 8px #00000080;text-shadow:1px 1px 0 #fff;pointer-events:none;will-change:transform,background;transition:background .2s linear,box-shadow .2s linear}.dvd.corner{animation:corner-celebrate 1.5s ease-out;box-shadow:0 0 30px gold,0 0 60px gold,inset 0 0 12px #00000080}@keyframes corner-celebrate{0%{transform-origin:center}20%{filter:brightness(2) saturate(2)}60%{filter:brightness(1.4) saturate(1.5)}to{filter:brightness(1) saturate(1)}}.spark{position:fixed;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);animation:spark-fly .9s ease-out forwards}@keyframes spark-fly{0%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2);opacity:0}}.ascii{font-family:VT323,monospace;font-size:16px;line-height:1.05;color:var(--cyan);background:#0006;padding:8px 12px;border:2px dashed var(--magenta);white-space:pre;overflow-x:auto;text-shadow:0 0 4px rgba(0,255,255,.5)}.quote-of-day blockquote{margin:0;padding:6px 12px;border-left:4px solid var(--yellow);background:#00000059}.quote-fade{animation:quote-in .6s ease-out}@keyframes quote-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.scene.boost .cube{animation:cube-spin 2s linear infinite}.scene{cursor:pointer}@media (max-width: 600px){.h1{font-size:22px}.h1 small{font-size:16px}body{font-size:18px}.dvd{width:72px;height:40px;font-size:9px}}
