*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--black:#000;--gray-100:#f5f5f5;--gray-200:#e0e0e0;--gray-400:#888;--gray-600:#555;--gray-800:#1a1a1a;--gray-900:#0d0d0d;--font-mono:"Share Tech Mono", monospace}html,body{height:100%}body{font-family:var(--font-mono);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a1a}#root{min-height:100%}.dash{flex-direction:column;width:100%;max-width:480px;margin:0 auto;padding:48px 24px;display:flex;position:relative}@media (width>=768px){.dash{max-width:900px;padding:48px 40px}}@media (width>=1100px){.dash{max-width:1060px;padding:48px 56px}}.dash-topbar{flex-direction:column;align-items:center;gap:20px;display:flex}.topbar-left{flex-direction:column;align-items:center;gap:12px;display:flex}.topbar-identity{flex-direction:column;align-items:center;display:flex}.topbar-right{flex-direction:column;align-items:center;gap:14px;display:flex}@media (width>=768px){.dash-topbar{flex-direction:row;justify-content:space-between;align-items:center}.topbar-left{flex-direction:row;gap:18px}.topbar-identity{align-items:flex-start}.topbar-right{align-items:flex-end;gap:16px}}.dash-content{flex-direction:column;align-items:center;gap:28px;width:100%;display:flex}.dash-info-col{justify-content:center;width:100%;display:flex}.dash-projects-col{flex-direction:column;width:100%;display:flex}@media (width>=768px){.dash-content{flex-direction:row;align-items:flex-start;gap:32px}.dash-info-col{flex-shrink:0;width:280px}.dash-projects-col{flex:1}.proj-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}}@media (width>=1100px){.dash-info-col{width:300px}}.hud-frame{pointer-events:none;z-index:5;position:fixed;inset:0}.hud-top,.hud-bottom{letter-spacing:3px;text-transform:uppercase;color:var(--gray-800);justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;left:20px;right:20px}.hud-top{border-top:1px solid var(--gray-800);padding-top:8px;top:16px}.hud-bottom{border-bottom:1px solid var(--gray-800);padding-bottom:8px;bottom:16px}.name-row{align-items:center;gap:14px;margin-bottom:14px;display:flex}@media (width<=767px){.name-row{flex-direction:column;gap:8px}}.logo-container{flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.logo-ring{width:100%;height:100%;animation:30s linear infinite ring-spin;position:absolute}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo{width:32px;height:32px}@media (width<=767px){.logo-container{width:64px;height:64px}.logo{width:36px;height:36px}}.name{font-family:var(--font-mono);letter-spacing:4px;text-transform:lowercase;color:var(--white);margin:0;font-size:24px;font-weight:400}@media (width<=767px){.name{letter-spacing:3px;font-size:28px}}.title-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}@media (width>=768px){.title-tags{justify-content:flex-start}}.tag-chip{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--gray-600);font-size:9px}.tag-sep{color:var(--gray-800);font-size:9px}.location{color:var(--gray-600);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;display:flex}.loc-dot{background:#eafb53;border-radius:50%;width:5px;height:5px;animation:3s ease-in-out infinite loc-pulse}@keyframes loc-pulse{0%,to{opacity:1;box-shadow:0 0 4px #eafb5366}50%{opacity:.4;box-shadow:none}}.divider{background:var(--gray-800);width:100%;height:1px;margin:28px 0;position:relative}.divider:before{content:"";border-top:1px solid var(--gray-600);border-bottom:1px solid var(--gray-600);width:40px;height:5px;position:absolute;top:-2px;left:0}.info-card{border:1px solid var(--gray-800);width:100%;max-width:300px;transform-style:preserve-3d;will-change:transform;background:linear-gradient(165deg,#ffffff08 0%,#ffffff01 40%,#0000001a 100%);transition:transform .15s,border-color .3s;position:relative;overflow:hidden}.info-card:hover{border-color:#eafb5326}.info-card-holo{opacity:0;pointer-events:none;z-index:1;mix-blend-mode:screen;transition:opacity .3s;position:absolute;inset:0}.info-card-sheen{pointer-events:none;z-index:2;background:linear-gradient(110deg,#0000 20%,#ffffff08 40%,#eafb5305 50%,#00ffff04 55%,#ffffff05 60%,#0000 80%);position:absolute;inset:0}.info-card-header{border-bottom:1px solid var(--gray-800);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.info-card-label{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--gray-600);font-size:8px}.info-card-lights{gap:5px;display:flex}.light{border-radius:50%;width:5px;height:5px}.light-green{background:#eafb53;animation:3s ease-in-out infinite light-blink;box-shadow:0 0 4px #eafb5380}.light-green:nth-child(2){animation-delay:.5s}.light-green:nth-child(3){animation-delay:1s}@keyframes light-blink{0%,to{opacity:1;box-shadow:0 0 4px #eafb5380}50%{opacity:.3;box-shadow:0 0 2px #eafb5333}}.info-card-body{flex-direction:column;gap:0;padding:12px 14px;display:flex}.info-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:baseline;padding:7px 0;transition:background .15s;display:flex}.info-row:last-child{border-bottom:none}.info-row:hover{background:#ffffff05}.info-key{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--gray-600);flex-shrink:0;font-size:9px}.info-val{font-family:var(--font-mono);letter-spacing:.5px;color:var(--gray-200);text-align:right;font-size:11px}.info-card-footer{border-top:1px solid var(--gray-800);justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.info-card-id{font-family:var(--font-mono);letter-spacing:2px;color:var(--gray-800);font-size:8px}.info-card-status{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:#eafb53;opacity:.6;font-size:8px}@media (width<=767px){.info-card{max-width:280px}}.social-icons{gap:10px;display:flex}@media (width<=767px){.social-icons{justify-content:center}}.social-btn{width:48px;height:48px;color:var(--gray-600);transform-style:preserve-3d;will-change:transform;border:none;justify-content:center;align-items:center;text-decoration:none;transition:color .3s,transform .15s;display:flex;position:relative}.social-btn:hover{color:var(--white)}.social-icon{z-index:3;width:18px;height:18px;position:relative}.social-sheen{opacity:0;pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;inset:0}.social-scanline{pointer-events:none;z-index:1;opacity:0;transition:opacity .2s;position:absolute;inset:0;overflow:hidden}.social-scanline:before{content:"";background:linear-gradient(90deg,#0000,#eafb5333,#0000);height:2px;animation:1s linear infinite scanline-sweep;position:absolute;top:-2px;left:0;right:0}.social-btn:hover .social-scanline{opacity:1}.social-btn-inner{pointer-events:none;position:absolute;inset:0}.social-btn-inner:before{content:"";border-top:1px solid var(--gray-800);border-left:1px solid var(--gray-800);width:0;height:0;transition:width .3s,height .3s,border-color .3s;position:absolute;top:0;left:0}.social-btn-inner:after{content:"";border-bottom:1px solid var(--gray-800);border-right:1px solid var(--gray-800);width:0;height:0;transition:width .3s,height .3s,border-color .3s;position:absolute;bottom:0;right:0}.social-btn-ticks{pointer-events:none;position:absolute;inset:0}.social-btn-ticks:before{content:"";border-top:1px solid var(--gray-800);border-right:1px solid var(--gray-800);width:0;height:0;transition:width .3s 50ms,height .3s 50ms,border-color .3s;position:absolute;top:0;right:0}.social-btn-ticks:after{content:"";border-bottom:1px solid var(--gray-800);border-left:1px solid var(--gray-800);width:0;height:0;transition:width .3s 50ms,height .3s 50ms,border-color .3s;position:absolute;bottom:0;left:0}.social-btn:hover .social-btn-inner:before,.social-btn:hover .social-btn-inner:after,.social-btn:hover .social-btn-ticks:before,.social-btn:hover .social-btn-ticks:after{border-color:var(--white);width:14px;height:14px}.social-btn:before{content:"";background:var(--white);width:1px;height:0;transition:height .2s .1s;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.social-btn:after{content:"";background:var(--white);width:1px;height:0;transition:height .2s .1s;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.social-btn:hover:before,.social-btn:hover:after{height:6px}.section-label{letter-spacing:4px;text-transform:uppercase;color:var(--gray-600);align-self:flex-start;margin-bottom:14px;margin-left:calc(50% - 140px);font-size:9px}.proj-section-label{margin-bottom:16px}.proj-list{flex-direction:column;gap:6px;width:100%;display:flex}.proj-row{cursor:pointer;transform-style:preserve-3d;will-change:transform;border:none;justify-content:space-between;align-items:center;padding:20px 22px;transition:transform .15s;display:flex;position:relative;overflow:hidden}.proj-row.border-glitch{animation:.35s step-end forwards border-flicker}.proj-sheen{opacity:0;pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;inset:0}.proj-left{z-index:1;align-items:center;gap:18px;display:flex;position:relative}.proj-idx{font-family:var(--font-mono);letter-spacing:2px;color:var(--gray-800);min-width:36px;font-size:22px;font-weight:400;transition:color .3s}.proj-row:hover .proj-idx{color:var(--gray-600)}.proj-info{flex-direction:column;gap:4px;display:flex}.proj-name{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--white);font-size:16px}.proj-desc{letter-spacing:.5px;color:var(--gray-600);font-size:11px;transition:color .3s}.proj-row:hover .proj-desc{color:var(--gray-400)}.proj-arrow{color:var(--gray-800);z-index:1;font-size:16px;transition:color .3s,transform .3s;position:relative}.proj-row:hover .proj-arrow{color:var(--white);transform:translate(2px,-2px)}.proj-scanline{pointer-events:none;z-index:1;opacity:0;transition:opacity .2s;position:absolute;inset:0;overflow:hidden}.proj-scanline:before{content:"";background:linear-gradient(90deg,#0000,#eafb531f,#0000);height:1px;animation:2s linear infinite proj-scan;position:absolute;top:-1px;left:0;right:0}@keyframes proj-scan{0%{top:-1px}to{top:100%}}.proj-row:hover .proj-scanline{opacity:1}.proj-corner{pointer-events:none;z-index:2;position:absolute}.proj-tl{border-top:1px solid var(--gray-800);border-left:1px solid var(--gray-800);width:0;height:0;transition:width .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1),border-color .3s;top:0;left:0}.proj-tr{border-top:1px solid var(--gray-800);border-right:1px solid var(--gray-800);width:0;height:0;transition:width .3s cubic-bezier(.2,.8,.2,1) 40ms,height .3s cubic-bezier(.2,.8,.2,1) 40ms,border-color .3s;top:0;right:0}.proj-bl{border-bottom:1px solid var(--gray-800);border-left:1px solid var(--gray-800);width:0;height:0;transition:width .3s cubic-bezier(.2,.8,.2,1) 40ms,height .3s cubic-bezier(.2,.8,.2,1) 40ms,border-color .3s;bottom:0;left:0}.proj-br{border-bottom:1px solid var(--gray-800);border-right:1px solid var(--gray-800);width:0;height:0;transition:width .3s cubic-bezier(.2,.8,.2,1) 80ms,height .3s cubic-bezier(.2,.8,.2,1) 80ms,border-color .3s;bottom:0;right:0}.proj-row:hover .proj-tl,.proj-row:hover .proj-tr,.proj-row:hover .proj-bl,.proj-row:hover .proj-br{border-color:var(--white);width:24px;height:24px}.proj-tick{background:var(--white);pointer-events:none;z-index:2;position:absolute}.proj-tick-t{width:1px;height:0;transition:height .25s 60ms;top:0;left:50%;transform:translate(-50%)}.proj-tick-b{width:1px;height:0;transition:height .25s 60ms;bottom:0;left:50%;transform:translate(-50%)}.proj-tick-l{width:0;height:1px;transition:width .25s 60ms;top:50%;left:0;transform:translateY(-50%)}.proj-tick-r{width:0;height:1px;transition:width .25s 60ms;top:50%;right:0;transform:translateY(-50%)}.proj-row:hover .proj-tick-t,.proj-row:hover .proj-tick-b{height:10px}.proj-row:hover .proj-tick-l,.proj-row:hover .proj-tick-r{width:10px}.proj-glitch{pointer-events:none;z-index:2;opacity:0;position:absolute;inset:0}.proj-glitch:before,.proj-glitch:after{content:attr(data-text);height:100%;font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;align-items:center;font-size:16px;display:flex;position:absolute;top:0;left:62px;right:40px;overflow:hidden}.proj-glitch:before{color:#eafb5366;text-shadow:none}.proj-glitch:after{color:#eafb534d;text-shadow:none}.proj-glitch.glitch-active{opacity:1}.proj-glitch.glitch-active:before{animation:var(--g-anim-r,glitch-r1) var(--g-dur-r,.3s) ease-in-out forwards}.proj-glitch.glitch-active:after{animation:var(--g-anim-c,glitch-c1) var(--g-dur-c,.35s) ease-in-out forwards}@keyframes glitch-r1{0%{clip-path:inset(0 0 100%);opacity:0;transform:translate(0)}5%{opacity:1}10%{clip-path:inset(5% 0 50%);transform:translate(-2px)}20%{clip-path:inset(15% 0 40%);transform:translate(-1px)}28%{clip-path:inset(0 0 100%);transform:translate(0)}40%{clip-path:inset(60% 0 5%);transform:translate(2px)}50%{clip-path:inset(0 0 100%);transform:translate(0)}65%{clip-path:inset(20% 0 50%);transform:translate(-2px)}75%{clip-path:inset(0 0 100%);opacity:1;transform:translate(0)}to{clip-path:inset(0 0 100%);opacity:0;transform:translate(0)}}@keyframes glitch-r2{0%{clip-path:inset(0 0 100%);opacity:0;transform:translate(0)}5%{opacity:1}12%{clip-path:inset(35% 0 20%);transform:translate(2px)}22%{clip-path:inset(0 0 100%);transform:translate(0)}38%{clip-path:inset(0% 0 65%);transform:translate(-2px)}48%{clip-path:inset(0 0 100%);transform:translate(0)}62%{clip-path:inset(70% 0 0%);transform:translate(1px)}72%{clip-path:inset(0 0 100%);opacity:1;transform:translate(0)}to{clip-path:inset(0 0 100%);opacity:0;transform:translate(0)}}@keyframes glitch-r3{0%{clip-path:inset(0 0 100%);opacity:0;transform:translate(0)}4%{opacity:1}10%{clip-path:inset(45% 0 15%);transform:translate(-2px)}20%{clip-path:inset(0 0 100%);transform:translate(0)}35%{clip-path:inset(10% 0 70%);transform:translate(2px)}45%{clip-path:inset(0 0 100%);transform:translate(0)}58%{clip-path:inset(80% 0 0%);transform:translate(-1px)}68%{clip-path:inset(0 0 100%);opacity:1;transform:translate(0)}to{clip-path:inset(0 0 100%);opacity:0;transform:translate(0)}}@keyframes glitch-c1{0%{clip-path:inset(0 0 100%);opacity:0;transform:translate(0)}8%{opacity:1}15%{clip-path:inset(50% 0 10%);transform:translate(2px)}25%{clip-path:inset(0 0 100%);transform:translate(0)}40%{clip-path:inset(5% 0 70%);transform:translate(-2px)}50%{clip-path:inset(0 0 100%);transform:translate(0)}65%{clip-path:inset(65% 0 5%);transform:translate(1px)}75%{clip-path:inset(0 0 100%);opacity:1;transform:translate(0)}to{clip-path:inset(0 0 100%);opacity:0;transform:translate(0)}}@keyframes glitch-c2{0%{clip-path:inset(0 0 100%);opacity:0;transform:translate(0)}6%{opacity:1}14%{clip-path:inset(70% 0 0%);transform:translate(-2px)}24%{clip-path:inset(0 0 100%);transform:translate(0)}38%{clip-path:inset(15% 0 55%);transform:translate(2px)}48%{clip-path:inset(0 0 100%);transform:translate(0)}62%{clip-path:inset(35% 0 30%);transform:translate(1px)}72%{clip-path:inset(0 0 100%);opacity:1;transform:translate(0)}to{clip-path:inset(0 0 100%);opacity:0;transform:translate(0)}}@keyframes glitch-c3{0%{clip-path:inset(0 0 100%);opacity:0;transform:translate(0)}7%{opacity:1}15%{clip-path:inset(25% 0 40%);transform:translate(2px)}25%{clip-path:inset(0 0 100%);transform:translate(0)}42%{clip-path:inset(75% 0 0%);transform:translate(-2px)}52%{clip-path:inset(0 0 100%);transform:translate(0)}68%{clip-path:inset(0% 0 80%);transform:translate(1px)}78%{clip-path:inset(0 0 100%);opacity:1;transform:translate(0)}to{clip-path:inset(0 0 100%);opacity:0;transform:translate(0)}}.card-jolt{animation:80ms forwards jolt}@keyframes jolt{0%{transform:translate(0)}50%{transform:translateX(var(--jolt-x,2px))}to{transform:translate(0)}}.border-glitch{animation:.35s step-end forwards border-flicker}@keyframes border-flicker{0%{border-color:var(--white)}10%{border-color:#eafb53}15%{border-color:var(--white)}30%{border-color:#eafb53}38%{border-color:var(--white)}55%{border-color:#eafb53}62%{border-color:var(--white)}78%{border-color:#eafb53}85%{border-color:var(--white)}to{border-color:var(--white)}}.dashboard:before{content:"";pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff03 3px 4px);width:100%;height:100%;position:fixed;top:0;left:0}.grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.pl{flex-direction:column;width:100%;max-width:480px;margin:0 auto;padding:40px 24px;display:flex}@media (width>=768px){.pl{max-width:900px;padding:48px 40px}}@media (width>=1100px){.pl{max-width:1060px;padding:48px 56px}}.pl-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.pl-header-center{flex-direction:column;align-items:center;gap:4px;display:flex}.pl-back{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--gray-600);flex-shrink:0;align-items:center;gap:6px;font-size:10px;text-decoration:none;transition:color .2s;display:inline-flex}.pl-back:hover{color:var(--white)}.pl-back-arrow{font-size:13px;transition:transform .2s}.pl-back:hover .pl-back-arrow{transform:translate(-3px)}.pl-tag{letter-spacing:4px;text-transform:uppercase;color:var(--gray-600);font-size:8px}.pl-title{font-family:var(--font-mono);letter-spacing:5px;text-transform:uppercase;color:var(--white);margin:0;font-size:22px;font-weight:400}.pl-visit{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--gray-600);flex-shrink:0;align-items:center;gap:6px;font-size:10px;text-decoration:none;transition:color .2s;display:inline-flex}.pl-visit:hover{color:var(--white)}.pl-divider{background:var(--gray-800);width:100%;height:1px;margin:24px 0}.pl-meta{flex-direction:column;align-items:center;gap:14px;display:flex}.pl-tagline{letter-spacing:1px;color:var(--gray-400);text-align:center;margin:0;font-size:12px}.pl-tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pl-pill{font-family:var(--font-mono);letter-spacing:1px;border:1px solid var(--gray-800);color:var(--gray-600);text-transform:uppercase;padding:4px 10px;font-size:9px}@media (width>=768px){.pl-meta{flex-direction:row;justify-content:space-between;align-items:center}.pl-tagline{text-align:left}.pl-tags{justify-content:flex-end}}.pl-body{flex-direction:column;gap:28px;display:flex}.pl-about,.pl-features{flex-direction:column;display:flex}@media (width>=768px){.pl-body{flex-direction:row;gap:40px}.pl-about{flex:1}.pl-features{flex:1.2}}.pl-label{letter-spacing:4px;text-transform:uppercase;color:var(--gray-600);margin-bottom:12px;font-size:9px}.pl-text{color:var(--gray-400);letter-spacing:.3px;margin:0 0 8px;font-size:12px;line-height:1.8}.pl-version{letter-spacing:3px;text-transform:uppercase;color:var(--gray-800);text-align:center;font-size:8px}.pl-feature-grid{grid-template-columns:1fr;gap:8px;display:grid}@media (width>=768px){.pl-feature-grid{grid-template-columns:1fr 1fr}}.pl-feature{border:1px solid var(--gray-800);transform-style:preserve-3d;will-change:transform;flex-direction:column;gap:6px;padding:16px;transition:border-color .3s,transform .15s;display:flex;position:relative;overflow:hidden}.pl-feature:hover{border-color:#ffffff26}.pl-feature-sheen{opacity:0;pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;inset:0}.pl-feature-label{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--white);z-index:1;font-size:11px;position:relative}.pl-feature-desc{color:var(--gray-600);z-index:1;margin:0;font-size:10px;line-height:1.5;position:relative}