@layer base{:root{--neon-cyan:#00f5ff;--neon-pink:#ff0080;--neon-red:#cc1a1a;--neon-orange:#f40;--neon-purple:#c830ff;--status-green:#0f8;--dark-void:#020408;--dark-surface:#060d14;--dark-panel:#0a1520;--text-primary:#e8f4f8;--text-muted:#5a9aae;--grid-line:#00f5ff0f;--layout-max-width:1400px;--layout-gutter:40px;--section-block-padding:100px;--header-height:4rem;--transition-base:.3s ease}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0}nav ul,nav ol{margin:0;padding:0;list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--dark-void);color:var(--text-primary);cursor:none;font-family:Rajdhani,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--dark-void)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--neon-cyan), var(--neon-pink));box-shadow:0 0 10px var(--neon-cyan)}::selection{background-color:var(--neon-pink);color:var(--dark-void)}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}a{color:var(--neon-cyan);text-underline-offset:.25em}}@layer layout{.container{max-width:var(--layout-max-width);padding-inline:var(--layout-gutter);z-index:10;margin-inline:auto;position:relative}.section{padding:var(--section-block-padding) 0;z-index:10;position:relative}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:60px;display:flex}.section-tag{color:var(--neon-pink);letter-spacing:.3em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:12px;font-family:Share Tech Mono,monospace;font-size:.65rem;display:flex;&:before{content:"";background:var(--neon-pink);width:30px;height:1px;box-shadow:0 0 6px var(--neon-pink);display:inline-block}}.section-title{color:var(--text-primary);letter-spacing:-.02em;font-family:Orbitron,monospace;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:900}.section-counter{color:#00f5ff40;margin-bottom:-10px;font-family:Share Tech Mono,monospace;font-size:5rem;line-height:1}.site-header{z-index:1000;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#020408f2 0%,#0000 100%);border-bottom:1px solid #00f5ff14;padding:20px 0;position:fixed;top:0;left:0;right:0}.site-nav{max-width:var(--layout-max-width);padding-inline:var(--layout-gutter);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}@keyframes hexSpin{to{transform:rotate(360deg)}}.nav-logo{letter-spacing:.2em;color:var(--neon-cyan);text-shadow:0 0 20px #00f5ffcc,0 0 40px #00f5ff66;align-items:center;gap:10px;font-family:Orbitron,monospace;font-size:1.1rem;font-weight:900;text-decoration:none;display:flex;&:before{content:"⬡";font-size:1.4rem;animation:8s linear infinite hexSpin}&:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:6px;border-radius:2px}}.nav-links{align-items:center;gap:36px;margin:0;padding:0;list-style:none;display:flex}@keyframes navPinkFlash{0%{text-shadow:0 0 4px #ff008066}40%{text-shadow:0 0 16px var(--neon-pink), 0 0 36px var(--neon-pink), 0 0 56px #ff008066}to{text-shadow:0 0 8px #ff00808c}}.nav-links a{letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;transition:color var(--transition-base), text-shadow .4s ease;font-family:Share Tech Mono,monospace;font-size:.75rem;text-decoration:none;position:relative;&:before{content:"";transform-origin:50%;z-index:-1;background:#ff008014;transition:transform .25s;position:absolute;inset:-6px -10px;transform:scaleX(0)}&:after{content:"";background:var(--neon-pink);transform-origin:50%;height:1px;transition:transform var(--transition-base);box-shadow:0 0 8px var(--neon-pink);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}&:hover{color:var(--neon-pink);animation:.35s forwards navPinkFlash;&:before,&:after{transform:scaleX(1)}}&:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:6px;color:var(--neon-cyan);text-shadow:0 0 10px #00f5ff99;border-radius:2px;&:after{background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan);transform:scaleX(1)}}}.nav-status{color:var(--status-green);align-items:center;gap:8px;font-family:Share Tech Mono,monospace;font-size:.7rem;display:flex;& span{text-box:trim-both cap alphabetic}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes statusBlink{0%,49%{opacity:1}50%,99%{opacity:.15}to{opacity:1}}.status-dot{background:var(--status-green);width:6px;height:6px;box-shadow:0 0 8px var(--status-green);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite statusPulse}.nav-status.is-unavailable{color:var(--neon-red);& .status-dot{background:var(--neon-red);box-shadow:0 0 8px var(--neon-red);animation:1.2s step-end infinite statusBlink}}.nav-container-scope{container:nav/inline-size}@media (pointer:coarse){body,.btn-primary,.btn-secondary,.skill-card,.project-card{cursor:auto}.cursor-ring{display:none}}.nav-hamburger{display:none}@container nav (width<=720px){.site-nav{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding-inline:20px;display:grid}.nav-logo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-links,.nav-status{display:none}.nav-hamburger{cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:0 0;border:1px solid #00f5ff40;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:44px;height:52px;padding:8px 6px 6px;transition:border-color .3s,box-shadow .3s;display:flex;&:hover,&:focus-visible{border-color:var(--neon-cyan);outline:none;box-shadow:0 0 14px #00f5ff4d}}.ham-bar{background:var(--neon-cyan);width:20px;height:1px;box-shadow:0 0 6px var(--neon-cyan);transition:opacity .2s;display:block}.ham-label{letter-spacing:.15em;color:var(--neon-cyan);margin-top:2px;font-family:Share Tech Mono,monospace;font-size:.45rem;line-height:1;display:block}}.nav-drawer{-webkit-backdrop-filter:blur(20px);width:min(80vw,320px);height:100%;transition:translate .35s cubic-bezier(.4, 0, .2, 1), display .35s allow-discrete, overlay .35s allow-discrete;background:#060d14eb;border:none;border-left:1px solid #00f5ff26;margin:0;padding:0;position:fixed;inset:0 0 0 auto;translate:100%;box-shadow:-20px 0 60px #0009,-4px 0 20px #00f5ff0f;&:popover-open{display:block;translate:0}@starting-style{&:popover-open{translate:100%}}&::backdrop{backdrop-filter:blur(2px);opacity:0;transition:opacity .35s ease, display .35s allow-discrete, overlay .35s allow-discrete;background:#020408b3}&:popover-open::backdrop{opacity:1}@starting-style{&:popover-open::backdrop{opacity:0}}}.nav-drawer-inner{z-index:1;flex-direction:column;height:100%;padding:80px 40px 48px;display:flex;position:relative}.nav-drawer-close{width:44px;height:52px;color:var(--text-muted);cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));z-index:2;background:0 0;border:1px solid #00f5ff33;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-family:Share Tech Mono,monospace;transition:all .3s;display:flex;position:absolute;top:20px;right:20px;&:hover,&:focus-visible{border-color:var(--neon-pink);color:var(--neon-pink);outline:none;box-shadow:0 0 14px #ff00804d}}.close-icon{font-size:.85rem;line-height:1}.close-label{letter-spacing:.15em;font-size:.45rem;line-height:1}.nav-drawer-logo{letter-spacing:.2em;color:var(--neon-cyan);text-shadow:0 0 20px #00f5ff99;border-bottom:1px solid #00f5ff14;margin-bottom:48px;padding-bottom:24px;font-family:Orbitron,monospace;font-size:.85rem;font-weight:900}.nav-drawer-links{flex-direction:column;flex:1;gap:4px;margin:0;padding:0;list-style:none;display:flex;& li{overflow:hidden}& a{letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid #00f5ff0f;padding:14px 0;font-family:Orbitron,monospace;font-size:1.4rem;font-weight:700;text-decoration:none;transition:color .3s,padding-left .3s;display:block;position:relative;&:before{content:"";background:var(--neon-cyan);width:2px;height:60%;box-shadow:0 0 10px var(--neon-cyan);transition:transform .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}&:hover,&:focus-visible{color:var(--neon-cyan);outline:none;padding-left:16px;&:before{transform:translateY(-50%)scaleY(1)}}}& li:first-child a:after{content:"01"}& li:nth-child(2) a:after{content:"02"}& li:nth-child(3) a:after{content:"03"}& li:nth-child(4) a:after{content:"04"}& a:after{color:#00f5ff40;letter-spacing:.15em;font-family:Share Tech Mono,monospace;font-size:.6rem;position:absolute;top:50%;right:0;transform:translateY(-50%)}}.nav-drawer-status{color:var(--status-green);letter-spacing:.15em;border-top:1px solid #00f5ff0f;align-items:center;gap:8px;padding-top:32px;font-family:Share Tech Mono,monospace;font-size:.65rem;display:flex}.nav-drawer-scan{background:linear-gradient(#0000,#00f5ff66 30% 70%,#0000);width:1px;height:100%;animation:3s ease-in-out infinite drawerScanPulse;position:absolute;top:0;left:0;box-shadow:0 0 8px #00f5ff4d}@keyframes drawerScanPulse{0%,to{opacity:.4}50%{opacity:1}}.hero{align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr 480px;align-items:center;gap:80px;width:100%;display:grid}.kanji-watermark{color:#0000;text-shadow:0 0 #00f5ff04;pointer-events:none;writing-mode:vertical-rl;letter-spacing:-.1em;z-index:1;font-family:serif;font-size:28rem;line-height:1;animation:20s ease-in-out infinite kanjiDrift;position:absolute;top:50%;right:-40px;transform:translateY(-50%)}@keyframes kanjiDrift{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(-20px)}}.hero-eyebrow{align-items:center;gap:16px;margin-bottom:24px;display:flex}.hero-eyebrow-line{background:linear-gradient(90deg, var(--neon-cyan), transparent);width:60px;height:1px;box-shadow:0 0 8px var(--neon-cyan)}.hero-eyebrow-text{letter-spacing:.3em;color:var(--neon-cyan);text-transform:uppercase;font-family:Share Tech Mono,monospace;font-size:.7rem}.ja-accent{color:#00f5ff4d;letter-spacing:.3em;margin-bottom:8px;font-family:Share Tech Mono,monospace;font-size:.65rem}.hero-title{margin-bottom:12px;font-family:Orbitron,monospace;font-weight:900;line-height:.9}.hero-title-main{color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(3rem,7vw,6rem);display:block}.hero-title-accent{background:linear-gradient(90deg, var(--neon-cyan) 0%, var(--neon-pink) 60%, var(--neon-purple) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #00f5ff66);letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,7vw,6rem);display:block;position:relative}.hero-title-sub{color:var(--text-muted);letter-spacing:.3em;margin-top:16px;font-family:Share Tech Mono,monospace;font-size:clamp(.9rem,2vw,1.3rem);font-weight:400;display:block}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);background:linear-gradient(90deg, var(--neon-cyan) 0%, var(--neon-pink) 60%, var(--neon-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:absolute;top:0;left:0}.glitch:before{clip-path:polygon(0 30%,100% 30%,100% 50%,0 50%);opacity:.7;animation:4s infinite glitch1;transform:translate(-3px,-2px)}.glitch:after{clip-path:polygon(0 60%,100% 60%,100% 75%,0 75%);opacity:.7;animation:4s infinite glitch2;transform:translate(3px,2px)}@keyframes glitch1{0%,90%,to{opacity:0;transform:translate(-3px,-2px)}92%{opacity:.7;transform:translate(-6px)}94%{opacity:.7;transform:translateY(-4px)}96%{opacity:0;transform:translate(-3px,-2px)}}@keyframes glitch2{0%,91%,to{opacity:0;transform:translate(3px,2px)}93%{opacity:.7;transform:translate(6px)}95%{opacity:.7;transform:translateY(4px)}97%{opacity:0;transform:translate(3px,2px)}}.hero-description{color:#e8f4f899;letter-spacing:.02em;max-width:500px;margin:28px 0 40px;font-size:1.1rem;font-weight:300;line-height:1.7}.hero-cta-group{align-items:center;gap:16px;display:flex}.hero-stats{border-top:1px solid #00f5ff14;gap:40px;margin-top:52px;padding-top:40px;display:flex}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-value{color:var(--neon-cyan);text-shadow:0 0 20px #00f5ff99;font-family:Orbitron,monospace;font-size:1.8rem;font-weight:900;line-height:1}.stat-label{color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;font-family:Share Tech Mono,monospace;font-size:.6rem}.hero-visual{position:relative}.profile-frame{aspect-ratio:16/11;width:100%;position:relative}.corner-deco{z-index:5;width:24px;height:24px;position:absolute;&:before,&:after{content:"";background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan);position:absolute}&:before{width:100%;height:2px;top:0;left:0}&:after{width:2px;height:100%;top:0;left:0}}.corner-tl{top:-1px;left:-1px}.corner-tr{top:-1px;right:-1px;transform:scaleX(-1)}.corner-bl{bottom:-1px;left:-1px;transform:scaleY(-1)}.corner-br{bottom:-1px;right:-1px;transform:scale(-1)}.photo-outer{clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));border:1px solid #00f5ff33;position:absolute;inset:0;overflow:hidden}.photo-bg{z-index:0;width:100%;height:100%;position:relative;overflow:hidden}.photo-loading{z-index:-1;background:repeating-linear-gradient(0deg,#0000,#0000 39px,#00f5ff0a 39px 40px),repeating-linear-gradient(90deg,#0000,#0000 39px,#00f5ff0a 39px 40px),linear-gradient(135deg,#000c18fa 0%,#010814f2 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}@keyframes kanjiLoadingPulse{0%,to{text-shadow:0 0 #00f5ff12}50%{text-shadow:0 0 #00f5ff2e}}.photo-loading-kanji{color:#0000;text-shadow:0 0 #00f5ff12;filter:blur(3px);user-select:none;font-family:serif;font-size:12rem;line-height:1;animation:3s ease-in-out infinite kanjiLoadingPulse}.photo-img{object-fit:cover;object-position:center center;filter:saturate(1.1)contrast(1.05);width:100%;height:100%;display:block}.photo-overlay{mix-blend-mode:screen;background:linear-gradient(135deg,#00f5ff14 0%,#0000 40%,#cc1a1a0f 100%),linear-gradient(#02040826 0%,#0000 30% 70%,#02040866 100%);position:absolute;inset:0}.photo-scan{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0000000f 3px 4px);position:absolute;inset:0}@keyframes scanBeam{0%{left:-60%}to{left:160%}}.photo-beam{pointer-events:none;background:linear-gradient(90deg,#0000,#00f5ff0a,#0000);width:60%;height:100%;animation:6s ease-in-out infinite scanBeam;position:absolute;top:0;left:-100%}.photo-hud-tl{z-index:10;color:#00f5ffb3;letter-spacing:.15em;text-shadow:0 0 10px #00f5ff80;font-family:Share Tech Mono,monospace;font-size:.55rem;line-height:1.8;position:absolute;top:16px;left:16px}.photo-hud-br{z-index:10;color:#00f5ffa6;letter-spacing:.12em;text-align:right;font-family:Share Tech Mono,monospace;font-size:.55rem;line-height:1.8;position:absolute;bottom:16px;right:16px}@keyframes hudBlink{0%,to{opacity:1}50%{opacity:.2}}.hud-blink{animation:3s step-end infinite hudBlink}@keyframes redLinePulse{0%,to{opacity:.5}50%{opacity:1}}.photo-red-line{background:linear-gradient(90deg, transparent, var(--neon-red), var(--neon-cyan), transparent);height:2px;box-shadow:0 0 12px var(--neon-red);animation:4s ease-in-out infinite redLinePulse;position:absolute;bottom:0;left:0;right:0}@keyframes badgePulse{0%,to{box-shadow:0 0 20px #00f5ff33}50%{box-shadow:0 0 40px #00f5ff80}}.profile-badge{background:var(--dark-panel);color:var(--neon-cyan);letter-spacing:.1em;clip-path:polygon(0 0,100% 0,100% 100%,8px 100%,0 calc(100% - 8px));z-index:20;border:1px solid #00f5ff4d;padding:8px 16px;font-family:Share Tech Mono,monospace;font-size:.65rem;animation:3s ease-in-out infinite badgePulse;position:absolute;top:-12px;right:20px}.site-footer{z-index:10;border-top:1px solid #00f5ff14;padding:40px 0;position:relative}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-copy{color:var(--text-muted);letter-spacing:.1em;margin:0;font-family:Share Tech Mono,monospace;font-size:.65rem;& span{color:var(--neon-cyan)}}.footer-social{gap:16px;display:flex}.social-link{width:36px;height:36px;color:var(--text-muted);transition:all var(--transition-base);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));border:1px solid #00f5ff26;justify-content:center;align-items:center;font-family:Share Tech Mono,monospace;font-size:.75rem;text-decoration:none;display:flex;&:hover{border-color:var(--neon-pink);color:var(--neon-pink);background:#ff00800f;box-shadow:0 0 15px #ff008059,inset 0 0 12px #ff00800f}&:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:4px;border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 15px #00f5ff4d}}}@layer modules{body:before{content:"";background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:60px 60px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);position:fixed;inset:0}.glow-orb{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}@keyframes orbFloat1{0%,to{transform:translate(0)}50%{transform:translate(80px,60px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}50%{transform:translate(-60px,-80px)}}@keyframes orbFloat3{0%,to{transform:translate(0)}33%{transform:translate(40px,-50px)}66%{transform:translate(-40px,30px)}}.glow-orb-1{background:radial-gradient(circle,#00f5ff0f 0%,#0000 70%);width:600px;height:600px;animation:12s ease-in-out infinite orbFloat1;top:-200px;left:-200px}.glow-orb-2{background:radial-gradient(circle,#cc1a1a12 0%,#0000 70%);width:500px;height:500px;animation:15s ease-in-out infinite orbFloat2;bottom:20%;right:-150px}.glow-orb-3{background:radial-gradient(circle,#bf00ff0a 0%,#0000 70%);width:400px;height:400px;animation:18s ease-in-out infinite orbFloat3;top:40%;left:30%}.data-stream{background:linear-gradient(180deg, transparent, var(--neon-cyan), transparent);opacity:.3;pointer-events:none;z-index:0;width:1px;animation:linear infinite dataStream;position:fixed;top:0}@keyframes dataStream{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}.has-custom-cursor *,.has-custom-cursor :before,.has-custom-cursor :after{cursor:none!important}.cursor{background:var(--neon-cyan);pointer-events:none;z-index:9999;width:12px;height:12px;box-shadow:0 0 15px var(--neon-cyan), 0 0 30px var(--neon-cyan);mix-blend-mode:screen;border-radius:50%;transition:width .12s,height .12s,border-radius .12s,background .12s,box-shadow .12s,opacity .2s;position:fixed;overflow:visible;transform:translate(-50%,-50%)}.cursor-ring{pointer-events:none;z-index:9998;border:1px solid #00f5ff80;border-radius:50%;width:36px;height:36px;transition:width .2s,height .2s,border-radius .2s,border-color .2s,transform .2s,opacity .2s;position:fixed;transform:translate(-50%,-50%)rotate(0)}.cursor--crosshair{background:var(--neon-cyan);width:4px;height:4px;box-shadow:0 0 8px var(--neon-cyan), 0 0 20px #00f5ff99;border-radius:1px;&:before{content:"";background:var(--neon-cyan);width:16px;height:1px;box-shadow:0 0 6px #00f5ff99, 36px 0 0 0 var(--neon-cyan), 36px 0 6px #00f5ff99;position:absolute;top:50%;left:-24px;transform:translateY(-50%)}&:after{content:"";background:var(--neon-cyan);width:1px;height:16px;box-shadow:0 0 6px #00f5ff99, 0 36px 0 0 var(--neon-cyan), 0 36px 6px #00f5ff99;position:absolute;top:-24px;left:50%;transform:translate(-50%)}}.cursor-ring--crosshair{border-color:#00f5ff8c;border-radius:3px;width:28px;height:28px;transform:translate(-50%,-50%)rotate(45deg)}.cursor--text{background:var(--neon-cyan);width:2px;height:20px;box-shadow:0 0 8px var(--neon-cyan), 0 0 16px #00f5ff66;border-radius:1px;&:before{content:"";background:var(--neon-cyan);width:10px;height:1px;box-shadow:0 0 5px var(--neon-cyan);position:absolute;top:0;left:50%;transform:translate(-50%)}&:after{content:"";background:var(--neon-cyan);width:10px;height:1px;box-shadow:0 0 5px var(--neon-cyan);position:absolute;bottom:0;left:50%;transform:translate(-50%)}}.cursor-ring--text{opacity:0}.skills-grid{background:#00f5ff14;border:1px solid #00f5ff14;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;position:relative;&:before{content:"";z-index:-1;background:linear-gradient(135deg,#00f5ff26,#0000,#ff008026);position:absolute;inset:-1px}}.skill-card{background:var(--dark-surface);cursor:none;padding:32px;transition:all .4s;position:relative;overflow:hidden;&:before{content:"";opacity:0;background:linear-gradient(135deg,#00f5ff0d 0%,#0000 60%);transition:opacity .4s;position:absolute;inset:0}&:hover{background:var(--dark-panel);&:before{opacity:1}}}.skill-card-icon{filter:drop-shadow(0 0 10px #00f5ff80);margin-bottom:16px;font-size:2rem;display:block}.skill-card-name{letter-spacing:.1em;color:var(--neon-cyan);text-transform:uppercase;margin-bottom:10px;font-family:Orbitron,monospace;font-size:.8rem;font-weight:700}.skill-card-desc{color:var(--text-muted);font-size:.85rem;font-weight:300;line-height:1.5}.skill-bar{background:#00f5ff1a;height:2px;margin-top:20px;position:relative;overflow:hidden}@keyframes barLoad{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.skill-bar-fill{background:linear-gradient(90deg, var(--neon-cyan), var(--neon-pink));height:100%;box-shadow:0 0 10px var(--neon-cyan);transform-origin:0;animation:1.5s forwards barLoad;position:relative}.skill-bar-percentage{color:var(--neon-cyan);font-family:Share Tech Mono,monospace;font-size:.6rem;position:absolute;top:-18px;right:0}.projects-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.project-card{background:var(--dark-surface);cursor:none;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));border:1px solid #00f5ff14;transition:all .4s;position:relative;overflow:hidden;&:hover{border-color:#00f5ff4d;transform:translateY(-4px);box-shadow:0 0 40px #00f5ff1a,inset 0 0 40px #00f5ff08}}.project-card-visual{justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.pv1{background:linear-gradient(135deg,#001a2e 0%,#003358 50%,#001a2e 100%)}.pv2{background:linear-gradient(135deg,#1a0020 0%,#340040 50%,#1a0020 100%)}.pv3{background:linear-gradient(135deg,#001520 0%,#002840 50%,#001520 100%)}.pv4{background:linear-gradient(135deg,#200010 0%,#400020 50%,#200010 100%)}.pv-photo{padding:0;& img{object-fit:cover;object-position:center;filter:saturate(.9)contrast(1.05);width:100%;height:100%;display:block}}.project-visual-glyph{color:#0000;text-shadow:0 0 #e8f4f84d;filter:blur(2px);font-family:serif;font-size:6rem}.project-visual-overlay{background:repeating-linear-gradient(90deg,#0000,#0000 40px,#00f5ff08 40px 41px),repeating-linear-gradient(0deg,#0000,#0000 40px,#00f5ff08 40px 41px);position:absolute;inset:0}.project-card-content{padding:24px 28px 28px}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.project-tag{letter-spacing:.15em;text-transform:uppercase;border:1px solid;padding:3px 10px;font-family:Share Tech Mono,monospace;font-size:.55rem}.tag-cyan{color:var(--neon-cyan);border-color:#00f5ff66}.tag-pink{color:var(--neon-pink);border-color:#ff008066}.tag-purple{color:var(--neon-purple);border-color:#bf00ff66}.tag-orange{color:var(--neon-orange);border-color:#f406}.project-title{color:var(--text-primary);letter-spacing:.05em;margin-bottom:10px;font-family:Orbitron,monospace;font-size:1rem;font-weight:700}.project-desc{color:var(--text-muted);font-size:.85rem;font-weight:300;line-height:1.6}.project-link{letter-spacing:.1em;color:var(--neon-cyan);text-transform:uppercase;transition:all var(--transition-base);align-items:center;gap:6px;margin-top:16px;font-family:Share Tech Mono,monospace;font-size:.65rem;text-decoration:none;display:inline-flex;&:after{content:"→";transition:transform var(--transition-base)}&:hover{text-shadow:0 0 10px var(--neon-cyan);gap:12px;&:after{transform:translate(4px)}}&:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:4px;text-shadow:0 0 10px var(--neon-cyan);border-radius:2px;gap:12px;&:after{transform:translate(4px)}}}.btn-primary{border:1px solid var(--neon-cyan);color:var(--neon-cyan);letter-spacing:.2em;text-transform:uppercase;cursor:none;transition:all var(--transition-base);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:0 0;align-items:center;gap:10px;padding:14px 32px;font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 20px #00f5ff33,inset 0 0 20px #00f5ff0d;&:before{content:"";background:linear-gradient(90deg,#0000,#00f5ff1a,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}&:hover{color:#fff;background:#00f5ff14;box-shadow:0 0 40px #00f5ff66,inset 0 0 30px #00f5ff1a;&:before{transform:translate(100%)}}&:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:4px;color:#fff;background:#00f5ff14;box-shadow:0 0 24px #00f5ff99,inset 0 0 20px #00f5ff1a}}.btn-secondary{border:1px solid var(--neon-pink);color:var(--neon-pink);letter-spacing:.1em;cursor:none;transition:all var(--transition-base);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:0 0;align-items:center;gap:8px;padding:14px 28px;font-family:Share Tech Mono,monospace;font-size:.75rem;text-decoration:none;display:inline-flex;&:hover{color:var(--neon-pink);border-color:var(--neon-pink);background:#ff008014;box-shadow:0 0 30px #ff00804d}&:focus-visible{outline:2px solid var(--neon-pink);outline-offset:4px;color:var(--neon-pink);border-color:var(--neon-pink);background:#ff008014;box-shadow:0 0 24px #ff008080}}.badge-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.badge{letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;background:#00f5ff0d;border:1px solid #00f5ff33;padding:3px 12px;font-family:Share Tech Mono,monospace;font-size:.65rem;line-height:1.8;display:inline-block}.timeline{padding-left:60px;position:relative;&:before{content:"";background:linear-gradient(180deg, var(--neon-cyan), var(--neon-pink), var(--neon-purple), var(--neon-red));width:1px;box-shadow:0 0 10px var(--neon-cyan);position:absolute;top:0;bottom:0;left:16px}}.timeline-item{background:var(--dark-surface);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));transition:border-color var(--transition-base), background var(--transition-base), box-shadow var(--transition-base);border:1px solid #00f5ff0f;margin-bottom:48px;position:relative;&:hover{background:var(--dark-panel);border-color:#00f5ff33}&.is-selected{background:var(--dark-panel);box-shadow:inset 3px 0 0 var(--neon-cyan);border-color:#00f5ff59}}.timeline-details{width:100%;color:inherit;background:0 0}.timeline-summary{cursor:pointer;color:inherit;background:0 0;padding:28px 32px;list-style:none;display:block;&::-webkit-details-marker{display:none}&::marker{display:none}&:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:-6px;box-shadow:inset 0 0 0 2px #00f5ff26}}.timeline-dot{background:var(--neon-cyan);width:10px;height:10px;box-shadow:0 0 0 4px #00f5ff1a, 0 0 15px var(--neon-cyan);border-radius:50%;position:absolute;top:32px;left:-52px}.timeline-dot--pink{background:var(--neon-pink);box-shadow:0 0 0 4px #ff00801a, 0 0 15px var(--neon-pink)}.timeline-dot--purple{background:var(--neon-purple);box-shadow:0 0 0 4px #c830ff1a, 0 0 15px var(--neon-purple)}.timeline-dot--red{background:var(--neon-red);box-shadow:0 0 0 4px #cc1a1a1a, 0 0 15px var(--neon-red)}.timeline-date{color:var(--neon-pink);letter-spacing:.15em;margin-bottom:8px;font-family:Share Tech Mono,monospace;font-size:.65rem}.timeline-role{color:var(--text-primary);letter-spacing:.05em;margin-bottom:4px;font-family:Orbitron,monospace;font-size:.9rem;font-weight:700}.timeline-company{color:var(--neon-cyan);letter-spacing:.1em;margin-bottom:14px;font-family:Share Tech Mono,monospace;font-size:.75rem}.timeline-desc{color:var(--text-muted);font-size:.875rem;font-weight:300;line-height:1.6}.experience-layout{grid-template-columns:1fr 1.1fr;align-items:start;gap:48px;display:grid}.experience-detail{top:calc(var(--header-height) + 24px);background:var(--dark-surface);clip-path:polygon(0 0,0 0,0 24px,0 100%,0 100%,0 calc(100% - 24px));visibility:hidden;border:1px solid #00f5ff1a;padding:36px 40px;position:sticky;overflow:hidden;&:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--neon-cyan) 25%, #00f5ffe6 50%, var(--neon-pink) 75%, transparent 100%);height:2px;box-shadow:0 0 8px var(--neon-cyan), 0 0 20px #00f5ff59;pointer-events:none;z-index:2;position:absolute;top:0;left:0;right:0;transform:translateY(-4px)}}.experience-detail.is-active{visibility:visible;border-color:#00f5ff2e;animation:.32s cubic-bezier(.4,0,.2,1) forwards detail-wipe;&:after{animation:.6s ease-in .28s forwards scan-sweep}&>*{opacity:0;animation:.28s forwards detail-content-in}&>:first-child{animation-delay:.36s}&>:nth-child(2){animation-delay:.5s}&>:nth-child(3){animation-delay:.62s}&>:nth-child(4){animation-delay:.72s}&>:nth-child(5){animation-delay:.8s}& .detail-role{animation:.28s .36s forwards detail-content-in,.32s .48s detail-role-glitch}}@keyframes detail-wipe{0%{clip-path:polygon(0 0,0 0,0 24px,0 100%,0 100%,0 calc(100% - 24px));opacity:.7}to{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));opacity:1}}@keyframes scan-sweep{0%{transform:translateY(-4px)}to{transform:translateY(900px)}}@keyframes detail-content-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes detail-role-glitch{0%{filter:none;transform:none}20%{filter:hue-rotate(90deg)saturate(2);transform:translate(-3px,1px)}45%{filter:hue-rotate(-90deg)saturate(2);transform:translate(3px,-1px)}65%{filter:none;transform:translate(-1px)}82%{filter:none;transform:translate(1px)}to{filter:none;transform:none}}.detail-header{border-bottom:1px solid #00f5ff14;margin-bottom:28px;padding-bottom:24px}.detail-date{color:var(--neon-pink);letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px;font-family:Share Tech Mono,monospace;font-size:.65rem}.detail-role{color:var(--text-primary);letter-spacing:.04em;margin-bottom:6px;font-family:Orbitron,monospace;font-size:1.05rem;font-weight:700;line-height:1.3}.detail-company{color:var(--neon-cyan);letter-spacing:.12em;font-family:Share Tech Mono,monospace;font-size:.75rem}.detail-metrics{flex-wrap:wrap;gap:14px;margin-bottom:28px;display:flex}.detail-metric{background:var(--dark-panel);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));text-align:center;border:1px solid #00f5ff1a;flex-direction:column;flex:1;gap:4px;min-width:80px;padding:14px 12px;display:flex}.metric-value{color:var(--neon-cyan);text-shadow:0 0 16px #00f5ff80;font-family:Orbitron,monospace;font-size:1.4rem;font-weight:900;line-height:1}.metric-label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-family:Share Tech Mono,monospace;font-size:.58rem}.detail-section{margin-bottom:22px;&:last-child{margin-bottom:0}}.detail-section-label{color:var(--neon-pink);letter-spacing:.25em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:12px;font-family:Share Tech Mono,monospace;font-size:.6rem;display:flex;&:after{content:"";background:linear-gradient(90deg,#ff008040,#0000);flex:1;height:1px}}.detail-achievements{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex;& li{color:var(--text-muted);padding-left:18px;font-size:.82rem;line-height:1.55;position:relative;&:before{content:"▸";color:var(--neon-cyan);font-size:.6rem;position:absolute;top:1px;left:0}}}.detail-highlights{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex;& li{color:var(--neon-purple);letter-spacing:.05em;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:#c830ff0d;border:1px solid #c830ff4d;padding:4px 10px;font-family:Share Tech Mono,monospace;font-size:.62rem}}@media (width>=901px){.timeline-extra{display:none}}@media (width<=900px){.experience-layout{grid-template-columns:1fr}.experience-detail{display:none}.timeline-item{margin-bottom:12px}.timeline-extra{grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.25,.46,.45,.94);display:grid;overflow:hidden}.timeline-extra-inner{opacity:0;min-height:0;padding:20px 32px 28px;transition:opacity .35s .2s;overflow:hidden}details[open] .timeline-extra-inner{opacity:1}details[open] .timeline-extra{grid-template-rows:1fr}details[open] .timeline-summary{border-bottom:1px solid #00f5ff1a;padding-bottom:20px}.timeline-item:has(details[open]){background:var(--dark-panel);border-color:#00f5ff40}}.contact-section{padding:var(--section-block-padding) 0;z-index:10;position:relative}.contact-panel{background:var(--dark-surface);clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,40px 100%,0 calc(100% - 40px));border:1px solid #00f5ff1a;padding:60px;position:relative;overflow:hidden;&:before{content:"";background:radial-gradient(at 0 0,#00f5ff0f 0%,#0000 60%),radial-gradient(at 100% 100%,#cc1a1a0a 0%,#0000 60%);position:absolute;inset:0}}.contact-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid;position:relative}.contact-title{margin-bottom:20px;font-family:Orbitron,monospace;font-size:clamp(1.8rem,3vw,3rem);font-weight:900;line-height:1.1;& span{color:var(--neon-cyan);text-shadow:0 0 20px #00f5ff80}}.contact-subtitle{color:var(--text-muted);margin-bottom:40px;font-size:1rem;font-weight:300;line-height:1.6}.contact-email{color:var(--neon-cyan);transition:color var(--transition-base), text-shadow var(--transition-base);text-decoration:none;&:before{content:attr(data-u)}&:after{content:"@" attr(data-d)}&:hover,&:focus-visible{color:var(--text-primary);text-shadow:0 0 10px #00f5ff80;outline:none}}.contact-info-list{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.contact-info-item{align-items:center;gap:16px;display:flex}.contact-info-icon{clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));border:1px solid #00f5ff33;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.contact-info-label{color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:2px;font-family:Share Tech Mono,monospace;font-size:.6rem}.contact-info-text{color:var(--text-primary);letter-spacing:.05em;font-family:Share Tech Mono,monospace;font-size:.8rem}.form-group{margin-bottom:20px}.form-label{letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-family:Share Tech Mono,monospace;font-size:.6rem;display:block}.form-input{width:100%;color:var(--text-primary);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:#00f5ff08;border:1px solid #00f5ff1a;outline:none;padding:12px 16px;font-family:Rajdhani,sans-serif;font-size:.95rem;transition:border-color .3s,background .3s,box-shadow .3s;&:focus{background:#00f5ff0f;border-color:#00f5ff66;box-shadow:0 0 20px #00f5ff1a}&::placeholder{color:var(--text-muted)}&:user-invalid,.was-validated &:invalid{background:#ff00800a;border-color:#ff008099;box-shadow:0 0 16px #ff008026}&:user-invalid:focus,.was-validated &:invalid:focus{border-color:var(--neon-pink);box-shadow:0 0 24px #ff00804d}}textarea.form-input{resize:vertical;min-height:120px}.form-submit{justify-content:center;width:100%;margin-top:4px}.form-honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-submit[disabled]{opacity:.6;cursor:not-allowed}.form-error{color:var(--neon-red);letter-spacing:.05em;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:#cc1a1a0f;border:1px solid #cc1a1a66;margin-top:12px;padding:10px 14px;font-family:Share Tech Mono,monospace;font-size:.75rem}.is-submitted .form-input{opacity:.45;cursor:not-allowed}.form-success{border-top:1px solid #00ff8826;outline:none;flex-direction:column;margin-top:20px;padding:28px 0 0;display:flex}.form-success[hidden]{display:none}.form-success-main{align-items:flex-start;gap:20px;display:flex}.form-success-icon{width:48px;height:48px;color:var(--status-green);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));border:1px solid #0f86;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;animation:2s ease-in-out infinite successIconPulse;display:flex;box-shadow:0 0 20px #0f83}@keyframes successIconPulse{0%,to{box-shadow:0 0 20px #0f83}50%{box-shadow:0 0 40px #00ff8880}}.form-success-text{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.form-success-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.form-success-title{color:var(--status-green);letter-spacing:.1em;text-shadow:0 0 20px #0f86;font-family:Orbitron,monospace;font-size:1.1rem;font-weight:900;position:relative;&:before,&:after{content:attr(data-text);color:var(--status-green);letter-spacing:.1em;font-family:Orbitron,monospace;font-size:1.1rem;font-weight:900;position:absolute;top:0;left:0}&:before{clip-path:polygon(0 20%,100% 20%,100% 45%,0 45%);opacity:0;text-shadow:1px 0 var(--neon-cyan);animation:5s infinite successGlitch1;transform:translate(-2px,-1px)}&:after{clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);opacity:0;text-shadow:-1px 0 var(--neon-pink);animation:5s infinite successGlitch2;transform:translate(2px,1px)}}@keyframes successGlitch1{0%,85%,to{opacity:0;transform:translate(-2px,-1px)}87%{opacity:.7;transform:translate(-5px)}89%{opacity:.7;transform:translateY(-3px)}91%{opacity:0;transform:translate(-2px,-1px)}}@keyframes successGlitch2{0%,86%,to{opacity:0;transform:translate(2px,1px)}88%{opacity:.7;transform:translate(5px)}90%{opacity:.7;transform:translateY(3px)}92%{opacity:0;transform:translate(2px,1px)}}.form-success-body{color:var(--text-muted);letter-spacing:.05em;font-family:Share Tech Mono,monospace;font-size:.8rem;line-height:1.6}.form-success-dismiss{color:var(--status-green);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:0 0;border:1px solid #00ff8840;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;font-family:Share Tech Mono,monospace;font-size:.65rem;transition:background .3s,border-color .3s,box-shadow .3s;display:inline-flex;&:hover,&:focus-visible{background:#00ff880f;border-color:#00ff8880;outline:none;box-shadow:0 0 16px #0f83}}.hero-container-scope{width:100%;container:hero/inline-size}@keyframes heroMobileSweep{0%{left:-50%}to{left:150%}}@keyframes kanjiMobileDrift{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}@container hero (width<=720px){.hero{padding:100px 0 60px;position:relative}.hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 50% 0,#00f5ff12 0%,#0000 70%),linear-gradient(#0000 60%,#02040899 100%);position:absolute;inset:0}.hero:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#00f5ff0d 40%,#00f5ff1a 50%,#00f5ff0d 60%,#0000);width:50%;height:100%;animation:8s ease-in-out infinite heroMobileSweep;position:absolute;top:0;left:-100%}.hero-grid{grid-template-columns:1fr;gap:0;position:relative}.hero-visual{display:none}.hero-title-main,.hero-title-accent{font-size:clamp(3.2rem,13vw,4.5rem)}.hero-title-sub{letter-spacing:.2em;margin-top:12px;font-size:clamp(.65rem,3vw,.9rem)}.hero-eyebrow{margin-bottom:16px}.hero-eyebrow-line{width:40px}.hero-eyebrow-text{letter-spacing:.2em;font-size:.65rem}.hero-description{max-width:100%;margin:20px 0 32px;font-size:1rem}.hero-cta-group{flex-wrap:wrap;gap:12px}.btn-primary,.btn-secondary{flex:auto;justify-content:center;min-width:0;padding:14px 20px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:24px 16px;margin-top:40px;padding-top:28px;display:grid}.kanji-watermark{color:#0000;text-shadow:0 0 #00f5ff0e;writing-mode:vertical-rl;letter-spacing:-.05em;z-index:0;font-size:clamp(7rem,22vw,11rem);line-height:1;animation:20s ease-in-out infinite kanjiMobileDrift;position:absolute;top:160px;right:16px;transform:none}}.skills-container-scope,.projects-container-scope{container-type:inline-size}.scroll-track{display:none}@keyframes scrollThumbGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@container (width<=720px){.skills-container-scope .container,.projects-container-scope .container{padding-left:0;padding-right:0}.skills-container-scope .section-header,.projects-container-scope .section-header{padding-left:24px;padding-right:24px}.skills-grid:before{display:none}.skills-container-scope{isolation:isolate;position:relative}.skills-container-scope:before{content:"";pointer-events:none;mix-blend-mode:screen;z-index:1;background:linear-gradient(135deg,#00f5ff26,#0000,#ff008026);position:absolute;inset:0}.skills-grid{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;scroll-timeline-name:--skills-scroll;scroll-timeline-axis:inline;background:0 0;border:none;flex-direction:row;gap:0;padding:4px 24px 20px;scroll-padding-left:24px;display:flex;overflow:scroll visible;&::-webkit-scrollbar{display:none}}.skill-card{scroll-snap-align:start;scroll-snap-stop:always;border:1px solid #00f5ff14;flex:0 0 72vw;max-width:300px;margin-right:12px;&:last-of-type{margin-right:0}}.projects-grid{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;scroll-timeline-name:--projects-scroll;scroll-timeline-axis:inline;flex-direction:row;gap:0;padding:4px 24px 20px;scroll-padding-left:24px;display:flex;overflow:scroll visible;&::-webkit-scrollbar{display:none}}.project-card{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 80vw;max-width:340px;margin-right:16px;&:last-of-type{margin-right:0}}.scroll-track{box-sizing:border-box;background:#00f5ff14;width:100%;height:2px;margin-top:4px;padding:0 24px;display:block}.scroll-thumb{background:linear-gradient(90deg, var(--neon-cyan), var(--neon-pink));height:100%;box-shadow:0 0 8px var(--neon-cyan);transform-origin:0;animation:linear both scrollThumbGrow}.skills-scroll-track .scroll-thumb{animation-timeline:--skills-scroll}.projects-scroll-track .scroll-thumb{animation-timeline:--projects-scroll}@supports (scroll-marker-group:after){.scroll-track{display:none}.skills-grid,.projects-grid{scroll-marker-group:after}.skill-card::scroll-marker,.project-card::scroll-marker{content:"";background:0 0;border:1px solid #00f5ff59;width:6px;height:6px;transition:background .3s,border-color .3s,box-shadow .3s}.skill-card::scroll-marker:target-current,.project-card::scroll-marker:target-current{background:var(--neon-cyan);border-color:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan), 0 0 16px #00f5ff66}.skills-grid::scroll-marker-group,.projects-grid::scroll-marker-group{border-top:1px solid #00f5ff0f;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:16px 0 4px;display:flex}.skills-grid::scroll-button(inline-start),.skills-grid::scroll-button(inline-end),.projects-grid::scroll-button(inline-start),.projects-grid::scroll-button(inline-end){width:36px;height:36px;color:var(--neon-cyan);cursor:pointer;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));z-index:10;background:#020408e6;border:1px solid #00f5ff4d;font-family:Share Tech Mono,monospace;font-size:.9rem;transition:background .3s,border-color .3s,box-shadow .3s;position:absolute;top:50%;translate:0 -50%}.skills-grid::scroll-button(inline-start),.projects-grid::scroll-button(inline-start){content:"←" / "Previous";left:4px}.skills-grid::scroll-button(inline-end),.projects-grid::scroll-button(inline-end){content:"→" / "Next";right:4px}.skills-grid::scroll-button(inline-start):hover,.skills-grid::scroll-button(inline-end):hover,.projects-grid::scroll-button(inline-start):hover,.projects-grid::scroll-button(inline-end):hover{border-color:var(--neon-cyan);background:#00f5ff14;box-shadow:0 0 16px #00f5ff4d}.skills-grid::scroll-button(inline-start):disabled,.skills-grid::scroll-button(inline-end):disabled,.projects-grid::scroll-button(inline-start):disabled,.projects-grid::scroll-button(inline-end):disabled{color:#00f5ff33;cursor:not-allowed;box-shadow:none;border-color:#00f5ff1a}.skills-grid,.projects-grid{position:relative}}}.contact-container-scope{container-type:inline-size}@container (width<=720px){.contact-panel{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));padding:32px 24px}.contact-grid{grid-template-columns:1fr;gap:40px}}@keyframes btt-reveal{0%{opacity:0;pointer-events:none;visibility:hidden;translate:0 20px}to{opacity:1;pointer-events:auto;visibility:visible;translate:0}}@keyframes btt-float{0%,to{translate:0}50%{translate:0 -6px}}@keyframes btt-glow{0%,to{box-shadow:0 0 10px #00f5ff1f,inset 0 0 6px #00f5ff0a}50%{box-shadow:0 0 28px #00f5ff73,inset 0 0 14px #00f5ff1a}}@keyframes btt-scan{0%{opacity:.8;top:0%}to{opacity:0;top:100%}}@keyframes btt-label-expand{0%{letter-spacing:.35em}to{letter-spacing:.48em}}.back-to-top{z-index:900;color:var(--neon-cyan);flex-direction:column;align-items:center;gap:8px;text-decoration:none;animation-name:btt-reveal;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:70vh 95vh;display:flex;position:fixed;bottom:40px;right:40px;&:focus-visible{outline:none;& .btt-icon{border-color:var(--neon-cyan);box-shadow:0 0 0 2px var(--dark-void), 0 0 0 4px var(--neon-cyan), 0 0 32px #00f5ff80}}}.btt-icon{-webkit-backdrop-filter:blur(12px);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));width:48px;height:54px;color:var(--neon-cyan);text-shadow:0 0 14px #00f5ffe6;background:#060d14eb;border:1px solid #00f5ff47;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;transition:border-color .3s,background .3s;animation:2.5s ease-in-out infinite btt-glow,3.2s ease-in-out infinite btt-float;display:flex;position:relative;overflow:hidden;&:before{content:"";border-top:1px solid var(--neon-cyan);border-left:1px solid var(--neon-cyan);opacity:.45;pointer-events:none;width:9px;height:9px;transition:opacity .3s;position:absolute;top:5px;left:5px}&:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#00f5ffb3 40% 60%,#0000);width:100%;height:2px;position:absolute;top:-100%;left:0}.back-to-top:hover &,.back-to-top:focus-visible &{border-color:var(--neon-cyan);background:#00f5ff0d;&:before{opacity:1}&:after{animation:.75s linear infinite btt-scan}}}.btt-label{letter-spacing:.35em;color:#00f5ff80;font-family:Share Tech Mono,monospace;font-size:.5rem;transition:color .3s;.back-to-top:hover &,.back-to-top:focus-visible &{color:var(--neon-cyan);animation:.3s forwards btt-label-expand}}@media (prefers-reduced-motion:reduce){.btt-icon{animation:2.5s ease-in-out infinite btt-glow;&:after{animation:none!important}}}}@layer state{.is-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus-visible{all:unset;z-index:9999;background:var(--neon-cyan);color:var(--dark-void);cursor:pointer;padding:8px 16px;font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;text-decoration:none;position:fixed;top:8px;left:8px}.is-hidden{display:none}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:.8s forwards fadeInUp;transform:translateY(20px)}.d1{animation-delay:.1s}.d2{animation-delay:.2s}.d3{animation-delay:.3s}.d4{animation-delay:.4s}.d5{animation-delay:.5s}}@font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/orbitron.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/rajdhani-300-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/rajdhani-300.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/rajdhani-400-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/rajdhani-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/rajdhani-600-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/rajdhani-600.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/rajdhani-700-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/rajdhani-700.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/share-tech-mono.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}