@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700;800&family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap";:root{--terminal-bg: #0a0e1a;--terminal-bg-alt: #0d1117;--terminal-border: #30363d;--terminal-green: #00ff41;--terminal-cyan: #00d9ff;--terminal-red: #ff0040;--terminal-yellow: #ffaa00;--terminal-purple: #c77dff;--japanese-red: #dc2626;--japanese-red-glow: rgba(220, 38, 38, .3);--japanese-gold: #fbbf24;--bg-primary: var(--terminal-bg);--bg-secondary: var(--terminal-bg-alt);--text-primary: #c9d1d9;--text-secondary: #8b949e;--accent: var(--terminal-green);--accent-alt: var(--terminal-cyan);--accent-danger: var(--terminal-red);--accent-glow: rgba(0, 255, 65, .2);--border-color: var(--terminal-border);--card-radius: 4px;--font-mono: "JetBrains Mono", "Consolas", "Monaco", monospace;--font-japanese: "Noto Sans JP", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-mono);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,.03) 2px,rgba(0,255,65,.03) 4px);pointer-events:none;z-index:1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(0,255,65,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(220,38,38,.05) 0%,transparent 50%);pointer-events:none;z-index:1}.app-container{max-width:1200px;margin:0 auto;padding:0 2rem;min-height:100vh;display:flex;flex-direction:column;gap:6rem;position:relative;z-index:2}.main-content{padding-top:2rem;display:flex;flex-direction:column;gap:6rem}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--card-radius);padding:2rem;transition:all .3s ease;position:relative;box-shadow:0 0 0 1px #00ff411a,0 4px 12px #0006}.card:hover{border-color:var(--terminal-green);box-shadow:0 0 20px #00ff414d,0 4px 12px #0009}.card:before{content:">_";position:absolute;top:1rem;left:1rem;font-size:.75rem;color:var(--terminal-green);opacity:.3;font-family:var(--font-mono)}.glass{background:var(--terminal-bg-alt);border:1px solid var(--terminal-border);box-shadow:0 0 10px #00000080,inset 0 0 10px #00ff410d}.section-title{font-size:1.75rem;font-weight:600;margin-bottom:3rem;color:var(--terminal-green);position:relative;display:inline-block;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px}.section-title:before{content:"//";color:var(--terminal-cyan);margin-right:.5rem;opacity:.7}.section-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--terminal-green),transparent);animation:scanline 2s linear infinite}@keyframes scanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hero{min-height:85vh;gap:3rem;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem 0}.hero-content{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;text-align:center}.avatar-container{position:relative;margin-bottom:2rem}.avatar{width:180px;height:180px;border-radius:50%;border:3px solid var(--terminal-green);box-shadow:0 0 30px #00ff4180,inset 0 0 20px #00ff411a;object-fit:cover;position:relative;z-index:1}.avatar-placeholder{width:180px;height:180px;border-radius:50%;border:3px solid var(--terminal-green);box-shadow:0 0 30px #00ff4180;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:var(--terminal-green);background:var(--bg-secondary);font-family:var(--font-mono)}.hero-text h1{font-size:3rem;font-weight:700;margin-bottom:1rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:3px}.highlight-name{color:var(--terminal-green);text-shadow:0 0 10px rgba(0,255,65,.8),0 0 20px rgba(0,255,65,.4);position:relative}.highlight-name:before{content:"<";color:var(--terminal-cyan);margin-right:.5rem}.highlight-name:after{content:"/>";color:var(--terminal-cyan);margin-left:.5rem}.tagline{font-size:1.5rem;color:var(--terminal-cyan);margin-bottom:2rem;font-family:var(--font-mono);min-height:2em;display:flex;align-items:center;justify-content:center;gap:.5rem}.terminal-prompt{color:var(--terminal-green);margin-right:.5rem;opacity:.8}.cursor{display:inline-block;width:3px;height:1.5em;background:var(--terminal-green);animation:blink 1s infinite;margin-left:4px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.summary{font-size:1.1rem;color:var(--text-secondary);max-width:700px;line-height:1.8;margin:0 auto 2rem;font-family:var(--font-mono)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.project-card{display:flex;flex-direction:column;height:100%;padding:2rem;position:relative;overflow:hidden}.project-card:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:linear-gradient(180deg,var(--terminal-green),transparent);opacity:0;transition:opacity .3s}.project-card:hover:after{opacity:1}.project-content{flex:1;display:flex;flex-direction:column}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--terminal-border)}.project-header h4{margin:0;font-size:1.25rem;color:var(--terminal-green);font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:1px}.project-links{display:flex;gap:1rem;color:var(--terminal-cyan)}.project-links a{color:inherit;transition:all .2s;padding:.25rem;border-radius:4px}.project-links a:hover{color:var(--terminal-green);background:#00ff411a;transform:scale(1.1)}.project-desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem;flex-grow:1;font-family:var(--font-mono);line-height:1.7}.project-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto}.tag{font-size:.8rem;color:var(--terminal-cyan);background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);padding:.35rem .75rem;border-radius:4px;font-family:var(--font-mono);transition:all .2s}.tag:hover{background:#00d9ff33;border-color:var(--terminal-cyan);transform:translateY(-2px)}.timeline{padding-left:2rem;border-left:2px solid var(--terminal-green);display:flex;flex-direction:column;gap:3rem;position:relative}.timeline:before{content:"";position:absolute;left:-6px;top:0;width:10px;height:10px;border-radius:50%;background:var(--terminal-green);box-shadow:0 0 10px var(--terminal-green)}.timeline-item{position:relative}.timeline-marker{position:absolute;left:-2.5rem;top:.5rem;width:12px;height:12px;border-radius:50%;background:var(--terminal-green);border:2px solid var(--bg-primary);box-shadow:0 0 8px var(--terminal-green)}.timeline-content{position:relative}.exp-date-badge{display:inline-block;font-size:.8rem;color:var(--terminal-cyan);background:#00d9ff1a;border:1px solid var(--terminal-cyan);padding:.3rem .8rem;border-radius:4px;margin-bottom:1rem;font-family:var(--font-mono);font-weight:500}.exp-header{margin-bottom:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline}.exp-role{font-size:1.3rem;color:var(--terminal-green);margin:0;font-family:var(--font-mono);font-weight:600;text-transform:uppercase}.exp-company{color:var(--japanese-red);font-size:1rem;font-family:var(--font-mono)}.exp-location{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;font-family:var(--font-mono)}.exp-description{color:var(--text-secondary);line-height:1.8;font-family:var(--font-mono)}.exp-description p{margin:.5rem 0;position:relative;padding-left:1rem;white-space:normal}.exp-description p:before{content:"→";position:absolute;left:0;color:var(--terminal-cyan)}.japanese-separator{color:var(--japanese-red);opacity:.6;font-family:var(--font-japanese);margin:0 .5rem}.japanese-badge{font-family:var(--font-japanese);color:var(--japanese-red);font-size:.85rem;font-weight:700;letter-spacing:2px}@keyframes glitch{0%{text-shadow:2px 0 var(--terminal-cyan),-2px 0 var(--terminal-red)}25%{text-shadow:-2px 0 var(--terminal-cyan),2px 0 var(--terminal-red)}50%{text-shadow:2px 0 var(--terminal-red),-2px 0 var(--terminal-cyan)}75%{text-shadow:-2px 0 var(--terminal-red),2px 0 var(--terminal-cyan)}to{text-shadow:2px 0 var(--terminal-cyan),-2px 0 var(--terminal-red)}}.glitch-text{animation:glitch .3s infinite}.glitch-text:hover{animation:none}.cherry-blossom-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.cherry-petal{position:absolute;width:20px;height:20px;pointer-events:none;transform-origin:center}.cherry-petal:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:radial-gradient(ellipse at 50% 30%,pink,#ffb6c1 40%,#ff91a4,#ff69b4);border-radius:50% 0 50% 50%;transform:translate(-50%,-50%) rotate(45deg);opacity:.85;box-shadow:0 0 8px #ffb6c199,0 0 4px #ff69b466,inset -2px -2px 4px #ffc0cb4d;filter:drop-shadow(0 2px 3px rgba(220,38,38,.2))}.background-visuals{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.bg-visual{position:absolute;color:var(--terminal-green);opacity:.25;transition:opacity .3s;filter:drop-shadow(0 0 4px currentColor)}.mount-fuji{bottom:0;right:5%;width:500px;height:350px;opacity:.2;color:var(--japanese-red);filter:drop-shadow(0 0 8px rgba(220,38,38,.4))}.virus-icon{width:80px;height:80px;color:var(--terminal-cyan);opacity:.3;filter:drop-shadow(0 0 6px rgba(0,217,255,.5))}.virus-1{top:15%;left:10%;animation:float 20s ease-in-out infinite}.virus-2{top:60%;right:15%;animation:float 25s ease-in-out infinite reverse;animation-delay:-5s}.malware-icon{width:72px;height:72px;color:var(--terminal-green);opacity:.3;filter:drop-shadow(0 0 6px rgba(0,255,65,.5))}.malware-1{top:30%;right:20%;animation:float 18s ease-in-out infinite;animation-delay:-3s}.malware-2{bottom:25%;left:8%;animation:float 22s ease-in-out infinite reverse}.malware-3{top:70%;left:25%;animation:float 24s ease-in-out infinite;animation-delay:-8s}.code-symbol{font-family:var(--font-mono);font-size:3rem;color:var(--terminal-cyan);opacity:.25;font-weight:300;filter:drop-shadow(0 0 8px rgba(0,217,255,.4));text-shadow:0 0 10px currentColor}.code-1{top:20%;right:30%;animation:float 30s ease-in-out infinite}.code-2{bottom:30%;right:10%;animation:float 28s ease-in-out infinite reverse;animation-delay:-10s}.code-3{top:50%;left:15%;animation:float 32s ease-in-out infinite;animation-delay:-15s}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-20px) translate(10px)}50%{transform:translateY(-10px) translate(-5px)}75%{transform:translateY(-15px) translate(15px)}}.skills-container{display:flex;flex-direction:column;gap:2.5rem}.skill-category{margin-bottom:1rem}.category-title{margin-bottom:1.5rem;font-size:1.2rem;color:var(--terminal-green);font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:1px;position:relative;display:inline-block;padding-left:1.5rem}.category-title:before{content:"[";position:absolute;left:0;color:var(--terminal-cyan)}.category-title:after{content:"]";margin-left:.5rem;color:var(--terminal-cyan)}.tags-cloud{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag{background:#00ff410d;border:1px solid rgba(0,255,65,.3);color:var(--terminal-green);padding:.5rem 1rem;border-radius:4px;font-size:.9rem;transition:all .3s;font-family:var(--font-mono);position:relative;overflow:hidden}.skill-tag:before{content:"◆";margin-right:.5rem;color:var(--terminal-cyan);font-size:.7rem}.skill-tag:hover{border-color:var(--terminal-green);background:#00ff4126;color:var(--terminal-green);transform:translateY(-2px);box-shadow:0 4px 12px #00ff4133}.social-links{display:flex;gap:1.5rem;justify-content:center;align-items:center;margin-top:2rem}.social-links a{color:var(--text-secondary);transition:all .3s;padding:.75rem;border:1px solid transparent;border-radius:4px;display:flex;align-items:center;justify-content:center}.social-links a:hover{color:var(--terminal-green);border-color:var(--terminal-green);background:#00ff411a;transform:translateY(-3px);box-shadow:0 4px 12px #00ff414d}.cv-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--terminal-green);color:var(--terminal-bg);border:2px solid var(--terminal-green);border-radius:4px;font-family:var(--font-mono);font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-decoration:none;cursor:pointer;transition:all .3s;box-shadow:0 0 20px #00ff4180,0 4px 12px #0000004d;position:relative;overflow:hidden}.cv-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#0003;transition:left .3s;z-index:0}.cv-button:hover:before{left:100%}.cv-button:hover{background:var(--terminal-cyan);border-color:var(--terminal-cyan);box-shadow:0 0 30px #00d9ffb3,0 6px 20px #0006;transform:translateY(-2px)}.cv-button:active{transform:translateY(0)}.cv-button-icon{font-size:1.2rem;font-family:var(--font-mono);font-weight:700;color:var(--terminal-bg);z-index:1;position:relative;letter-spacing:-1px}.footer{text-align:center;margin-top:6rem;margin-left:-2rem;margin-right:-2rem;padding:2rem;border-top:1px solid var(--terminal-border);color:var(--text-secondary);font-family:var(--font-mono);font-size:.9rem;display:flex;flex-direction:column;gap:3rem;width:calc(100% + 4rem)}.footer-copyright{margin:0}.footer-copyright:before{content:"© ";color:var(--terminal-cyan)}.contact-form-container{width:100%;padding:3rem 2rem;background:var(--bg-secondary);border:2px solid var(--terminal-border);border-radius:var(--card-radius);box-shadow:0 0 0 1px #00ff4126,0 8px 24px #00000080,inset 0 0 20px #00ff410d;position:relative;overflow:hidden}.contact-form-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--terminal-green) 0%,var(--terminal-cyan) 50%,var(--terminal-green) 100%);background-size:200% 100%;animation:scanline-horizontal 3s linear infinite}@keyframes scanline-horizontal{0%{background-position:-200% 0}to{background-position:200% 0}}.contact-form-title{font-size:1.75rem;font-weight:600;color:var(--terminal-green);margin-bottom:2.5rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:3px;text-align:center;position:relative;padding-bottom:1rem}.contact-form-title:before{content:"//";color:var(--terminal-cyan);margin-right:.75rem;opacity:.8;font-weight:400}.contact-form-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--terminal-green),transparent)}.contact-form{display:flex;flex-direction:column;gap:2rem}.form-group{display:flex;flex-direction:column;gap:.75rem;position:relative}.form-group label{color:var(--terminal-cyan);font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:.5rem}.form-group label:before{content:"→";color:var(--terminal-green);font-size:1rem}.contact-form .input-field{background:var(--terminal-bg);border:2px solid var(--terminal-border);color:var(--text-primary);padding:1rem 1.25rem;font-size:1rem;transition:all .3s;font-family:var(--font-mono);position:relative}.contact-form .input-field::placeholder{color:var(--text-secondary);opacity:.6}.contact-form .input-field:focus{outline:none;border-color:var(--terminal-green);background:#00ff410d;box-shadow:0 0 15px #00ff4166,inset 0 0 10px #00ff411a;transform:translateY(-1px)}.contact-form .input-field:hover:not(:focus){border-color:#00ff4180}.contact-form textarea.input-field{resize:vertical;min-height:140px;line-height:1.8;font-family:var(--font-mono)}.submit-button{margin-top:1rem;padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;background:transparent;color:var(--terminal-green);border:2px solid var(--terminal-green);border-radius:4px;cursor:pointer;font-family:var(--font-mono);transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 15px #00ff414d}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--terminal-green);transition:left .3s;z-index:0}.submit-button:hover:not(:disabled):before{left:0}.submit-button:hover:not(:disabled){color:var(--terminal-bg);box-shadow:0 0 25px #00ff4199,0 4px 15px #0000004d;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button span,.submit-button{position:relative;z-index:1}.submit-button:disabled{opacity:.5;cursor:not-allowed;border-color:var(--terminal-border);color:var(--text-secondary)}.submit-button:disabled:hover{transform:none;box-shadow:none}.form-status{padding:1rem 1.5rem;border-radius:4px;font-family:var(--font-mono);font-size:.95rem;text-align:center;font-weight:500;letter-spacing:1px;border:2px solid;position:relative;overflow:hidden}.form-status:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.form-status.success{background:#00ff4126;border-color:var(--terminal-green);color:var(--terminal-green);box-shadow:0 0 15px #00ff414d}.form-status.error{background:#ff004026;border-color:var(--terminal-red);color:var(--terminal-red);box-shadow:0 0 15px #ff00404d}.loading-screen,.error-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-family:var(--font-mono);color:var(--terminal-green)}.loader{width:40px;height:40px;border:3px solid var(--terminal-border);border-top-color:var(--terminal-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{color:var(--terminal-red)}@media(max-width:768px){.hero h1{font-size:2rem;letter-spacing:2px}.tagline{font-size:1.2rem}.timeline{padding-left:1.5rem}.timeline-marker{left:-2.1rem}.section-title{font-size:1.5rem}.avatar,.avatar-placeholder{width:140px;height:140px}}.input-field{width:100%;padding:.8rem;border-radius:4px;border:1px solid var(--terminal-border);background:var(--terminal-bg-alt);color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;transition:all .2s}.input-field:focus{outline:none;border-color:var(--terminal-green);background:var(--terminal-bg);box-shadow:0 0 10px #00ff414d}button{background:transparent;color:var(--terminal-green);border:1px solid var(--terminal-green);padding:.8rem 1.5rem;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--terminal-green);transition:left .3s;z-index:-1}button:hover{color:var(--bg-primary);box-shadow:0 0 20px #00ff4180;transform:translateY(-2px)}button:hover:before{left:0}button:active{transform:translateY(0)}