@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";.project-entry-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);z-index:9999;overflow:hidden;color:var(--text-primary)}.entry-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:50px 50px;opacity:.1;-webkit-mask-image:radial-gradient(circle at center,black,transparent 80%);mask-image:radial-gradient(circle at center,black,transparent 80%);pointer-events:none}.entry-content{display:flex;flex-direction:column;align-items:center;gap:2rem;z-index:10;width:100%;max-width:400px;padding:1rem}.entry-card{position:relative;width:100%;background:var(--surface);border:1px solid var(--border);padding:2rem;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 0 40px #00000080}.entry-card:hover{transform:translateY(-5px) scale(1.02);border-color:var(--primary-color);box-shadow:0 0 60px #10b9811a}.entry-card-header{display:flex;justify-content:space-between;align-items:center}.entry-status-dot{width:6px;height:6px;background:var(--primary-color);border-radius:50%;box-shadow:0 0 10px var(--primary-color);animation:pulse-gate 2s infinite}.entry-visual{position:relative;display:flex;justify-content:center;padding:2rem 0;background:#0003;border-radius:var(--radius-sm);overflow:hidden}.engine-icon{width:64px;height:64px;color:var(--primary-color);opacity:.8;transition:all .5s ease}.entry-card:hover .engine-icon{transform:rotate(180deg) scale(1.1);opacity:1}.scanline{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--primary-color);opacity:.2;animation:scan 3s linear infinite;pointer-events:none}.entry-info{text-align:center}.entry-info h1{font-size:1.25rem;margin-bottom:.25rem;letter-spacing:.1em}.entry-action{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1rem;margin-top:1rem;border-top:1px solid var(--border);color:var(--primary-color);background:#00d1ff08;border-radius:var(--radius-sm);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 0 20px #00d1ff0d}.entry-action span{text-shadow:0 0 10px rgba(0,209,255,.5);font-weight:700;letter-spacing:.15em;animation:textGlow 2s infinite alternate ease-in-out}.entry-card:hover .entry-action{background:#00d1ff14;box-shadow:0 0 30px #00d1ff26;color:#fff}.entry-card:hover .entry-action span{text-shadow:0 0 20px rgba(0,209,255,.8),0 0 30px rgba(0,209,255,.4)}@keyframes textGlow{0%{opacity:.8;filter:brightness(1)}to{opacity:1;filter:brightness(1.5)}}.corner-decor{position:absolute;width:10px;height:10px;border-color:var(--primary-color);border-style:solid;opacity:0;transition:opacity .3s ease}.entry-card:hover .corner-decor{opacity:1}.top-left{top:-2px;left:-2px;border-width:2px 0 0 2px}.top-right{top:-2px;right:-2px;border-width:2px 2px 0 0}.bottom-left{bottom:-2px;left:-2px;border-width:0 0 2px 2px}.bottom-right{bottom:-2px;right:-2px;border-width:0 2px 2px 0}.entry-stats{display:flex;justify-content:space-between;width:100%;font-size:.65rem;color:var(--text-secondary)}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-value{color:var(--text-primary)}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(500%)}}@keyframes pulse-gate{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}to{transform:scale(1);opacity:1}}.project-entry-container.fade-out{animation:exit-engine .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes exit-engine{0%{transform:scale(1);opacity:1;filter:blur(0)}to{transform:scale(1.5);opacity:0;filter:blur(20px)}}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.entry-hint{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--primary-color);animation:fadeInOut 2s infinite ease-in-out}.hint-text{font-size:.75rem;letter-spacing:.2em;font-weight:500}.hint-bar{width:40px;height:2px;background:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.entry-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,209,255,.05),transparent);transition:none;pointer-events:none}.entry-card:hover:after{left:100%;transition:left 1.5s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.entry-content{animation:floating 6s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.top-nav{position:fixed;top:0;left:0;right:0;background:#0a0b0dcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:9999;padding:.75rem 0}.nav-container{width:100%;max-width:1800px;margin:0 auto;padding:0 5%;display:flex;justify-content:space-between;align-items:center}.logo{cursor:pointer;z-index:1001;perspective:1200px}.logo-3d-wrapper{position:relative;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.23,1,.32,1)}.logo-layer{font-family:var(--font-mono);font-weight:950;font-size:1.8rem;text-transform:uppercase;letter-spacing:.15em;position:relative;display:block}.logo-layer.base{color:#ffffff1a;transform:translateZ(-20px);filter:blur(2px)}.logo-layer.glitch{position:absolute;top:0;left:0;color:var(--primary-color);transform:translateZ(0);mix-blend-mode:screen;animation:logo-glitch 4s infinite linear alternate-reverse;opacity:.8}.logo-layer.top{position:absolute;top:0;left:0;color:#fff;transform:translateZ(20px);text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px var(--primary-color),-1px -1px 0 var(--primary-color),1px 1px 0 #ff00ff;background:linear-gradient(to bottom,#fff 40%,#ccc,#888 60%,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo-layer.top:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);animation:logo-shine 3s infinite}@keyframes logo-shine{0%{left:-100%}20%{left:200%}to{left:200%}}.logo:hover .logo-3d-wrapper{transform:rotateX(25deg) rotateY(-25deg) scale(1.1)}@keyframes logo-glitch{0%{transform:translate(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}20%{transform:translate(-2px,2px);clip-path:polygon(0 15%,100% 15%,100% 30%,0 30%)}40%{transform:translate(2px,-2px);clip-path:polygon(0 60%,100% 60%,100% 70%,0 70%)}60%{transform:translate(-1px,1px);clip-path:polygon(0 80%,100% 80%,100% 100%,0 100%)}80%{transform:translate(1px,-1px);clip-path:polygon(0 0,100% 0,100% 10%,0 10%)}to{transform:translate(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.logo:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);transform:scaleX(0);transition:transform .4s ease;filter:drop-shadow(0 0 5px var(--primary-color))}.logo:hover:after{transform:scaleX(1)}.nav-links{display:flex;list-style:none;gap:var(--space-lg)}.nav-links a{color:var(--text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease;position:relative}.nav-links a:hover{color:var(--primary-color)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--primary-color);transition:width .3s ease}.nav-links a:hover:after{width:100%}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{display:block;width:100%;height:2px;background:var(--primary-color);transition:all .3s ease;transform-origin:center}.hamburger.active .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media(max-width:768px){.nav-container{padding:0 var(--space-md)}.hamburger{display:flex;z-index:10001}.nav-links{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#0a0b0d;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-xl);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;z-index:10000}.nav-links.active{opacity:1;visibility:visible;pointer-events:auto}.nav-links a{font-size:1.25rem;letter-spacing:.15em;color:var(--text-primary)}.nav-links li{transform:translateY(20px);opacity:0;transition:transform .3s ease,opacity .3s ease}.nav-links.active li{transform:translateY(0);opacity:1}.nav-links.active li:nth-child(1){transition-delay:.1s}.nav-links.active li:nth-child(2){transition-delay:.15s}.nav-links.active li:nth-child(3){transition-delay:.2s}.nav-links.active li:nth-child(4){transition-delay:.25s}.nav-links.active li:nth-child(5){transition-delay:.3s}.nav-links.active li:nth-child(6){transition-delay:.35s}}@media(max-width:480px){.logo,.nav-links a{font-size:1rem}}.hero-section{padding-top:var(--nav-height, 70px);min-height:100vh;min-height:100dvh;display:flex;align-items:center;position:relative;overflow:hidden;background-color:var(--bg-primary)}.hero-container{width:100%;max-width:1800px;margin:0 auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xl);position:relative;z-index:2;min-height:100vh}.hero-content{flex:1;padding-right:var(--space-xl);padding-left:0;z-index:5;max-width:650px}.hero-profile{width:150px;height:150px;border-radius:var(--radius-sm);overflow:hidden;margin:0 0 var(--space-lg);border:2px solid var(--border-bright);position:relative}.hero-image{width:100%;height:100%;object-fit:cover;filter:grayscale(.3);transition:filter .3s ease}.hero-profile:hover .hero-image{filter:grayscale(0)}.hero-title{font-size:clamp(3rem,5vw,4.5rem);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-xs);letter-spacing:-.02em;line-height:1.1;text-transform:uppercase}.hero-title span{color:var(--primary-color);display:block}.hero-role{font-family:var(--font-mono);font-size:var(--font-lg);color:var(--primary-color);font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-md);display:block}.hero-description{font-size:var(--font-lg);color:var(--text-secondary);margin-bottom:var(--space-xl);max-width:700px;line-height:1.7}.hero-buttons{display:flex;gap:var(--space-md);justify-content:flex-start;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:.85rem 1.85rem;border-radius:var(--radius-sm);font-weight:700;font-family:var(--font-mono);text-transform:uppercase;font-size:.875rem;letter-spacing:.05em;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-primary{background:var(--primary-color);color:var(--bg-primary)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 15px #00d1ff4d}.btn-secondary{border:1px solid var(--border);color:var(--text-primary);background:transparent}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--accent-muted)}.hero-visual{position:relative;width:50%;height:500px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.hero-visual:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:.5;z-index:10}.engine-viewport-mockup{flex:1;border:12px solid var(--bg-tertiary);background:#0009;position:relative;display:flex;flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.viewport-header{height:28px;background:var(--bg-tertiary);display:flex;align-items:center;padding:0 12px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);justify-content:space-between}.viewport-content{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,#0a0a0a,#000)}.variant-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;pointer-events:none;z-index:15;opacity:0;transition:opacity .3s ease}.engine-viewport-mockup:hover .variant-controls{opacity:1}.v-btn{width:32px;height:32px;background:#0009;border:1px solid var(--border);color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .3s ease}.v-btn:hover{background:var(--primary-color);color:#000;transform:scale(1.1);box-shadow:0 0 15px var(--primary-color)}.variant-picker{position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:20}.p-btn{padding:4px 10px;background:#0006;border:1px solid var(--border);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:80px;transition:all .3s ease}.p-label{font-family:var(--font-mono);font-size:8px;color:var(--text-muted);text-transform:uppercase}.p-dot{width:100%;height:2px;background:#ffffff1a}.p-btn.active{border-color:var(--primary-color);background:#00d1ff1a}.p-btn.active .p-label{color:var(--primary-color)}.p-btn.active .p-dot{background:var(--primary-color);box-shadow:0 0 8px var(--primary-color)}.v-3d-container{perspective:1000px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.v-3d-object{width:120px;height:120px;position:relative;transform-style:preserve-3d;animation:rotate3D 15s linear infinite}@keyframes rotate3D{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(720deg) rotate(360deg)}}.side{position:absolute;width:120px;height:120px;background:#00d1ff0d;border:1px solid var(--primary-color);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 20px #00d1ff1a}.front{transform:translateZ(60px)}.back{transform:rotateY(180deg) translateZ(60px)}.right{transform:rotateY(90deg) translateZ(60px)}.left{transform:rotateY(-90deg) translateZ(60px)}.top{transform:rotateX(90deg) translateZ(60px)}.bottom{transform:rotateX(-90deg) translateZ(60px)}.v-3d-grid{position:absolute;width:200%;height:200%;background-image:linear-gradient(rgba(0,209,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,209,255,.1) 1px,transparent 1px);background-size:40px 40px;transform:rotateX(70deg) translateZ(-100px);opacity:.3}.v-code-terminal{padding:2rem;font-family:var(--font-mono);font-size:13px;color:var(--primary-color);width:100%;height:100%;display:flex;flex-direction:column;gap:.5rem;justify-content:center;background:#0006}.code-line{opacity:0;animation:typeIn .5s forwards;text-shadow:0 0 5px var(--primary-color)}.code-line:nth-child(1){animation-delay:.5s}.code-line:nth-child(2){animation-delay:2s}.code-line:nth-child(3){animation-delay:3.5s}.code-line:nth-child(4){animation-delay:5s}@keyframes typeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.code-cursor{width:8px;height:15px;background:var(--primary-color);animation:blink .8s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.v-hud-analytics{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:2rem}.hud-telemetry{display:flex;gap:2rem;font-family:var(--font-mono)}.t-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.t-item span:first-child{font-size:9px;color:var(--text-muted);letter-spacing:.1em}.t-value{font-size:16px;color:var(--primary-color);font-weight:700;text-shadow:0 0 10px rgba(0,209,255,.5);animation:valuePulse 2s infinite alternate}@keyframes valuePulse{0%{opacity:.8}to{opacity:1}}.hud-bars{display:flex;gap:15px;align-items:flex-end;height:100px}.hud-bar{width:15px;height:100%;background:#ffffff0d;border:1px solid rgba(0,209,255,.2);position:relative;display:flex;align-items:flex-end}.hud-bar .fill{width:100%;background:var(--primary-color);box-shadow:0 0 15px var(--primary-color);animation:barPump 2s ease-in-out infinite alternate}@keyframes barPump{0%{filter:brightness(.7);height:30%}to{filter:brightness(1.3);height:90%}}.hud-circle-container{position:relative;width:100px;height:100px}.hud-circle{position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed var(--primary-color);border-radius:50%;animation:rotateCW 10s linear infinite}.hud-circle.outer{top:-10px;right:-10px;bottom:-10px;left:-10px;border:1px solid rgba(0,209,255,.3);animation:rotateCCW 15s linear infinite}@keyframes rotateCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateCCW{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.v-shader-system{width:100%;height:100%;position:relative;background:#000}.shader-noise{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.2;filter:contrast(150%) brightness(100%);mix-blend-mode:overlay;z-index:2;pointer-events:none}.shader-interactive-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(0,209,255,.4) 0%,rgba(0,100,255,.1) 30%,transparent 60%);transition:background .1s ease;z-index:1}.shader-hex-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(0,209,255,.1) 0%,transparent 70%);z-index:3}.shader-glow{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 100px #00d1ff1a;z-index:4}.tech-stats-overlay{position:absolute;bottom:12px;left:12px;font-family:var(--font-mono);font-size:11px;color:var(--primary-color);background:#000000b3;padding:6px 12px;border:1px solid var(--border);border-radius:4px;opacity:1;pointer-events:none;line-height:1.5;z-index:20;text-shadow:0 0 5px var(--primary-color)}@media(max-width:992px){.hero-section{padding-top:80px;min-height:auto;display:block;overflow:hidden;max-width:100vw}.hero-container{flex-direction:column;text-align:center;padding:var(--space-xl) var(--space-md);min-height:auto;display:flex;gap:var(--space-xl);max-width:100%;overflow:hidden}.hero-content{width:100%;max-width:100%;padding:0;text-align:center;display:flex;flex-direction:column;align-items:center;order:1;margin:0 auto}.hero-profile{margin:0 auto var(--space-lg)}.hero-description{margin:0 auto var(--space-xl);max-width:90%}.hero-buttons{justify-content:center;width:100%}.hero-visual{position:relative;top:auto;right:auto;bottom:auto;left:auto;transform:none;width:100%;max-width:100%;height:400px;margin:0 auto;border-right:1px solid var(--border);border-radius:var(--radius-lg);order:2;overflow:hidden}.engine-viewport-mockup{border-width:8px;overflow:hidden}.viewport-content{overflow:hidden}}@media(max-width:768px){.hero-section{padding-top:80px;min-height:auto;padding-bottom:var(--space-2xl);overflow:hidden;width:100%;max-width:100vw}.hero-container{max-width:100%;padding:var(--space-lg) var(--space-md);overflow:hidden}.hero-content{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.hero-profile{width:120px;height:120px}.hero-title{font-size:clamp(1.8rem,8vw,2.8rem);word-break:break-word}.hero-role{font-size:var(--font-base);letter-spacing:.05em}.hero-description{max-width:100%;font-size:.9rem;padding:0 var(--space-xs)}.hero-visual{height:420px;width:100%;max-width:100%;overflow:hidden}.engine-viewport-mockup{border-width:6px;overflow:hidden}.viewport-content{overflow:hidden;flex-direction:column;justify-content:flex-end}.variant-picker{position:relative;top:auto;left:auto;transform:none;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:.4rem;background:#0009;z-index:30;margin-bottom:.5rem}.p-btn{min-width:auto;padding:4px 6px;border-radius:4px;flex:1 1 calc(50% - 6px);max-width:calc(50% - 4px);justify-content:center;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-label{font-size:7px;overflow:hidden;text-overflow:ellipsis}.tech-stats-overlay{position:relative;bottom:auto;left:auto;right:auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;background:transparent;padding:4px;text-align:center;width:100%;border:none}.tech-stats-overlay div{display:inline-block;margin:0 4px}.v-3d-container,.v-hud-analytics{height:auto;flex:1;min-height:0;padding-bottom:.5rem}}@media(max-width:480px){.hero-section{padding-top:70px}.hero-container{padding:0 var(--space-md);gap:var(--space-lg)}.hero-profile{width:100px;height:100px;margin-top:2rem}.hero-title{font-size:clamp(1.75rem,8vw,2.25rem)}.hero-buttons{flex-direction:column;width:100%;gap:var(--space-sm);align-items:center}.btn-primary,.btn-secondary{width:auto;min-width:200px;justify-content:center;padding:.85rem 1.5rem}.hero-visual{height:380px;width:100%;border-right:1px solid var(--border);border-radius:var(--radius-md)}.viewport-header{font-size:9px;height:24px}.tech-stats-overlay{position:relative;bottom:auto;left:auto;right:auto;font-size:8px;padding:4px;margin-top:4px;max-width:100%;text-align:center;background:transparent;width:100%}.tech-stats-overlay div{display:inline-block;margin:0 4px}.v-hud-analytics{padding:1rem;gap:1rem}.hud-telemetry{gap:.5rem;flex-wrap:wrap;justify-content:center}.t-value{font-size:10px}.hud-bars{height:60px;gap:8px}.variant-picker{position:relative;top:auto;left:auto;transform:none;width:100%;flex-wrap:wrap;justify-content:center;padding:.5rem;background:#00000080;z-index:30;margin-bottom:.5rem}.p-btn{min-width:auto;padding:6px 10px;border-radius:4px;flex:1 1 40%;justify-content:center;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewport-content{flex-direction:column;justify-content:flex-end}.v-hud-analytics{padding-top:0;justify-content:flex-start;gap:1rem}}.about-content{width:100%}.about-text p{font-size:var(--font-base);color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-2xl);text-align:left}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.stat-item{background:var(--bg-tertiary);border:1px solid var(--border);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);position:relative;transition:all .3s ease}.stat-item:hover{border-color:var(--primary-color);background:var(--surface);transform:translateY(-2px)}.stat-item:before{content:"";position:absolute;top:5px;left:5px;width:4px;height:4px;background:var(--primary-color);opacity:.5}.stat-number{font-family:var(--font-mono);font-size:var(--font-2xl);font-weight:700;color:var(--primary-color);line-height:1.1}.stat-label{color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}@media(max-width:768px){.about-text p{text-align:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item{padding:var(--space-md)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-number{font-size:var(--font-xl)}.stat-label{font-size:.6rem}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}.skill-category{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);transition:all .3s ease}.skill-category:hover{border-color:var(--primary-color);background:var(--surface);box-shadow:var(--shadow)}.skill-category h3{font-family:var(--font-mono);font-size:var(--font-base);color:var(--primary-color);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs);border-bottom:1px solid var(--border);padding-bottom:var(--space-xs)}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.7rem;font-family:var(--font-mono);transition:all .2s ease}.skill-tag:hover{color:var(--primary-color);border-color:var(--primary-color);background:var(--accent-muted)}@media(max-width:768px){.skills-grid{grid-template-columns:1fr;gap:var(--space-lg)}.skill-category{padding:var(--space-lg)}}@media(max-width:480px){.skill-category{padding:var(--space-md)}.skill-category h3{font-size:var(--font-sm)}.skill-tag{font-size:.65rem;padding:.2rem .5rem}}.timeline{position:relative;max-width:800px;margin:0 auto;padding-left:var(--space-xl)}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--border)}.timeline-item{position:relative;margin-bottom:var(--space-2xl)}.timeline-marker{position:absolute;left:calc(-1 * var(--space-xl) - 4px);top:8px;width:8px;height:8px;background:var(--bg-primary);border:1px solid var(--primary-color);border-radius:50%;box-shadow:0 0 10px var(--primary-color);z-index:2}.timeline-content{background:var(--bg-secondary);border:1px solid var(--border);padding:var(--space-lg);border-radius:var(--radius-sm);transition:all .3s ease}.timeline-item:hover .timeline-content{border-color:var(--primary-color);background:var(--surface)}.timeline-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-sm);flex-wrap:wrap;gap:.5rem}.timeline-company{font-family:var(--font-mono);font-weight:700;color:var(--primary-color);font-size:var(--font-lg)}.timeline-date{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.timeline-title{color:var(--text-primary);font-weight:600;margin-bottom:var(--space-md);display:block}.experience-list{list-style:none;padding:0}.experience-list li{position:relative;padding-left:1.25rem;margin-bottom:.5rem;color:var(--text-secondary);font-size:var(--font-sm);line-height:1.6}.experience-list li:before{content:"01";position:absolute;left:0;font-family:var(--font-mono);font-size:.6rem;color:var(--primary-color);opacity:.5;top:4px}.experience-list li:nth-child(2):before{content:"02"}.experience-list li:nth-child(3):before{content:"03"}.experience-list li:nth-child(4):before{content:"04"}.experience-list li:nth-child(5):before{content:"05"}@media(max-width:768px){.timeline{padding-left:var(--space-lg)}.timeline-marker{left:calc(-1 * var(--space-lg) - 3px);width:6px;height:6px}.timeline-content{padding:var(--space-md)}.timeline-company{font-size:var(--font-base)}.timeline-header{flex-direction:column;gap:.25rem}}@media(max-width:480px){.timeline{padding-left:var(--space-md)}.timeline-marker{left:calc(-1 * var(--space-md) - 3px);width:6px;height:6px}.timeline-item{margin-bottom:var(--space-xl)}.timeline-content{padding:var(--space-sm)}.experience-list li{font-size:.8rem;padding-left:1rem}.experience-list li:before{font-size:.5rem}}.projects-container{width:100%}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(450px,100%),1fr));gap:var(--space-xl);margin-bottom:var(--space-2xl);width:100%;max-width:100%}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;cursor:pointer;text-decoration:none;color:inherit;max-width:100%}.project-card.highlighted{border-left-width:4px;border-left-color:var(--primary-color);background:linear-gradient(to right,rgba(0,240,255,.05),transparent)}.project-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 10px 30px #0006}.project-image{height:500px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid var(--border);overflow:hidden}.project-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.viewport-overlay{position:absolute;bottom:1rem;right:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;pointer-events:none;z-index:5}.project-overlay-cta{position:absolute;top:12px;right:12px;background:#000c;border:1px solid var(--primary-color);padding:.5rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 20px #00d1ff33}.project-overlay-cta .cta-text{font-family:var(--font-mono);font-weight:700;color:#fff;letter-spacing:.1em;font-size:1.2rem}.project-overlay-cta svg{color:var(--primary-color)}.project-card:hover .project-overlay-cta{opacity:1;box-shadow:0 0 30px #00d1ff66;background:#000000e6}.project-card:hover .project-image img,.project-card:hover .project-image video{filter:brightness(.4);transform:scale(1.05);transition:all .5s ease}.stat-tag{font-family:var(--font-mono);font-size:9px;background:#000000b3;color:var(--primary-color);padding:2px 6px;border:1px solid var(--border);letter-spacing:.1em}.project-content{padding:var(--space-lg);flex:1;display:flex;flex-direction:column;max-width:100%;overflow:hidden}.flex-between{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xs)}.project-content h3{font-family:var(--font-mono);font-size:var(--font-lg);color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em}.live-link-icon{color:var(--text-secondary);transition:all .3s ease}.live-link-icon:hover{color:var(--primary-color);transform:scale(1.1) rotate(-5deg)}.project-content p{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.6;margin-bottom:var(--space-md);flex:1}.project-tech{display:flex;gap:.5rem;flex-wrap:wrap}.project-tech span{background:var(--bg-secondary);color:var(--primary-color);border:1px solid var(--border);padding:.2rem .6rem;border-radius:var(--radius-sm);font-size:.7rem;font-family:var(--font-mono);font-weight:600}.project-connector{position:absolute;top:10px;right:10px;width:16px;height:16px;border-top:1px solid var(--border-bright);border-right:1px solid var(--border-bright);opacity:.5;z-index:10}@media(max-width:991px){.projects-grid{grid-template-columns:1fr}.project-image{height:350px}}@media(max-width:768px){.projects-container{overflow:hidden;max-width:100vw}.project-card{max-width:100%}.project-content{padding:var(--space-md)}.project-content h3{font-size:var(--font-base);word-break:break-word}.project-content p{font-size:var(--font-xs);overflow-wrap:break-word;word-wrap:break-word}}@media(max-width:576px){.project-image{height:250px}.gallery-3d-container{padding:20px 0;perspective:none;overflow:hidden;width:100%;display:block}.gallery-track{display:flex;flex-direction:column;gap:20px;padding:10px 5% 20px;width:100%;transform-style:flat;overflow-x:visible;max-height:60vh;overflow-y:auto;scrollbar-width:thin}.gallery-track::-webkit-scrollbar{display:none}.gallery-item{width:85vw;height:50vw;max-height:250px;flex-shrink:0;scroll-snap-align:center;transform:none!important;opacity:1!important;margin:0;box-shadow:0 4px 20px #0006;border:1px solid rgba(0,209,255,.3);position:relative;counter-increment:gallery-counter;overflow:hidden}.gallery-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid transparent;border-image:linear-gradient(45deg,var(--primary-color) 10px,transparent 10px,transparent calc(100% - 10px),var(--primary-color) calc(100% - 10px)) 1;z-index:5;pointer-events:none}.gallery-item:after{content:"SYSTEM::DATA_LOG_0" counter(gallery-counter);position:absolute;bottom:8px;right:8px;font-family:var(--font-mono);font-size:8px;color:var(--primary-color);background:#000c;padding:2px 4px;border:1px solid var(--primary-color);z-index:10;letter-spacing:.1em}.gallery-item:hover{transform:none!important}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:none;opacity:.9}}.profile-frame{width:220px;height:220px;border-radius:var(--radius-sm);overflow:hidden;position:relative;background:var(--bg-secondary);border:1px solid var(--border-bright)}.profile-image{width:100%;height:100%;object-fit:cover;filter:grayscale(.5) contrast(1.1);transition:all .5s ease}.profile-frame:hover .profile-image{filter:grayscale(0) contrast(1);transform:scale(1.05)}.gallery-section{margin-top:var(--space-2xl);padding:var(--space-xl) 0;overflow:hidden}.gallery-title{font-family:var(--font-mono);font-size:var(--font-lg);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-xl);letter-spacing:.15em;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.gallery-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--primary-color);opacity:.5}.gallery-3d-container{perspective:2000px;width:100%;display:flex;justify-content:center;padding:50px 0}.gallery-track{display:flex;gap:var(--space-md);transform-style:preserve-3d;width:90%;max-width:1200px;justify-content:center;flex-wrap:wrap}.gallery-item{width:300px;height:200px;position:relative;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);overflow:hidden;height:100%;transition:all .5s cubic-bezier(.25,1,.5,1);cursor:pointer;box-shadow:0 10px 30px #00000080;transform:rotateY(25deg) scale(.9);filter:brightness(.9) contrast(1.1);opacity:1;z-index:1;border-color:#00d1ff4d}.gallery-item:hover{transform:rotateY(0) scale(1.2) translateZ(50px);filter:brightness(1.2) contrast(1.2);opacity:1;border-color:var(--primary-color);box-shadow:0 0 30px #00d1ff4d;z-index:10}.gallery-item img{width:100%;height:100%;object-fit:contain;background:#000;transition:transform 5s linear}.gallery-item:hover img{transform:scale(1.1)}@media(min-width:1024px){.gallery-track{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;transform:rotateX(10deg)}.gallery-item{width:100%;height:220px}.gallery-item:nth-child(odd){transform:rotateY(15deg) translateZ(-10px)}.gallery-item:nth-child(2n){transform:rotateY(-15deg) translateZ(-10px)}.gallery-item:nth-child(2),.gallery-item:nth-child(5){transform:rotateY(0) translateZ(20px)}}.contact-section{padding:var(--space-2xl) 0;background:var(--bg-primary);position:relative;overflow:hidden;border-top:1px solid var(--border)}.contact-container{max-width:1200px;margin:0 auto;padding:0 var(--space-md);position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl)}@media(max-width:992px){.contact-container{grid-template-columns:1fr;gap:var(--space-xl)}}@media(max-width:768px){.contact-section{padding:var(--space-xl) 0}.contact-container{gap:var(--space-lg)}}.contact-form-wrapper{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-xl);transition:all .3s ease}.contact-form-wrapper:hover{border-color:var(--primary-color);box-shadow:0 0 20px #00d1ff1a}.form-group{position:relative;margin-bottom:var(--space-xl)}.form-input{width:100%;padding:.75rem 0;font-size:var(--font-sm);color:var(--text-primary);background:transparent;border:none;border-bottom:1px solid var(--border);outline:none;resize:none;font-family:var(--font-sans);transition:all .3s ease}.form-input:focus{border-bottom-color:var(--primary-color)}.form-label{position:absolute;top:.75rem;left:0;font-size:.8rem;color:var(--text-muted);pointer-events:none;transition:all .3s ease;font-family:var(--font-mono);text-transform:uppercase}.form-input:focus~.form-label,.form-input:not(:placeholder-shown)~.form-label{top:-1rem;font-size:.65rem;color:var(--primary-color)}.submit-btn{width:100%;padding:1rem;background:var(--primary-color);color:var(--bg-primary);border:none;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 15px #00d1ff4d}.submit-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.submit-icon{width:16px;height:16px}@media(max-width:768px){.contact-form-wrapper{padding:var(--space-lg)}.form-group{margin-bottom:var(--space-lg)}}@media(max-width:480px){.contact-form-wrapper{padding:var(--space-md)}.form-label{font-size:.7rem}.submit-btn{padding:.875rem;font-size:.875rem}}.contact-info{display:flex;flex-direction:column;gap:var(--space-xl)}.info-title{font-family:var(--font-mono);font-size:var(--font-2xl);font-weight:800;color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.info-description{color:var(--text-secondary);line-height:1.8;font-size:var(--font-base);max-width:60ch}.contact-methods{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}@media(max-width:768px){.contact-info{text-align:center;align-items:center}}.contact-method{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .3s ease;position:relative;width:100%}.contact-method:hover{border-color:var(--primary-color);background:var(--surface);transform:translate(5px)}.method-icon{width:40px;height:40px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.contact-method:hover .method-icon{background:var(--primary-color);color:var(--bg-primary);border-color:var(--primary-color)}.method-content{display:flex;flex-direction:column}.method-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.method-link{color:var(--text-primary);text-decoration:none;font-family:var(--font-mono);font-size:var(--font-sm);font-weight:600;transition:color .3s ease}.method-link:hover{color:var(--primary-color)}.contact-header{text-align:center;margin-bottom:var(--space-xl)}.contact-title{font-family:var(--font-mono);font-size:var(--font-3xl);font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.contact-subtitle{font-family:var(--font-mono);font-size:var(--font-sm);color:var(--primary-color);opacity:.8;margin-bottom:var(--space-md)}.contact-divider{width:40px;height:2px;background:var(--primary-color);margin:0 auto}.social-section{padding-top:var(--space-lg);border-top:1px solid var(--border);margin-top:var(--space-xl)}.social-title{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--primary-color);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.1em}.social-links{display:flex;gap:var(--space-md);flex-wrap:wrap}.social-link{width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--primary-color);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--primary-color);color:var(--bg-primary);border-color:var(--primary-color);transform:translateY(-3px)}@media(max-width:768px){.social-section{text-align:center}.social-links{justify-content:center}}@media(max-width:480px){.social-link{width:36px;height:36px}}:root{--bg-primary: #0a0b0d;--bg-secondary: #111317;--bg-tertiary: #191c22;--surface: #14161a;--border: #262a31;--border-bright: #3d4452;--primary-color: #00d1ff;--primary-dark: #00a3cc;--secondary-color: #3b82f6;--accent-color: #10b981;--accent-muted: rgba(0, 209, 255, .1);--gradient-tech: linear-gradient(90deg, var(--accent-muted), transparent);--gradient-text: linear-gradient(180deg, #f8fafc 0%, #cbd5e1 100%);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: clamp(.25rem, 1vw, .5rem);--space-sm: clamp(.5rem, 2vw, 1rem);--space-md: clamp(1rem, 3vw, 1.5rem);--space-lg: clamp(1.5rem, 4vw, 2rem);--space-xl: clamp(2rem, 6vw, 3rem);--space-2xl: clamp(3rem, 8vw, 5rem);--font-xs: clamp(.75rem, 1.8vw, .875rem);--font-sm: clamp(.875rem, 2vw, 1rem);--font-base: clamp(1rem, 2.5vw, 1.125rem);--font-lg: clamp(1.125rem, 3vw, 1.25rem);--font-xl: clamp(1.25rem, 3.5vw, 1.5rem);--font-2xl: clamp(1.5rem, 4vw, 2.5rem);--font-3xl: clamp(2rem, 5vw, 2.5rem);--font-4xl: clamp(2.5rem, 6vw, 3.5rem);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--shadow: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100vw}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;position:relative;font-size:var(--font-base);min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;margin:0;padding:0}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:-10;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:50px 50px;opacity:.1;z-index:-9;pointer-events:none}.app-wrapper{min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;overflow-x:hidden;position:relative;z-index:1}.viewport-hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;padding:var(--space-md)}@media(max-width:768px){.viewport-hud{display:none}}.hud-corner{position:absolute;width:40px;height:40px;border:1px solid var(--primary-color);opacity:.3}.hud-top-left{top:20px;left:20px;border-right:none;border-bottom:none}.hud-top-right{top:20px;right:20px;border-left:none;border-bottom:none}.hud-bottom-left{bottom:20px;left:20px;border-right:none;border-top:none}.hud-bottom-right{bottom:20px;right:20px;border-left:none;border-top:none}.hud-line{position:absolute;background:var(--primary-color);opacity:.15}.hud-line-v{width:1px;height:100px}.hud-line-h{height:1px;width:100px}.hud-labels{position:absolute;font-family:var(--font-mono);font-size:10px;color:var(--primary-color);opacity:.5;text-transform:uppercase;letter-spacing:.1em}.hud-label-tl{top:25px;left:70px}.hud-label-tr{top:25px;right:70px}.hud-label-bl{bottom:25px;left:70px}.hud-label-br{bottom:25px;right:70px}.section{padding:var(--space-2xl) 0;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.section:nth-child(2n){background:var(--bg-secondary)}.container{width:100%;max-width:1800px;margin:0 auto;padding:0 5%}.section-header{margin-bottom:var(--space-xl);text-align:center}.section-title{font-size:var(--font-3xl);font-weight:800;margin-bottom:var(--space-xs);background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.05em}.section-subtitle{color:var(--text-secondary);font-size:var(--font-base)}.section-divider{width:60px;height:3px;background:var(--primary-color);margin:var(--space-md) auto 0;border-radius:var(--radius-full);opacity:.8}.font-mono{font-family:var(--font-mono);letter-spacing:-.02em}.tech-border{position:relative;border:1px solid var(--border);background:var(--surface)}.tech-border:before{content:"";position:absolute;top:-1px;left:-1px;width:10px;height:10px;border-top:2px solid var(--primary-color);border-left:2px solid var(--primary-color);z-index:2}.tech-tag{background:var(--bg-tertiary);color:var(--primary-color);border:1px solid var(--border);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);text-transform:uppercase}.tech-tag:before{content:"";width:4px;height:4px;background:var(--primary-color);border-radius:50%;box-shadow:0 0 8px var(--primary-color)}.section-reveal{opacity:0;transform:translateY(30px);filter:blur(5px);transition:all .8s cubic-bezier(.2,0,.2,1)}.section-reveal.active{opacity:1;transform:translateY(0);filter:blur(0)}@media(max-width:768px){.container{padding:0 var(--space-md)}.section{padding:var(--space-xl) 0}.section-title{font-size:var(--font-2xl);letter-spacing:.03em}.section-subtitle{font-size:var(--font-sm)}}@media(max-width:480px){.section{padding:var(--space-lg) 0}.container{padding:0 var(--space-sm)}.section-title{font-size:var(--font-xl)}.section-header{margin-bottom:var(--space-lg)}.tech-tag{font-size:.65rem;padding:.2rem .5rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.fade-in-scale{animation:fadeInScale 1s cubic-bezier(.22,1,.36,1) forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95);filter:blur(10px)}to{opacity:1;transform:scale(1);filter:blur(0)}}