@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--color-slate-950:#061016;--color-slate-900:#071c24;--color-slate-800:#0a2530;--color-slate-700:#0d303b;--color-cyan-400:#22d3ee;--color-blue-400:#4ea3d8;--shadow-cyan:0 0 40px #22d3ee66}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#061016;background:var(--color-slate-950);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@keyframes scan{0%,to{transform:translateY(-100%)}50%{transform:translateY(200%)}}@keyframes scan-vertical{0%,to{transform:translateX(-100%)}50%{transform:translateX(200%)}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-reverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.intro-container{align-items:center;background:linear-gradient(to bottom right,#061016,var(--color-indigo-950),#071c24);background:linear-gradient(to bottom right,var(--color-slate-950),var(--color-indigo-950),var(--color-slate-900));display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;transition:opacity .6s ease,transform .6s ease;z-index:9999}.intro-container.fade-out{opacity:0;pointer-events:none;transform:scale(.98)}.intro-background{inset:0;overflow:hidden;position:absolute}.bg-blob{animation:pulse 3s ease-in-out infinite;border-radius:50%;filter:blur(80px);height:384px;position:absolute;width:384px}.bg-blob-1{background:#a855f71a;left:25%;top:25%}.bg-blob-2{animation-delay:1s;background:#22d3ee1a;bottom:25%;right:25%}.scanning-lines{inset:0;pointer-events:none;position:absolute}.scan-line-horizontal{animation:scan 4s linear infinite;background:linear-gradient(90deg,#0000,#22d3ee4d,#0000);height:1px;position:absolute;width:100%}.scan-line-vertical{animation:scan-vertical 6s linear infinite;background:linear-gradient(180deg,#0000,#a855f74d,#0000);height:100%;position:absolute;width:1px}.portal-container{align-items:center;display:flex;flex-direction:column;position:relative;z-index:10}.portal{height:256px;margin-bottom:2rem;position:relative;width:256px}.ring{border:2px solid;border-radius:50%;inset:0;position:absolute}.ring-1{animation:spin-slow 8s linear infinite;border-color:#22d3ee4d}.ring-2{animation:spin-reverse 6s linear infinite;border-color:#a855f74d;inset:1rem}.ring-3{animation:spin-slow 8s linear infinite;border-color:#60a5fa4d;inset:2rem}.portal-center{inset:0;position:absolute}.portal-center,.portal-eye{align-items:center;display:flex;justify-content:center}.portal-eye{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(to bottom right,#22d3ee33,#9333ea33);border:1px solid #22d3ee80;border-radius:50%;height:128px;width:128px}.eye-icon{animation:pulse 2s ease-in-out infinite;color:#22d3ee;color:var(--color-cyan-400);height:64px;width:64px}.bracket{border:2px solid #22d3ee80;height:32px;position:absolute;width:32px}.bracket-tl{border-right:none;left:0}.bracket-tl,.bracket-tr{border-bottom:none;top:0}.bracket-tr{border-left:none;right:0}.bracket-bl{border-right:none;left:0}.bracket-bl,.bracket-br{border-top:none;bottom:0}.bracket-br{border-left:none;right:0}.loading-text{margin-bottom:2rem;text-align:center}.loading-line{animation:pulse 2s ease-in-out infinite;font-family:monospace;font-size:1.125rem;letter-spacing:.1em;margin-top:.5rem}.loading-line.cyan{color:#22d3ee;color:var(--color-cyan-400)}.loading-line.purple{color:var(--color-purple-400)}.loading-line.blue{color:#4ea3d8;color:var(--color-blue-400)}.enter-button{animation:fade-in .5s ease-out;background:linear-gradient(to right,#22d3ee,var(--color-purple-600));background:linear-gradient(to right,var(--color-cyan-400),var(--color-purple-600));border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:700;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s}.enter-button:hover{box-shadow:0 0 40px #22d3ee66;box-shadow:var(--shadow-cyan);transform:scale(1.05)}.button-content{align-items:center;display:flex;gap:.5rem;position:relative;z-index:10}.chevron-icon{height:20px;transition:transform .3s;width:20px}.enter-button:hover .chevron-icon{transform:translateX(4px)}.button-hover-bg{background:linear-gradient(to right,var(--color-purple-600),#22d3ee);background:linear-gradient(to right,var(--color-purple-600),var(--color-cyan-400));inset:0;opacity:0;position:absolute;transition:opacity .3s}.enter-button:hover .button-hover-bg{opacity:1}.portfolio-container{background:linear-gradient(to bottom right,#061016,#071c24,var(--color-indigo-950));background:linear-gradient(to bottom right,var(--color-slate-950),var(--color-slate-900),var(--color-indigo-950));color:#fff;min-height:100vh;opacity:0;transition:opacity 1s}.portfolio-container.show{opacity:1}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000;position:absolute;top:0;width:100%;z-index:50}.navbar-container{margin:0 auto;max-width:1280px;padding:1rem 1.5rem}.navbar-logo{-webkit-text-fill-color:#0000;background:linear-gradient(to right,#22d3ee,var(--color-purple-600));background:linear-gradient(to right,var(--color-cyan-400),var(--color-purple-600));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.navbar-links{display:flex;gap:2rem}.nav-link{color:#fff;text-decoration:none;transition:color .3s}.nav-link:hover{color:#22d3ee;color:var(--color-cyan-400)}.hero-section{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:5rem;position:relative}.hero-background{inset:0;overflow:hidden;pointer-events:none;position:absolute}.hero-dot{animation:pulse 2s ease-in-out infinite;background:#22d3ee;background:var(--color-cyan-400);border-radius:50%;height:8px;position:absolute;width:8px}.hero-dot-1{left:2.5rem;top:5rem}.hero-dot-2{animation-delay:.3s;background:var(--color-purple-400);right:5rem;top:10rem}.hero-dot-3{animation-delay:.7s;background:var(--color-lime-400);bottom:10rem;left:25%}.hero-line{background:linear-gradient(180deg,#0000,#22d3ee80,#0000);height:5rem;position:absolute;right:33%;top:33%;width:1px}.hero-container{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1280px;padding:0 1.5rem}.hero-content{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;max-width:700px;padding-left:50px;padding-top:0}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e293b80;border:1px solid #94a3b833;border-radius:99px;box-shadow:0 0 15px #22d3ee1a;color:#94a3b8;display:inline-flex;font-family:Courier New,monospace;font-size:.9rem;margin-bottom:1.5rem;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.scramble-highlight{color:#22d3ee;color:var(--color-cyan-400);font-weight:700;text-shadow:0 0 8px #22d3ee99}.hero-title{font-size:3.75rem;font-weight:700;line-height:1.2}.hero-role-container{align-items:center;color:#94a3b8;display:flex;font-family:Courier New,monospace;font-size:2.5rem;margin-bottom:2rem;margin-top:.5rem}.role-prefix{color:var(--color-purple-600);font-weight:700;margin-right:10px}.hero-subtitle{color:var(--color-slate-300);font-size:1.25rem}.hero-buttons{display:flex;gap:1rem;padding-top:1rem}.btn-primary{align-items:center;background:linear-gradient(to right,#22d3ee,var(--color-purple-600));background:linear-gradient(to right,var(--color-cyan-400),var(--color-purple-600));border-radius:.5rem;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:transform .3s,box-shadow .3s}.btn-primary:hover{box-shadow:0 0 40px #22d3ee66;box-shadow:var(--shadow-cyan);transform:scale(1.05)}.btn-secondary{align-items:center;background:#0000;border:2px solid #22d3ee80;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:background .3s}.btn-secondary:hover{background:#22d3ee1a}.btn-icon{height:20px;width:20px}.btn-primary:hover .btn-icon{transform:translateX(4px)}.hero-visual,.visual-panel{position:relative}.visual-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;border:1px solid #22d3ee4d;border-radius:1rem;padding:1.5rem;transition:border-color .3s}.visual-panel:hover{border-color:#22d3ee80}.panel-header{color:#22d3ee;color:var(--color-cyan-400);font-family:monospace;font-size:.75rem;left:1rem;position:absolute;top:1rem}.panel-content{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.visual-main{border:1px solid #22d3ee4d;border-radius:10px;box-shadow:0 0 20px #0486f180;height:600px!important;margin:0 auto;overflow:hidden;position:relative;width:500px!important}.visual-image{height:100%!important;object-fit:cover!important;opacity:.9;width:100%!important}.box-1{background:#a3e6351a;border:2px solid #a3e635!important;border-radius:4px;box-shadow:0 0 15px #a3e63566;height:140px!important;left:38%!important;overflow:hidden;position:absolute;top:26%!important;width:120px!important;z-index:10}.box-1:after{animation:face-scan-loop 2s linear infinite;background:#a3e635;box-shadow:0 0 8px #a3e635;content:"";height:2px;left:0;position:absolute;top:0;width:100%}@keyframes face-scan-loop{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.bounding-box{border-width:1px!important;box-shadow:0 0 10px var(--color-lime-400)}@keyframes cyber-pulse{0%{border-color:#22d3ee;border-color:var(--color-cyan-400);box-shadow:0 0 15px #22d3ee33}to{border-color:#fff;box-shadow:0 0 30px #22d3ee99,inset 0 0 20px #22d3ee4d}}.visual-label{background:#0f172ae6;border-radius:.25rem;bottom:290px;color:var(--color-lime-400);font-family:monospace;font-size:.75rem;left:310px;padding:.25rem .5rem;position:absolute}.visual-label-cyan{color:#22d3ee;color:var(--color-cyan-400)}.visual-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.visual-item{background:#1e293b80;border:1px solid #22d3ee4d;border-radius:.5rem;height:6rem;overflow:hidden;position:relative}.visual-item-code{align-items:center;border-color:#a855f74d;display:flex;justify-content:center}.code-icon{color:var(--color-purple-400);height:2rem;width:2rem}.pixel-blast-container{height:100%;overflow:hidden;position:relative;width:100%}.pixel-blast-wrapper{height:100%;left:0;opacity:.6;pointer-events:auto;position:absolute;top:0;width:100%;z-index:0}.hero-container{pointer-events:none;position:relative;z-index:10}.hero-buttons,.hero-content,.hero-visual,.navbar{pointer-events:auto!important}.cyber-glitch-text{font-family:Noto Sans JP,sans-serif;font-weight:900;letter-spacing:0;text-shadow:0 0 8px #22d3ee;text-shadow:0 0 8px var(--color-cyan-400);text-transform:uppercase}@keyframes led-pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.projects-section{padding:5rem 1.5rem}.projects-container{margin:0 auto;max-width:1280px}.section-title{align-items:center;display:flex;font-size:3rem;font-weight:700;gap:1rem;margin-bottom:1rem}.title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(to right,#22d3ee,var(--color-purple-600));background:linear-gradient(to right,var(--color-cyan-400),var(--color-purple-600));-webkit-background-clip:text;background-clip:text}.title-line{background:linear-gradient(90deg,#9333ea80,#0000);border-radius:2px;flex:1 1;height:4px}.section-subtitle{color:var(--color-slate-400);font-size:1.125rem;margin-bottom:3rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;border:1px solid #22d3ee33;border-radius:.75rem;overflow:hidden;position:relative;transition:all .3s}.project-card:hover{border-color:#22d3ee80;box-shadow:0 20px 40px #22d3ee33;transform:translateY(-8px)}.project-badge{background:var(--color-purple-600);border-radius:9999px;font-size:.75rem;font-weight:700;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem;z-index:20}.project-image-container{height:14rem;overflow:hidden;position:relative}.project-image{height:100%;object-fit:cover;opacity:.7;transition:transform .5s;width:100%}.project-card:hover .project-image{transform:scale(1.1)}.project-bbox{border:2px solid var(--color-lime-400);position:absolute;transition:border-color .3s}.project-card:hover .project-bbox{border-color:#22d3ee;border-color:var(--color-cyan-400)}.bbox-label{background:var(--color-lime-400);color:#071c24;color:var(--color-slate-900);font-size:.75rem;font-weight:700;left:0;padding:.25rem .5rem;position:absolute;top:-1.5rem;transition:background .3s}.project-card:hover .bbox-label{background:#22d3ee;background:var(--color-cyan-400)}.project-overlay{background:linear-gradient(0deg,#071c24,#0000);background:linear-gradient(to top,var(--color-slate-900),#0000);inset:0;position:absolute}.project-content{padding:1.5rem}.project-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;transition:color .3s}.project-card:hover .project-title{color:#22d3ee;color:var(--color-cyan-400)}.project-description{color:var(--color-slate-400);line-height:1.6;margin-bottom:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag{background:#1e293b80;border:1px solid #22d3ee4d;border-radius:9999px;color:#22d3ee;color:var(--color-cyan-400);font-family:monospace;font-size:.75rem;padding:.25rem .75rem}.project-hover-glow{background:linear-gradient(0deg,#0000,#0000,#22d3ee1a);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s}.project-card:hover .project-hover-glow{opacity:1}.status-badge-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ff8c0026;border:1px solid #ff8c00;border-radius:4px;box-shadow:0 0 10px #ff8c0033;color:#f6ee06;display:flex;font-family:Courier New,monospace;font-size:.7rem;font-weight:700;gap:6px;letter-spacing:1px;padding:4px 10px;position:absolute;right:10px;text-transform:uppercase;top:10px;z-index:20}.status-icon-spin{animation:construction-pulse 2s ease-in-out infinite}@keyframes construction-pulse{0%,to{opacity:1;transform:rotate(0deg)}50%{opacity:.7;transform:rotate(-15deg)}}.stacking-section{padding:6rem 1.5rem;position:relative}.cyber-stack-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ae6;border:1px solid #22d3ee33;border-radius:16px;box-shadow:0 10px 40px #0009;margin-bottom:4rem;max-width:900px;min-height:auto;overflow:hidden;padding:2.5rem;position:-webkit-sticky;position:sticky;top:150px;transition:transform .4s ease,border-color .3s ease;width:100%;z-index:10}.align-left{margin-left:5%;margin-right:auto}.align-right{margin-left:auto;margin-right:5%}.cyber-stack-card:hover{border-color:#22d3ee;border-color:var(--color-cyan-400);transform:translateY(-5px)}.card-visual{border:1px solid #a855f74d;border-radius:8px;height:300px;overflow:hidden;position:relative}.card-img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity .5s ease,transform .5s ease;width:100%}.img-back{transform:scale(1.1)}.cyber-stack-card:hover .img-back{opacity:1;transform:scale(1)}.cyber-stack-card:hover .img-front{opacity:0}.glitch-bottom,.glitch-top{opacity:0;pointer-events:none;transition:opacity .15s linear;will-change:transform,clip-path,opacity}.glitch-top{filter:hue-rotate(-20deg) saturate(140%) contrast(110%);mix-blend-mode:screen;z-index:3}.glitch-bottom{filter:hue-rotate(30deg) saturate(150%) contrast(110%);mix-blend-mode:screen;z-index:4}.card-visual:hover .glitch-top{animation:glitch-top .7s steps(4) infinite;opacity:1}.card-visual:hover .glitch-bottom{animation:glitch-bottom .9s steps(6) infinite;opacity:1}@keyframes glitch-top{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0)}10%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0);transform:translate(-8px,-2px)}30%{-webkit-clip-path:inset(60% 0 10% 0);clip-path:inset(60% 0 10% 0);transform:translate(6px,-4px)}50%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0);transform:translate(-4px,2px)}70%{-webkit-clip-path:inset(5% 0 70% 0);clip-path:inset(5% 0 70% 0);transform:translate(8px,-1px)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes glitch-bottom{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0)}12%{-webkit-clip-path:inset(40% 0 10% 0);clip-path:inset(40% 0 10% 0);transform:translate(10px,3px) scaleX(1.01)}36%{-webkit-clip-path:inset(10% 0 50% 0);clip-path:inset(10% 0 50% 0);transform:translate(-6px,2px) scaleX(.99)}60%{-webkit-clip-path:inset(60% 0 5% 0);clip-path:inset(60% 0 5% 0);transform:translate(4px,-3px)}88%{-webkit-clip-path:inset(20% 0 40% 0);clip-path:inset(20% 0 40% 0);transform:translate(-2px,1px)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0)}}.card-img{pointer-events:none}.card-header-bar{align-items:center;border-bottom:1px solid #22d3ee1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.5rem}.card-number{color:#22d3ee;color:var(--color-cyan-400);font-family:Courier New,monospace;font-weight:700}.card-grid{grid-gap:2.5rem;align-items:center;display:grid;gap:2.5rem;grid-template-columns:1fr 1fr}.card-title{color:#fff;font-size:2rem;font-weight:800;margin-bottom:1rem}.wheel-section{align-items:center;background:radial-gradient(1200px 600px at 20% 15%,#22d3ee26,#0000 15%),radial-gradient(900px 400px at 85% 85%,#a05aff1f,#0000 15%),linear-gradient(to bottom right,#071c24,var(--color-indigo-950),var(--color-indigo-950));background:radial-gradient(1200px 600px at 20% 15%,#22d3ee26,#0000 15%),radial-gradient(900px 400px at 85% 85%,#a05aff1f,#0000 15%),linear-gradient(to bottom right,var(--color-slate-900),var(--color-indigo-950),var(--color-indigo-950));display:flex;flex-direction:column;height:110vh;justify-content:center;min-height:900px;overflow:hidden}.wheel-scene,.wheel-section{perspective:2000px;position:relative}.wheel-scene{height:520px;margin-top:0;transform-style:preserve-3d;width:340px}.wheel-carousel{transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.wheel-card,.wheel-carousel{height:100%;position:absolute;width:100%}.wheel-card{background:#0f172ad9;border:1px solid #22d3ee33;border-radius:24px;box-shadow:0 20px 50px #000c;cursor:pointer;display:flex;flex-direction:column;left:0;overflow:hidden;top:0;transition:border-color .3s,transform .3s,box-shadow .3s}.wheel-card:hover{border-color:#22d3ee;border-color:var(--color-cyan-400);box-shadow:0 0 30px #22d3ee4d}.wheel-visual{border-bottom:1px solid #22d3ee1a;height:250px;overflow:hidden;position:relative}.wheel-img{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.img-back{left:0;opacity:0;position:absolute;top:0;z-index:2}.img-front{opacity:1;z-index:1}.wheel-card:hover .img-back{opacity:1}.wheel-card:hover .img-front{opacity:0}.curved-overlay{background:linear-gradient(90deg,#0006,#ffffff1a 20%,#fff0 50%,#ffffff1a 80%,#0006);box-shadow:inset 0 0 20px #00000080;inset:0;pointer-events:none;position:absolute;z-index:3}.wheel-info{background:linear-gradient(180deg,#0f172ae6,#0f172a);display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.wheel-header{display:flex;justify-content:flex-end;margin-bottom:.5rem}.wheel-title{color:#fff;font-size:1.8rem;font-weight:800;line-height:1.1;margin-bottom:.75rem}.wheel-desc{-webkit-line-clamp:7;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:1rem;line-height:1.9;margin-bottom:1.5rem;overflow:hidden}.wheel-btn{align-items:center;background:#22d3ee0d;border:1px solid #22d3ee;border:1px solid var(--color-cyan-400);border-radius:8px;color:#fff;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;margin-top:auto;padding:1rem;text-decoration:none;transition:all .3s;z-index:10}.wheel-btn:hover{background:#22d3ee;background:var(--color-cyan-400);box-shadow:0 0 15px #22d3ee;box-shadow:0 0 15px var(--color-cyan-400);color:#000}.dyson-core{align-items:center;display:flex;height:150px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px}.star-surface{animation:star-pulse 4s infinite alternate;background:radial-gradient(circle at 30% 30%,#fff,#22d3ee,#1e1b4b);border-radius:50%;box-shadow:0 0 60px #22d3eecc;height:80px;width:80px;z-index:5}.orbital-ring{border:1px solid #ffffff1a;border-radius:50%;position:absolute;transform-style:preserve-3d}.ring-1{animation:spin-slow 20s linear infinite;border-color:#22d3ee33;height:250px;width:250px}.ring-2{animation:spin-reverse 30s linear infinite;border-color:#c084fc1a;height:400px;width:400px}@keyframes star-pulse{0%{filter:brightness(1);transform:scale(1)}to{filter:brightness(1.3);transform:scale(1.1)}}.hud-status-panel{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;border:1px solid #22d3ee4d;border-radius:50px;box-shadow:0 0 20px #00000080;display:flex;gap:1rem;margin-top:4rem;padding:.8rem 1.5rem;transition:all .3s ease}.hud-status-panel.active{border-color:#06f94f;box-shadow:0 0 25px #a3e63526}.hud-status-panel.active .hud-value{color:#1df306;text-shadow:0 0 8px #12d52299}.hud-status-panel.active .hud-disc-icon{animation:hud-spin 2s linear infinite;color:#a3e635}.hud-status-panel.active .hud-led{animation:hud-pulse 1.5s ease-in-out infinite;color:#a3e635}.hud-status-panel.paused{background:#0f172af2;border-color:#f87171;box-shadow:0 0 15px #f871711a}.hud-status-panel.paused .hud-value{color:#f87171}.hud-status-panel.paused .hud-disc-icon{animation:none;color:#64748b;transform:rotate(45deg)}.hud-status-panel.paused .hud-led{color:#f87171;opacity:.5}.hud-text-wrapper{display:flex;flex-direction:column}.hud-label{color:#64748b;font-family:Courier New,monospace;font-size:.7rem;letter-spacing:1px}.hud-value{font-family:Noto Sans JP,sans-serif;font-size:.9rem;font-weight:800;letter-spacing:1px;transition:color .3s ease}@keyframes hud-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes hud-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.mini-status-pill{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172acc;border:1px solid #22d3ee4d;border-radius:99px;bottom:2rem;display:flex;font-family:monospace;font-size:.8rem;gap:.5rem;padding:.5rem 1rem;position:absolute;right:2rem;transition:all .3s;z-index:20}.mini-status-pill.active{border-color:#a3e635;box-shadow:0 0 15px #a3e63533;color:#a3e635}.mini-status-pill.paused{border-color:#f87171;box-shadow:0 0 15px #f8717133;color:#f87171}.status-icon{animation:pulse 1s infinite}:root{--bg-dark:#061016;--panel-dark:#ffffff0a;--glass:#ffffff08;--neon-cyan:#00f0ff;--neon-purple:#b07bff;--neon-green:#0f8;--muted:#a9c0c9;--accent:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple))}.about-section{background:radial-gradient(1200px 600px at 10% 10%,#00788c0f,#0000 10%),radial-gradient(900px 400px at 90% 90%,#a05aff0a,#0000 10%),#061016;background:radial-gradient(1200px 600px at 10% 10%,#00788c0f,#0000 10%),radial-gradient(900px 400px at 90% 90%,#a05aff0a,#0000 10%),var(--bg-dark);color:#eaf6fb;overflow:hidden;padding:6rem 2rem;position:relative}.neural-network-bg{inset:0;mix-blend-mode:screen;opacity:.45;pointer-events:none;position:absolute;z-index:0}.neural-network-bg:after,.neural-network-bg:before{content:"";filter:blur(80px);height:420px;opacity:.6;position:absolute;transform:translateZ(0);width:680px}.neural-network-bg:before{animation:floatSlow 12s ease-in-out infinite;background:radial-gradient(circle,#00f0ff2e,#0000 40%);left:-8%;top:-10%}.neural-network-bg:after{animation:floatSlow 15s ease-in-out infinite;background:radial-gradient(circle,#b07bff24,#0000 40%);bottom:-6%;right:-8%}@keyframes floatSlow{0%{transform:translateY(0)}50%{transform:translateY(24px)}to{transform:translateY(0)}}.about-container{grid-gap:48px;align-items:start;display:grid;gap:48px;grid-template-columns:1fr 420px;margin:0 auto;max-width:1200px;position:relative;z-index:2}.about-panel{-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid #ffffff0a;border-radius:14px;box-shadow:0 8px 30px #030c1499,inset 0 1px 0 #ffffff05;min-height:220px;padding:36px}.about-title-main{color:#a9c0c9;color:var(--muted);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:.95rem;letter-spacing:2px;margin:0 0 14px}.about-title-main .mono{color:#00f0ff;color:var(--neon-cyan);margin-right:8px}.accent-mono{color:#64ffda;font-family:Courier New,monospace;font-size:1.5rem;vertical-align:middle}.about-text{color:#cfeff5;font-size:1rem;line-height:1.6;margin:.6rem 0}.lead{color:#e9fbff;font-size:1.06rem}.accent-highlight{color:#64ffda}.code-snippet{background:#64ffda1a;border-radius:4px;color:#64ffda;font-family:monospace;padding:.2rem .4rem}.skills-panel{min-height:280px;padding:18px;position:relative}.skills-title{color:#a9c0c9;color:var(--muted);font-size:.85rem;letter-spacing:1.5px;margin:0 0 12px;text-align:center}.bubbles-wrapper{background:linear-gradient(180deg,#ffffff03,#fff0);border:1px solid #ffffff08;border-radius:12px;box-shadow:0 6px 18px #02060a99;display:block;height:320px;overflow:hidden;padding:16px;position:relative;width:100%}.skill-bubble{align-items:center;animation-iteration-count:infinite;animation-name:floatBubble;animation-timing-function:ease-in-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#00f0ff0f,#b07bff0f);border:1px solid #ffffff0a;border-radius:999px;box-shadow:0 4px 18px #02080c99;color:#dffbff;cursor:default;display:inline-flex;font-size:.88rem;justify-content:center;padding:10px 14px;position:absolute;transform-origin:center;transition:transform .22s ease,box-shadow .22s ease;-webkit-user-select:none;user-select:none}.skill-bubble:hover{box-shadow:0 10px 30px #00000080;transform:translateY(-6px) scale(1.03)}@keyframes floatBubble{0%{transform:translateY(0)}50%{transform:translateY(-18px)}to{transform:translateY(0)}}.skills-grid{display:flex;flex-wrap:wrap;gap:1rem}.skill-tag{align-items:center;animation-iteration-count:infinite;animation-name:float;animation-timing-function:ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;color:#ccd6f6;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.skill-tag:hover{background:#64ffda1a;border-color:#64ffda;color:#64ffda;transform:translateY(-5px)}.skill-dot{background-color:#64ffda;border-radius:50%;box-shadow:0 0 5px #64ffda;height:6px;width:6px}.contact-section{background:radial-gradient(1200px 600px at 50% 0,#22d3ee24,#0000 20%),radial-gradient(800px 500px at 20% 100%,#a05aff1a,#0000 20%),linear-gradient(to bottom right,var(--color-indigo-950),#071c24,#061016);background:radial-gradient(1200px 600px at 50% 0,#22d3ee24,#0000 20%),radial-gradient(800px 500px at 20% 100%,#a05aff1a,#0000 20%),linear-gradient(to bottom right,var(--color-indigo-950),var(--color-slate-900),var(--color-slate-950));padding:5rem 1.5rem}.contact-container{margin:0 auto;max-width:1024px;text-align:center}.contact-title{font-size:3rem;font-weight:700;margin-bottom:1.5rem}.contact-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64ffda,#04ecba);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;filter:drop-shadow(0 0 5px rgba(57,255,20,.4));font-weight:800}.contact-subtitle{color:var(--color-slate-400);font-size:1.25rem;margin-bottom:3rem}.contact-links{gap:1.5rem}.contact-icon-link,.contact-links{display:flex;justify-content:center}.contact-icon-link{align-items:center;background:#0f172a80;border:1px solid #22d3ee4d;border-radius:.75rem;padding:1rem;text-decoration:none;transition:all .3s}.contact-icon-link:hover{background:#22d3ee1a;border-color:#22d3ee;border-color:var(--color-cyan-400);transform:translateY(-4px)}.contact-icon{color:var(--color-slate-300);height:32px;transition:color .3s;width:32px}.contact-icon-link:hover .contact-icon{color:#22d3ee;color:var(--color-cyan-400)}a[href^="mailto:"] .contact-icon{color:var(--color-purple-600)}.footer{border-top:1px solid #22d3ee33;padding:2rem 1.5rem}.footer-container{margin:0 auto;max-width:1280px;text-align:center}.footer-text{color:var(--color-slate-500);font-family:monospace}.video-transition-container{align-items:center;background:#000;display:flex;inset:0;justify-content:center;opacity:1;overflow:hidden;position:fixed;transition:opacity 1s ease-in-out;z-index:9999}.video-transition-container.fade-enter{opacity:0}.video-transition-container.fade-out{opacity:0;pointer-events:none}.transition-video{height:100vh;object-fit:cover;width:100vw}.scroll-messages-container{align-items:center;animation:containerFadeIn 1s ease-out;background:linear-gradient(to bottom right,#061016,var(--color-indigo-950),#071c24);background:linear-gradient(to bottom right,var(--color-slate-950),var(--color-indigo-950),var(--color-slate-900));display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9998}@keyframes containerFadeIn{0%{opacity:0}to{opacity:1}}.messages-background{inset:0;overflow:hidden;position:absolute}.message-display{position:relative;text-align:center;transition:all .6s cubic-bezier(.4,0,.2,1);z-index:10}.message-display,.message-display.fade-in{opacity:1;transform:translateY(0) scale(1)}.message-display.fade-out{opacity:0;transform:translateY(-30px) scale(.95);transition:all .4s cubic-bezier(.4,0,.2,1)}.message-text{align-items:center;display:flex;font-size:4rem;font-weight:700;justify-content:center;margin-bottom:3rem;min-height:5rem;transition:all .3s ease}.normal-text{-webkit-text-fill-color:#0000;background:linear-gradient(to right,#22d3ee,var(--color-purple-400),#4ea3d8);background:linear-gradient(to right,var(--color-cyan-400),var(--color-purple-400),var(--color-blue-400));-webkit-background-clip:text;background-clip:text}.terminal-text{-webkit-text-fill-color:#0f5!important;background:none!important;-webkit-background-clip:unset!important;color:#0f5!important;font-family:Courier New,monospace;font-size:3rem;letter-spacing:2px;text-shadow:none;text-transform:uppercase}.terminal-text .cursor{color:#00ff41}.message-progress{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.progress-dot{background:#22d3ee4d;border:2px solid #22d3ee80;border-radius:50%;height:12px;transition:all .3s;width:12px}.progress-dot.active{background:#22d3ee;background:var(--color-cyan-400);border-color:#22d3ee;border-color:var(--color-cyan-400);box-shadow:0 0 20px #22d3eecc;transform:scale(1.3)}.progress-dot.completed{background:var(--color-purple-600);border-color:var(--color-purple-600)}.scroll-hint{align-items:center;animation:fadeInBounce .5s ease-out,bounce 2s ease-in-out .5s infinite;color:var(--color-slate-400);display:flex;flex-direction:column;font-size:1rem;gap:.5rem}@keyframes fadeInBounce{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scroll-arrow{font-size:2rem}.cursor,.scroll-arrow{color:#22d3ee;color:var(--color-cyan-400)}.cursor{animation:blink 1s step-end infinite;display:inline-block;font-weight:400;margin-left:.2rem}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.skip-video-button{animation:fadeInSlide .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22d3ee33;border:2px solid #22d3ee80;border-radius:8px;bottom:2rem;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;position:absolute;right:2rem;transition:all .3s,opacity .5s ease-in-out;z-index:10000}.skip-video-button.fade-out{opacity:0;pointer-events:none}.skip-video-button:hover{background:#22d3eecc;border-color:#22d3ee;border-color:var(--color-cyan-400);transform:scale(1.05)}.skip-video-button-center{background:linear-gradient(to right,#22d3ee,var(--color-purple-600));background:linear-gradient(to right,var(--color-cyan-400),var(--color-purple-600));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:transform .3s}.skip-video-button-center:hover{transform:scale(1.05)}.skip-messages-button{animation:fadeInSlide .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22d3ee1a;border:2px solid #22d3ee4d;border-radius:8px;color:#22d3ee;color:var(--color-cyan-400);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;position:absolute;right:2rem;top:2rem;transition:all .3s;z-index:10000}@keyframes fadeInSlide{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.skip-messages-button:hover{background:#22d3ee33;border-color:#22d3ee;border-color:var(--color-cyan-400);transform:translateX(-5px)}.optical-bg-base{background:radial-gradient(circle at center,#111827 0,#000 70%);inset:0;position:absolute;z-index:0}@keyframes dust-float{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.intro-content{flex-direction:column;transition:transform .1s ease-out;z-index:10}.intro-content,.portal-container.lens-mode{align-items:center;display:flex;position:relative}.portal-container.lens-mode{height:240px;justify-content:center;margin-bottom:2.5rem;width:240px}.lens-ring{border:1px solid #22d3ee26;border-radius:50%;position:absolute}.lens-1{animation:spin-slow 4s linear infinite;border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;border-top-color:#22d3ee;border-top-color:var(--color-cyan-400);height:100%;width:100%}.lens-2{animation:spin-reverse 8s cubic-bezier(.4,0,.2,1) infinite;border:2px solid #ffffff1a;border-left-color:#22d3ee;border-left:2px solid var(--color-cyan-400);border-right:2px solid #22d3ee;border-right:2px solid var(--color-cyan-400);height:75%;width:75%}.lens-3{animation:spin-slow 20s linear infinite;border:1px dashed #22d3ee66;height:50%;width:50%}.intro-icon-lens{animation:lens-breathe 3s ease-in-out infinite;color:#fff;filter:drop-shadow(0 0 20px #22d3ee);filter:drop-shadow(0 0 20px var(--color-cyan-400))}.intro-title{color:#fff;font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:900;letter-spacing:6px;margin-bottom:.5rem;text-shadow:0 4px 10px #00000080}.intro-subtitle{color:#64748b;font-family:Noto Sans JP,sans-serif;font-size:.9rem;font-weight:300;letter-spacing:4px;margin-bottom:3rem}@keyframes lens-zoom-in{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(30)}}@keyframes lens-breathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.intro-container.warp-speed{opacity:0;pointer-events:none}.warp-speed .intro-content{animation:lens-zoom-in 1s cubic-bezier(.7,0,.3,1) forwards}.cyber-btn{background:#020617cc;border:0;box-shadow:inset 0 0 0 2px #22d3ee;box-shadow:inset 0 0 0 2px var(--color-cyan-400);-webkit-clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);color:#22d3ee;color:var(--color-cyan-400);cursor:pointer;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:900;letter-spacing:3px;margin-top:3rem;overflow:hidden;padding:1.2rem 3rem;position:relative;text-transform:uppercase;transition:all .3s ease}.cyber-btn:hover{box-shadow:inset 0 0 0 2px #22d3ee,0 0 40px #22d3ee;box-shadow:inset 0 0 0 2px var(--color-cyan-400),0 0 40px var(--color-cyan-400);transform:scale(1.05)}.cyber-btn-text:before,.cyber-btn:hover{background:#22d3ee;background:var(--color-cyan-400);color:#020617}.cyber-btn-text:before{content:attr(data-text);height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:-1}.cyber-btn:hover .cyber-btn-text:before{animation:glitch-text .3s cubic-bezier(.25,.46,.45,.94) infinite both;opacity:1}.cyber-btn-tag{bottom:5px;color:#ffffff80;font-family:monospace;font-size:.6rem;letter-spacing:1px;position:absolute;right:8px}.cyber-btn:hover .cyber-btn-tag{color:#0009}.cyber-btn:after{background:linear-gradient(90deg,#0000,#fffc,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);transition:left .5s;width:100%}.cyber-btn:hover:after{left:200%;transition:left .5s}@keyframes glitch-text{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.grid-scan-transition{animation:grid-exit .5s ease 3s forwards;background:#000;inset:0;position:fixed;z-index:9998}@keyframes grid-exit{0%{opacity:1}to{opacity:0}}.grid-scan-fade-wrapper{animation:grid-fade-out .5s ease 3.5s forwards;inset:0;position:fixed;z-index:9998}@keyframes grid-fade-out{0%{opacity:1}to{opacity:0}}.scramble-text{color:#22d3ee;color:var(--color-cyan-400);display:inline-block;font-family:Courier New,monospace;font-weight:700;letter-spacing:.05em;min-width:200px;text-shadow:0 0 5px #22d3ee80}@media (max-width:768px){body{overflow-x:hidden}.contact-section,.projects-section{padding:3rem 1.25rem}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar-container{padding:.75rem 1rem}.navbar-logo{font-size:1.25rem}.navbar-links{gap:1rem}.nav-link{font-size:.9rem}.hero-section{min-height:auto;padding:5rem 0 3rem}.hero-container{gap:2rem;grid-template-columns:1fr;padding:0 1.25rem}.hero-content{max-width:100%;padding-left:0;padding-top:1rem;text-align:center}.hero-badge{font-size:.75rem;margin:0 auto 1rem;padding:.4rem .85rem}.hero-title{font-size:2rem;line-height:1.1}.cyber-glitch-text{font-size:2rem!important}.hero-role-container,.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column;gap:.75rem;width:100%}.btn-primary,.btn-secondary{font-size:.95rem;justify-content:center;padding:.85rem 1.25rem;width:100%}.hero-visual{margin:0 auto;max-width:320px;order:-1}.visual-panel{padding:1rem}.visual-main{height:380px!important;margin:0 auto;width:280px!important}.box-1{height:110px!important;left:35%!important;top:28%!important;width:90px!important}.visual-label{bottom:200px;font-size:.65rem;left:200px}.pixel-blast-wrapper{opacity:.3}.section-title{align-items:flex-start;flex-direction:column;font-size:2rem;gap:.5rem}.title-line{height:3px;width:60%}.section-subtitle{font-size:1rem;margin-bottom:2rem}.projects-grid{gap:1.25rem;grid-template-columns:1fr}.project-card{border-radius:.75rem}.project-image-container{height:12rem}.project-content{padding:1.25rem}.project-title{font-size:1.3rem}.project-description{font-size:.95rem;line-height:1.5}.project-tags{gap:.4rem}.project-tag{font-size:.7rem;padding:.2rem .6rem}.stacking-section{padding:3rem 1rem}.cyber-stack-card{margin:0 0 2rem!important;max-width:100%;padding:1.5rem;position:relative!important;top:auto!important}.align-left,.align-right{margin-left:0!important;margin-right:0!important}.card-grid{gap:1.5rem;grid-template-columns:1fr}.card-visual{height:220px}.card-title{font-size:1.5rem}.card-header-bar{margin-bottom:1rem}.wheel-section{height:auto;min-height:650px;padding:3rem 1rem}.wheel-scene{height:400px;margin-top:1rem;width:280px}.wheel-visual{height:160px}.wheel-title{font-size:1.2rem}.wheel-desc{-webkit-line-clamp:3;font-size:.85rem}.hud-status-panel,.mini-status-pill{display:none}.dyson-core{height:120px;width:120px}.star-surface{height:60px;width:60px}.ring-1{height:180px;width:180px}.ring-2{height:280px;width:280px}.about-section{min-height:auto;padding:3rem 1.25rem!important}.about-container{gap:2.5rem;grid-template-columns:1fr}.about-title-main{font-size:2rem;text-align:center}.about-text{font-size:1rem;text-align:left}.about-text.lead{font-size:1.1rem}.skills-title{margin-bottom:1.5rem;text-align:center}.skills-grid{gap:.75rem;justify-content:center}.skill-tag{font-size:.85rem;padding:.6rem 1rem}.bubbles-wrapper{height:280px;padding:12px}.skill-bubble{font-size:.8rem;padding:8px 12px}.contact-section{padding:3rem 1.25rem}.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem;margin-bottom:2rem}.contact-links{flex-wrap:wrap;gap:1rem}.contact-icon-link{padding:.85rem}.contact-icon{height:28px;width:28px}.portal-container.lens-mode{height:180px;margin-bottom:2rem;width:180px}.intro-title{font-size:2.25rem;letter-spacing:3px}.intro-subtitle{font-size:.75rem;letter-spacing:2px}.cyber-btn{font-size:1rem;letter-spacing:2px;padding:1rem 2rem}.message-text{font-size:1.6rem!important;min-height:4rem;padding:0 1.5rem}.terminal-text{font-size:1.3rem!important}.message-progress{gap:.75rem;margin-bottom:1.5rem}.progress-dot{height:10px;width:10px}.scroll-hint{font-size:.9rem}.scroll-arrow{font-size:1.5rem}.skip-messages-button,.skip-video-button{border-radius:999px!important;bottom:1.5rem!important;font-size:.95rem!important;left:50%!important;max-width:400px;padding:.85rem 1.25rem!important;position:fixed!important;right:auto!important;top:auto!important;transform:translateX(-50%)!important;width:calc(100% - 2.5rem)!important;z-index:10001!important}.skip-video-button-center{bottom:4rem;font-size:1rem;padding:.85rem 1.5rem}.footer{padding:2rem 1.25rem}.footer-text{font-size:.85rem}}@media (max-width:420px){.hero-title{font-size:1.75rem}.cyber-glitch-text{font-size:1.75rem!important}.hero-badge{font-size:.7rem;padding:.35rem .75rem}.visual-main{height:320px!important;width:240px!important}.box-1{height:95px!important;width:75px!important}.project-image-container{height:10rem}.card-visual{height:180px}.message-text{font-size:1.4rem!important}.terminal-text{font-size:1.1rem!important}.contact-links{gap:.75rem}.wheel-scene{height:380px;width:260px}.intro-title{font-size:2rem}.cyber-btn{font-size:.95rem;padding:.9rem 1.75rem}}@media (max-width:380px){.visual-main{height:280px!important;width:220px!important}.box-1{height:85px!important;width:65px!important}.project-image-container{height:8.5rem!important}.card-visual{height:150px!important}.project-content{padding:1rem!important}.project-title{font-size:1.15rem!important}.project-description{font-size:.9rem!important;line-height:1.4!important}.projects-grid{gap:1rem!important}.about-section,.projects-section,.stacking-section{padding-bottom:2rem!important;padding-top:2rem!important}.skip-messages-button,.skip-video-button{bottom:1rem!important;font-size:.9rem!important;padding:.75rem 1rem!important}.wheel-scene{height:360px;width:240px}.message-text{font-size:1.2rem!important}}@media (max-width:1024px) and (min-width:769px){.hero-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:980px){.about-container{gap:2rem;grid-template-columns:1fr}.bubbles-wrapper{height:260px}}.navbar-container{align-items:center;background:linear-gradient(180deg,#020617cc 0,#0000);display:flex;justify-content:space-between;left:0;padding:1.5rem 3rem;position:fixed;top:0;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s ease;width:100%;z-index:999}.nav-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.nav-visible{opacity:1;pointer-events:auto;transform:translateY(0)}@media (max-width:768px){.navbar-container{padding:1rem 1.5rem}}.logo-icon-link,.navbar-left{align-items:center;display:flex}.logo-icon-link{color:#fff;gap:.8rem;text-decoration:none}.logo-text{color:#fff;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:2px;text-shadow:0 0 10px #22d3ee80}.pill-nav{--nav-h:44px;--pill-pad-x:20px;--pill-gap:4px}.pill-nav,.pill-nav-items{align-items:center;display:flex}.pill-nav-items{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b112199;border:none;border-radius:9999px;box-shadow:0 0 20px #0003;height:var(--nav-h);padding:4px;position:relative}.pill-list{align-items:stretch;gap:var(--pill-gap);list-style:none;margin:0;padding:0}.pill-list,.pill-list>li{display:flex;height:100%}.pill{align-items:center;background:#0000;border-radius:9999px;color:var(--pill-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;height:100%;justify-content:center;letter-spacing:1px;overflow:hidden;padding:0 var(--pill-pad-x);position:relative;text-decoration:none;text-transform:uppercase;white-space:nowrap}.pill .hover-circle{background:var(--base);border-radius:50%;bottom:0;display:block;left:50%;pointer-events:none;position:absolute;z-index:1}.pill .label-stack{position:relative;z-index:2}.pill .pill-label-hover{color:var(--hover-text);left:0;position:absolute;top:0;z-index:3}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}}.mobile-menu-button{align-items:center;background:#0f172acc;border:1px solid var(--base);border-radius:50%;cursor:pointer;display:none;flex-direction:column;gap:4px;height:44px;justify-content:center;width:44px}@media (max-width:768px){.mobile-menu-button{display:flex}}.hamburger-line{background:var(--base);border-radius:1px;height:2px;width:18px}.mobile-menu-popover{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172af2;border:1px solid var(--base);border-radius:12px;opacity:0;position:absolute;right:1.5rem;top:5rem;visibility:hidden;width:200px;z-index:998}.mobile-menu-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:.5rem}.mobile-menu-link{border-radius:8px;color:#fff;display:block;font-weight:600;padding:12px 16px;text-align:center;text-decoration:none;transition:background .3s}.mobile-menu-link:hover{background:#22d3ee1a;color:var(--base)}.particles-container{height:100%;position:relative;width:100%}
/*# sourceMappingURL=main.a2cb9c55.css.map*/