@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&family=Courier+Prime:wght@400;700&family=VT323&family=Major+Mono+Display&family=Orbitron:wght@400;900&display=swap";:root{--bg: #000000;--fg: #00ff00;--accent: #00ff00;--dim: #008800;--glow: rgba(0, 255, 0, .5);--font-main: "IBM Plex Mono", monospace;--font-display: "IBM Plex Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font-main);line-height:1.6;position:relative;overflow-x:hidden;transition:background .5s ease,color .5s ease}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);z-index:9999;opacity:.4}.grain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.05;z-index:9998;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' /%3E%3C/svg%3E")}header{display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem;border-bottom:2px solid var(--fg)}.logo-container{display:flex;align-items:baseline;gap:1rem}.logo{font-size:3rem;font-weight:700;letter-spacing:-.05em;text-shadow:0 0 10px var(--glow),0 0 20px var(--glow);animation:flicker 3s infinite alternate}.tagline{font-size:.9rem;color:var(--dim)}@keyframes flicker{0%,to{opacity:1}41%{opacity:.95}42%{opacity:1}43%{opacity:.9}45%{opacity:1}}.theme-dropdown{background:var(--bg);color:var(--fg);border:2px solid var(--fg);padding:.5rem 1rem;font-family:var(--font-main);font-size:.9rem;cursor:pointer;text-transform:uppercase;box-shadow:0 0 10px var(--glow);transition:all .3s ease}.theme-dropdown:hover{box-shadow:0 0 20px var(--glow)}.theme-dropdown option{background:var(--bg);color:var(--fg)}main{max-width:1200px;margin:0 auto;padding:4rem 2rem}.hero{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center}.hero h2{font-size:3.5rem;font-weight:700;margin-bottom:2rem;text-shadow:0 0 10px var(--glow);position:relative}.glitch{animation:glitch 5s infinite}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}}.blink{font-size:2rem;animation:blink 1s infinite;display:inline-block}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}section{margin:6rem 0;opacity:0;animation:fadeIn 1s ease forwards}section:nth-child(2){animation-delay:.2s}section:nth-child(3){animation-delay:.4s}section:nth-child(4){animation-delay:.6s}@keyframes fadeIn{to{opacity:1}}h3{font-size:2rem;margin-bottom:2rem;color:var(--accent);text-shadow:0 0 10px var(--glow)}p{font-size:1.1rem;line-height:1.8;max-width:800px}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.service-item{padding:2rem;border:2px solid var(--fg);background:#00ff000d;transition:all .3s ease;font-size:1.1rem}.service-item:hover{background:#00ff001a;box-shadow:0 0 20px var(--glow);transform:translateY(-5px)}.prompt{color:var(--accent);margin-right:.5rem}.cta{display:inline-block;margin-top:2rem;padding:1rem 2rem;border:2px solid var(--fg);color:var(--fg);text-decoration:none;font-size:1.2rem;transition:all .3s ease;text-shadow:0 0 5px var(--glow)}.cta:hover{background:var(--fg);color:var(--bg);box-shadow:0 0 30px var(--glow);text-shadow:none}.projects{margin:6rem 0}.project-category{margin:3rem 0}.category-label{font-size:1.2rem;color:var(--dim);margin-bottom:1.5rem;font-weight:400;letter-spacing:.05em}.project-list{display:flex;flex-wrap:wrap;gap:1.5rem}.project-link{display:inline-block;padding:.75rem 1.5rem;border:2px solid var(--fg);color:var(--fg);text-decoration:none;font-size:1rem;transition:all .3s ease;background:#00ff0005;position:relative}.project-desc{font-size:.7rem}.project-commit{font-size:.65rem;color:var(--dim);font-style:italic}.project-loading{color:var(--dim);font-size:1rem;padding:2rem;animation:blink 1s infinite}.project-link:hover{background:#00ff001a;box-shadow:0 0 15px var(--glow);transform:translateY(-2px)}.project-link .bracket{color:var(--accent);font-weight:700}.project-link.coming-soon{opacity:.6}.dead{background:#14141459!important}.project-link .tag{display:inline-block;margin-left:.5rem;font-size:.7rem;padding:.2rem .5rem;border:1px solid var(--dim);color:var(--dim);text-transform:uppercase;letter-spacing:.05em}.project-category{margin:4rem 0}.category-title{font-size:1.3rem;margin-bottom:2.5rem;color:var(--dim);text-transform:uppercase;letter-spacing:.1em}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.5rem;margin-top:1rem}.project-item{display:grid;grid-template-columns:1.5rem 1fr;gap:0 .5rem;align-items:start;padding:.75rem;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;text-decoration:none;color:var(--fg);font-size:.9375rem;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.project-item:hover{background:#ffffff12;border-color:#ffffff1f}.project-item.ios{border-left:2px solid rgba(10,132,255,.5)}.project-item.ios .project-name{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;letter-spacing:.01em}.project-item.ios:hover{border-left-color:#0a84ffcc;background:#0a84ff0f}.project-item.stealth.ios{border-left-color:#0a84ff4d}.project-icon{font-size:1.125rem;line-height:1.35}.project-body{min-width:0}.project-header{display:flex;align-items:baseline;gap:.375rem;flex-wrap:wrap}.project-name{font-weight:600;font-size:.875rem;line-height:1.4;word-break:break-word}.project-item:hover .project-name{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.project-desc{display:block;font-size:.75rem;line-height:1.5;color:var(--dim);margin-top:2px}.project-commit{display:block;font-size:.6875rem;color:var(--dim);margin-top:2px;opacity:.65}.project-tags{display:inline-flex;flex-wrap:wrap;gap:.25rem}.tag{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;font-size:.6rem;font-weight:600;letter-spacing:.06em;text-transform:lowercase;border-radius:3px;line-height:1.5;white-space:nowrap}.tag-icon{font-size:.5rem;opacity:.85}.tag--brand-new{color:#c8e6c9;background:#4caf50d9;border:1px solid rgba(129,199,132,.8)}.tag--coming-soon{color:#1e1900f2;background:#ffc107eb;border:1px solid rgba(255,213,79,.85)}.tag--deprecated{color:#fffffff2;background:#646464d9;border:1px solid rgba(140,140,140,.7)}.tag--exploring{color:#fffafffa;background:#ba68c8e6;border:1px solid rgba(206,147,216,.75)}.tag--stealth{color:#bec6dcf2;background:#080c18b8;border:1px dashed rgba(140,155,190,.45)}.tag--ios{color:#fffffffa;background:#0a84ffe6;border:1px solid rgba(140,210,255,.45);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;letter-spacing:.1em}.tag--ios .tag-icon{font-size:.55rem;opacity:1}.tag--default{color:var(--dim);background:#ffffff0a;border:1px solid rgba(255,255,255,.12)}.project-item.stealth{cursor:default}.project-item.coming-soon{opacity:.55}.project-item.dead{opacity:.35}.stealth-content{filter:blur(5px);-webkit-user-select:none;user-select:none}.project-item.stealth:hover .stealth-content{filter:blur(4px)}footer{text-align:center;padding:2rem;border-top:2px solid var(--fg);color:var(--dim)}body.theme-stamp{--bg: #f5f0e8;--fg: #000000;--accent: #000000;--dim: #666666;--glow: rgba(0, 0, 0, .3);--font-main: "Courier Prime", monospace}body.theme-stamp .scanlines,body.theme-stamp .grain{display:none}body.theme-stamp{border:20px dashed #000}body.theme-stamp header{border-bottom:3px solid #000}body.theme-stamp .logo{font-family:Major Mono Display,monospace;text-shadow:none;animation:none}body.theme-stamp .service-item{background:transparent;border:3px solid #000}body.theme-stamp .cta{border:3px solid #000}body.theme-stamp h3{text-shadow:none}body.theme-stamp .project-link{background:transparent;border:3px solid #000}body.theme-vapor{--bg: linear-gradient(180deg, #ff00ff 0%, #00ffff 100%);--fg: #ffffff;--accent: #ff00ff;--dim: #ffccff;--glow: rgba(255, 0, 255, .6);--font-main: "Orbitron", sans-serif}body.theme-vapor{background:linear-gradient(180deg,#f0f,#8b5cf6,#0ff)}body.theme-vapor .scanlines{background:repeating-linear-gradient(0deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 2px,transparent 2px,transparent 4px)}body.theme-vapor .logo{font-family:Orbitron,sans-serif;font-weight:900;font-style:italic}body.theme-vapor .service-item,body.theme-vapor .project-link{background:#ffffff1a;border-color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.theme-blueprint{--bg: #1e3a5f;--fg: #ffffff;--accent: #4fc3f7;--dim: #90caf9;--glow: rgba(79, 195, 247, .5);--font-main: "IBM Plex Mono", monospace}body.theme-blueprint{background:repeating-linear-gradient(0deg,transparent,transparent 20px,rgba(255,255,255,.03) 20px,rgba(255,255,255,.03) 21px),repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(255,255,255,.03) 20px,rgba(255,255,255,.03) 21px),#1e3a5f}body.theme-blueprint .scanlines{display:none}body.theme-blueprint .logo{border:3px solid #ffffff;padding:.5rem 1rem}body.theme-blueprint .service-item{background:#4fc3f71a;border-color:#4fc3f7}body.theme-blueprint .project-link{background:#4fc3f70d;border-color:#4fc3f7}body.theme-concrete{--bg: #8a8a8a;--fg: #2c2c2c;--accent: #4a4a4a;--dim: #5a5a5a;--glow: rgba(74, 74, 74, .3);--font-main: "IBM Plex Mono", monospace}body.theme-concrete .scanlines,body.theme-concrete .grain{display:none}body.theme-concrete{background:#8a8a8a}body.theme-concrete .logo{text-shadow:3px 3px 0 #5a5a5a;animation:none}body.theme-concrete .service-item{background:#0000001a}body.theme-concrete h3{text-shadow:2px 2px 0 #5a5a5a}body.theme-minimal{--bg: #f5f5f0;--fg: #1a1a1a;--accent: #1a1a1a;--dim: #666666;--glow: rgba(0, 0, 0, 0);--font-main: "IBM Plex Mono", monospace}body.theme-minimal .scanlines,body.theme-minimal .grain{display:none}body.theme-minimal header{border-bottom:1px solid #1a1a1a}body.theme-minimal .logo{text-shadow:none;animation:none}body.theme-minimal .service-item{background:transparent;border:1px solid #1a1a1a}body.theme-minimal .cta{border:1px solid #1a1a1a}body.theme-minimal h3{text-shadow:none}body.theme-minimal .theme-dropdown,body.theme-minimal .theme-dropdown:hover{box-shadow:none}body.theme-minimal .project-link{background:transparent;border:1px solid #1a1a1a}body.theme-zine{--bg: #fff5f5;--fg: #000000;--accent: #ff0066;--dim: #666666;--glow: rgba(255, 0, 102, .3);--font-main: "Courier Prime", monospace}body.theme-zine .scanlines,body.theme-zine .grain{display:none}body.theme-zine{background:#fff5f5;border:15px dashed #000}body.theme-zine .logo{font-family:Major Mono Display,monospace;transform:rotate(-2deg);text-shadow:3px 3px 0 #ff0066;animation:none}body.theme-zine header{border-bottom:3px solid #000}body.theme-zine .service-item{background:#ffe0e0;border:3px solid #000;transform:rotate(.5deg)}body.theme-zine .service-item:nth-child(2n){transform:rotate(-.5deg)}body.theme-zine h3{text-shadow:2px 2px 0 #ff0066}body.theme-zine .project-link{background:#ffe0e0;border:3px solid #000;transform:rotate(0)}body.theme-zine .project-link:nth-child(odd){transform:rotate(1deg)}body.theme-zine .project-link:nth-child(2n){transform:rotate(-1deg)}body.theme-zine .project-link:hover{transform:rotate(0) translateY(-2px)}body.theme-isometric{--bg: #1a1a2e;--fg: #b8a0ff;--accent: #00ffcc;--dim: #8b7ab8;--glow: rgba(0, 255, 204, .5);--font-main: "Orbitron", sans-serif}body.theme-isometric{background:#1a1a2e}body.theme-isometric .logo{font-family:Orbitron,sans-serif;font-weight:900;transform:skewY(-5deg);text-shadow:2px 2px 0 #00ffcc,4px 4px 0 rgba(0,255,204,.5)}body.theme-isometric .service-item{background:#b8a0ff1a;border-color:#b8a0ff;transform:perspective(500px) rotateX(5deg);transition:all .3s ease}body.theme-isometric .service-item:hover{transform:perspective(500px) rotateX(0) translateY(-10px)}body.theme-isometric .project-link{background:#b8a0ff1a;border-color:#b8a0ff}body.theme-isometric .project-link:hover{background:#b8a0ff33}@media(max-width:768px){header{flex-direction:column;gap:1rem;padding:1.5rem}.logo,.hero h2{font-size:2rem!important}.service-grid{grid-template-columns:1fr}body.theme-stamp,body.theme-zine{border-width:10px}}body.theme-stamp .project-item{background:#fff;border-color:#0000001a}body.theme-stamp .project-item:hover{border-color:#00000040;box-shadow:0 2px 6px #0000000f}body.theme-stamp .project-item.ios{border-left:2px solid rgba(10,132,255,.5)}body.theme-vapor .project-item{background:#ffffff0f;border-color:#ffffff1a}body.theme-vapor .project-item:hover{background:#ffffff1a;border-color:#fff3}body.theme-blueprint .project-item{background:#4fc3f70d;border-color:#4fc3f726}body.theme-blueprint .project-item:hover{background:#4fc3f71a;border-color:#4fc3f74d}body.theme-concrete .project-item{background:#00000008;border-color:#0000000f}body.theme-concrete .project-item:hover{background:#0000000f}body.theme-minimal .project-item{background:transparent;border-color:#00000014}body.theme-minimal .project-item:hover{border-color:#0003}body.theme-zine .project-item{background:#ffe0e0;border:2px solid #000}body.theme-zine .project-item:hover{background:#ffd0d0}body.theme-isometric .project-item{background:#b8a0ff0f;border-color:#b8a0ff26}body.theme-isometric .project-item:hover{background:#b8a0ff1a;border-color:#b8a0ff4d}.heart{display:inline-block;animation:heartbeat 1.4s ease-in-out infinite;transform-origin:center}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}56%{transform:scale(1)}}
