*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #05070c;--bg-elevated: #0a0e16;--surface: #0d1219;--surface-hover: #121a24;--border: rgba(57, 255, 20, .12);--border-cyan: rgba(0, 212, 255, .2);--text: #e8eef6;--text-muted: #7d8fa8;--green: #39ff14;--green-dim: rgba(57, 255, 20, .15);--cyan: #00d4ff;--cyan-dim: rgba(0, 212, 255, .12);--purple: #b47aff;--purple-dim: rgba(180, 122, 255, .15);--amber: #ffb020;--dogita-pink: #f472b6;--dogita-pink-dim: rgba(244, 114, 182, .12);--font-sans: "Outfit", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Consolas", monospace;--radius: 10px;--radius-lg: 16px;--nav-h: 72px;--max-w: 1180px;--ease-out: cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--green-dim);color:var(--green)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(57,255,20,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 20%,transparent 70%)}.bg-glow{position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.35;pointer-events:none;z-index:0}.bg-glow--green{top:-200px;left:-100px;background:var(--green);opacity:.08}.bg-glow--cyan{top:40%;right:-200px;background:var(--cyan);opacity:.06}.bg-glow--purple{bottom:-100px;left:30%;background:var(--purple);opacity:.07}.bg-scanline{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.03;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.4) 2px,rgba(0,0,0,.4) 4px)}.app{position:relative;z-index:2}.container{width:min(100% - 2rem,var(--max-w));margin-inline:auto}.section{padding:6rem 0}.section-label{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.section-label:before{content:"//";color:var(--text-muted)}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;letter-spacing:-.02em;margin-bottom:1rem}.section-desc{color:var(--text-muted);max-width:52ch;font-size:1.05rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:100;display:flex;align-items:center;transition:background .3s,border-color .3s,backdrop-filter .3s}.nav.is-scrolled{background:#05070cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:min(100% - 2rem,var(--max-w));margin-inline:auto}.nav-logo{font-family:var(--font-mono);font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.35rem}.nav-logo span{color:var(--green)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);transition:color .2s}.nav-links a:hover{color:var(--green)}.nav-cta{font-family:var(--font-mono);font-size:.8rem;padding:.55rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius);color:var(--green);transition:background .2s,border-color .2s}.nav-cta:hover{background:var(--green-dim);border-color:var(--green)}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:4px}.nav-toggle span{width:22px;height:2px;background:var(--text);transition:transform .3s,opacity .3s}.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--nav-h);padding-bottom:4rem}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.72rem;padding:.4rem .85rem;border:1px solid var(--border);border-radius:100px;color:var(--text-muted);margin-bottom:1.5rem;background:var(--surface)}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.25rem}.hero h1 .accent{background:linear-gradient(135deg,var(--green) 0%,var(--cyan) 50%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{font-size:1.15rem;color:var(--text-muted);max-width:42ch;margin-bottom:2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn{font-family:var(--font-mono);font-size:.85rem;font-weight:500;padding:.85rem 1.5rem;border-radius:var(--radius);display:inline-flex;align-items:center;gap:.5rem;transition:transform .2s,box-shadow .2s,background .2s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--green);color:#05070c;box-shadow:0 0 24px #39ff1440}.btn-primary:hover{box-shadow:0 0 36px #39ff1466}.btn-ghost{border:1px solid var(--border-cyan);color:var(--cyan)}.btn-ghost:hover{background:var(--cyan-dim)}.hero-stats{display:flex;gap:2.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.hero-stat strong{font-family:var(--font-mono);font-size:1.5rem;color:var(--green);display:block}.hero-stat span{font-size:.8rem;color:var(--text-muted)}.terminal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 0 0 1px #0006,0 24px 48px #00000080,0 0 80px #39ff140d}.terminal-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot--red{background:#ff5f57}.terminal-dot--yellow{background:#febc2e}.terminal-dot--green{background:#28c840}.terminal-title{flex:1;text-align:center;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.terminal-body{padding:1.25rem 1.5rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.85;min-height:220px}.terminal-line{margin-bottom:.35rem}.terminal-prompt{color:var(--cyan)}.terminal-cmd{color:var(--text)}.terminal-out{color:var(--text-muted);padding-left:1rem}.terminal-cursor{display:inline-block;width:8px;height:1em;background:var(--green);margin-left:2px;vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.domains-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}.domain-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;transition:transform .3s var(--ease-out),border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.domain-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .3s}.domain-card:hover{transform:translateY(-4px);border-color:#ffffff14}.domain-card:hover:before{opacity:1}.domain-card--green:before{background:var(--green)}.domain-card--cyan:before{background:var(--cyan)}.domain-card--purple:before{background:var(--purple)}.domain-card--green:hover{box-shadow:0 12px 40px var(--green-dim)}.domain-card--cyan:hover{box-shadow:0 12px 40px var(--cyan-dim)}.domain-card--purple:hover{box-shadow:0 12px 40px var(--purple-dim)}.domain-icon{font-size:1.5rem;margin-bottom:1rem}.domain-card h3{font-size:1.25rem;margin-bottom:.5rem}.domain-card p{font-size:.9rem;color:var(--text-muted);margin-bottom:1.25rem}.domain-tags{display:flex;flex-wrap:wrap;gap:.4rem}.domain-tags span{font-family:var(--font-mono);font-size:.68rem;padding:.25rem .55rem;border-radius:4px;background:var(--bg-elevated);color:var(--text-muted);border:1px solid rgba(255,255,255,.05)}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;margin-top:3rem;align-items:start}.about-text p{color:var(--text-muted);margin-bottom:1rem;font-size:1.02rem}.about-text p strong{color:var(--text);font-weight:500}.principles{list-style:none;display:flex;flex-direction:column;gap:.75rem}.principles li{font-family:var(--font-mono);font-size:.82rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);display:flex;align-items:flex-start;gap:.65rem}.principles li:before{content:">";color:var(--green);flex-shrink:0}.code-block{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;font-family:var(--font-mono);font-size:.78rem;line-height:1.7;overflow-x:auto}.code-block .kw{color:var(--purple)}.code-block .fn{color:var(--cyan)}.code-block .str{color:var(--green)}.code-block .cm{color:var(--text-muted)}.code-block .num{color:var(--amber)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem;align-items:stretch}.projects-grid>.reveal{height:100%;min-width:0}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;height:100%;display:flex;flex-direction:column;transition:border-color .3s,transform .3s var(--ease-out);position:relative}.project-card:hover{border-color:#39ff1440;transform:translateY(-2px)}.project-type{font-family:var(--font-mono);font-size:.68rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.project-card h3{font-size:1.15rem;margin-bottom:.5rem}.project-card p{font-size:.88rem;color:var(--text-muted);flex:1;margin-bottom:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.project-tags span{font-family:var(--font-mono);font-size:.65rem;padding:.2rem .5rem;border-radius:4px;background:var(--green-dim);color:var(--green)}.project-links{display:flex;gap:1rem;margin-top:auto}.project-links a{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);transition:color .2s}.project-links a:hover{color:var(--green)}.contact-panel{margin-top:3rem;background:linear-gradient(135deg,var(--surface) 0%,var(--bg-elevated) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:3rem;text-align:center;position:relative;overflow:hidden}.contact-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,var(--green-dim),transparent 60%);pointer-events:none}.contact-panel h3{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.75rem;position:relative}.contact-panel p{color:var(--text-muted);margin-bottom:2rem;position:relative}.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;position:relative}.contact-link{font-family:var(--font-mono);font-size:.85rem;padding:.75rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;align-items:center;gap:.5rem;transition:background .2s,border-color .2s,color .2s}.contact-link:hover{border-color:var(--green);color:var(--green);background:var(--green-dim)}.contact-link--primary{background:var(--green);color:#05070c;border-color:var(--green)}.contact-link--primary:hover{background:#2ee610;color:#05070c}.footer{padding:2rem 0 3rem;border-top:1px solid var(--border);margin-top:2rem}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-inner p{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.footer-inner a{color:var(--green)}.footer-status{display:flex;align-items:center;gap:.4rem}.footer-status .dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse 2s ease infinite}.dogita-section{position:relative;padding-top:2rem}.dogita-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,var(--dogita-pink-dim),transparent 70%);pointer-events:none}.dogita-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;margin-bottom:3.5rem;align-items:start}.dogita-role-badge{display:inline-block;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .9rem;border-radius:100px;background:linear-gradient(135deg,var(--dogita-pink-dim),var(--purple-dim));border:1px solid rgba(244,114,182,.35);color:var(--dogita-pink);margin-bottom:1.25rem}.dogita-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:.5rem;background:linear-gradient(135deg,var(--dogita-pink) 0%,var(--purple) 50%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dogita-subtitle{font-family:var(--font-mono);font-size:.85rem;color:var(--cyan);margin-bottom:1.5rem}.dogita-desc,.dogita-narrative{color:var(--text-muted);font-size:1.02rem;margin-bottom:1rem;max-width:58ch}.dogita-narrative{border-left:2px solid var(--dogita-pink);padding-left:1rem;color:var(--text)}.dogita-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.75rem}.dogita-btn{background:linear-gradient(135deg,var(--dogita-pink),var(--purple))!important;color:#fff!important;box-shadow:0 0 32px #f472b659!important}.dogita-metrics-panel{background:var(--surface);border:1px solid rgba(244,114,182,.2);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:0 20px 60px #0006,0 0 60px var(--dogita-pink-dim)}.dogita-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.dogita-metric{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:center}.dogita-metric strong{font-family:var(--font-mono);font-size:1.35rem;display:block;color:var(--dogita-pink);margin-bottom:.25rem}.dogita-metric span{font-size:.72rem;color:var(--text-muted)}.dogita-listing{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.dogita-listing-label{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.dogita-listing p{font-size:.82rem;color:var(--text-muted);margin-top:.35rem}.dogita-stack-row{display:flex;flex-wrap:wrap;gap:.4rem}.dogita-stack-tag{font-family:var(--font-mono);font-size:.65rem;padding:.25rem .55rem;border-radius:4px;background:var(--purple-dim);color:var(--purple);border:1px solid rgba(180,122,255,.2)}.dogita-modules-title{font-size:1.25rem;margin-bottom:1.5rem;font-weight:600}.dogita-modules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem}.dogita-module{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.35rem;height:100%;transition:border-color .3s,transform .3s var(--ease-out)}.dogita-module:hover{border-color:#f472b64d;transform:translateY(-3px)}.dogita-module-icon{font-size:1.25rem;display:block;margin-bottom:.75rem}.dogita-module h4{font-size:.95rem;margin-bottom:.5rem}.dogita-module p{font-size:.8rem;color:var(--text-muted);line-height:1.55}.dogita-chain-panel{background:linear-gradient(160deg,var(--bg-elevated) 0%,var(--surface) 100%);border:1px solid rgba(0,212,255,.2);border-radius:var(--radius-lg);padding:2rem}.dogita-chain-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem}.dogita-chain-label{font-family:var(--font-mono);font-size:.72rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.dogita-chain-header h3{font-size:1.35rem;margin-bottom:.75rem}.dogita-chain-header p{font-size:.9rem;color:var(--text-muted);max-width:52ch}.dogita-chain-badge{flex-shrink:0;text-align:center;padding:1rem 1.25rem;background:var(--cyan-dim);border:1px solid var(--border-cyan);border-radius:var(--radius);font-family:var(--font-mono)}.dogita-chain-badge span{font-size:.65rem;color:var(--text-muted);display:block}.dogita-chain-badge strong{font-size:1.5rem;color:var(--cyan);display:block}.dogita-chain-badge small{font-size:.68rem;color:var(--text-muted)}.dogita-chain-arch{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1.25rem;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);font-family:var(--font-mono);font-size:.75rem}.dogita-arch-node{padding:.6rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.dogita-arch-node small{display:block;font-size:.62rem;color:var(--text-muted);margin-top:.2rem}.dogita-arch-node--core{border-color:var(--cyan);background:var(--cyan-dim);color:var(--cyan)}.dogita-arch-arrow{color:var(--text-muted)}.dogita-chain-modules{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.dogita-chain-modules li{font-family:var(--font-mono);font-size:.72rem;padding:.55rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted)}.dogita-chain-modules li:before{content:"✓ ";color:var(--green)}@media(max-width:900px){.dogita-hero{grid-template-columns:1fr}.dogita-modules-grid{grid-template-columns:1fr 1fr}.dogita-chain-header{flex-direction:column}.dogita-chain-modules{grid-template-columns:1fr}}@media(max-width:600px){.dogita-modules-grid{grid-template-columns:1fr}.dogita-chain-arch{flex-direction:column;align-items:stretch}.dogita-arch-arrow{text-align:center}}@media(max-width:900px){.hero-grid,.about-grid,.domains-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:repeat(2,1fr)}.nav-links,.nav-cta{display:none}.nav-toggle{display:flex}.nav.is-open .nav-links{display:flex;flex-direction:column;position:fixed;top:var(--nav-h);left:0;right:0;background:var(--bg);padding:1.5rem 2rem 2rem;border-bottom:1px solid var(--border);gap:1.25rem}.nav.is-open .nav-cta{display:inline-flex;position:fixed;top:calc(var(--nav-h) + 220px);left:2rem}}@media(max-width:600px){.hero-stats{flex-direction:column;gap:1rem}.projects-grid{grid-template-columns:1fr}.section{padding:4rem 0}}
