:root{--neon-blue: #00f0ff;--neon-pink: #ff00ff;--neon-purple: #bd00ff;--neon-green: #00ff9d;--neon-yellow: #fff01f;--void-black: #0a0a0f;--space-gray: #1a1a2e;--metal-silver: #2d2d44;--concrete: #3d3d5c;--light-gray: #6b6b8c;--glass-bg: rgba(45, 45, 68, .6);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: rgba(0, 0, 0, .3);--glow-blue: rgba(0, 240, 255, .5);--glow-pink: rgba(255, 0, 255, .5);--glow-purple: rgba(189, 0, 255, .5);--glow-green: rgba(0, 255, 157, .5);--font-display: "Orbitron", "Rajdhani", sans-serif;--font-body: "Be Vietnam Pro", "Inter", "Rajdhani", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--transition-slower: .8s}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--void-black);color:#e0e0e0;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--space-gray)}::-webkit-scrollbar-thumb{background:var(--neon-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-pink)}::-moz-selection{background:var(--neon-pink);color:var(--void-black)}::selection{background:var(--neon-pink);color:var(--void-black)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:.05em;text-transform:uppercase}h1{font-size:clamp(2.5rem,8vw,6rem)}h2{font-size:clamp(2rem,6vw,4rem)}h3{font-size:clamp(1.5rem,4vw,2.5rem)}p{font-size:1.125rem;color:#c8c8d0}.content-page{background:#f8f9fa;color:#333;border-radius:0;padding:2rem 0}.content-page h1,.content-page h2,.content-page h3,.content-page h4,.content-page h5,.content-page h6{font-family:var(--font-body);text-transform:none;letter-spacing:normal;color:#1a1a2e}.content-page h1{font-size:2.5rem}.content-page h2{font-size:1.75rem}.content-page h3{font-size:1.25rem}.content-page p{color:#4a4a6a;font-size:1rem;line-height:1.8}.content-page a{color:#2563eb}.content-page a:hover{color:#1d4ed8;text-decoration:underline}.content-page .bg-gray-50{background-color:#fff!important}.content-page .bg-primary-50{background-color:#eff6ff!important}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow);border-radius:16px;transition:all var(--transition-normal) ease}.glass-card:hover{border-color:var(--neon-blue);box-shadow:0 8px 32px var(--glass-shadow),0 0 30px var(--glow-blue)}.glass-panel{background:#1a1a2ecc;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.05)}.neon-text-blue{color:var(--neon-blue);text-shadow:0 0 10px var(--glow-blue),0 0 20px var(--glow-blue),0 0 40px var(--glow-blue)}.neon-text-pink{color:var(--neon-pink);text-shadow:0 0 10px var(--glow-pink),0 0 20px var(--glow-pink),0 0 40px var(--glow-pink)}.neon-text-purple{color:var(--neon-purple);text-shadow:0 0 10px var(--glow-purple),0 0 20px var(--glow-purple)}.neon-border{border:2px solid var(--neon-blue);box-shadow:0 0 10px var(--glow-blue),inset 0 0 10px var(--glow-blue)}.neon-glow{box-shadow:0 0 10px var(--glow-blue),0 0 20px var(--glow-blue),0 0 40px var(--glow-blue)}@keyframes neonPulse{0%,to{box-shadow:0 0 10px var(--glow-blue)}50%{box-shadow:0 0 20px var(--glow-blue),0 0 40px var(--glow-blue),0 0 60px var(--glow-blue)}}@keyframes neonPulsePink{0%,to{box-shadow:0 0 10px var(--glow-pink)}50%{box-shadow:0 0 20px var(--glow-pink),0 0 40px var(--glow-pink),0 0 60px var(--glow-pink)}}@keyframes glitch{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)}}@keyframes scanline{0%{transform:translateY(-100%);opacity:0}50%{opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-neon-pulse{animation:neonPulse 2s ease-in-out infinite}.animate-neon-pulse-pink{animation:neonPulsePink 2s ease-in-out infinite}.animate-glitch{animation:glitch .3s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradientShift 3s ease infinite}.btn-neon{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;font-family:var(--font-display);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;background:transparent;border:2px solid var(--neon-blue);color:var(--neon-blue);border-radius:8px;cursor:pointer;transition:all var(--transition-normal) ease;box-shadow:0 0 10px var(--glow-blue)}.btn-neon:hover{background:var(--neon-blue);color:var(--void-black);box-shadow:0 0 20px var(--glow-blue),0 0 40px var(--glow-blue);transform:translateY(-2px)}.btn-neon-pink{border-color:var(--neon-pink);color:var(--neon-pink);box-shadow:0 0 10px var(--glow-pink)}.btn-neon-pink:hover{background:var(--neon-pink);color:var(--void-black);box-shadow:0 0 20px var(--glow-pink),0 0 40px var(--glow-pink)}.btn-neon-purple{border-color:var(--neon-purple);color:var(--neon-purple);box-shadow:0 0 10px var(--glow-purple)}.btn-neon-purple:hover{background:var(--neon-purple);color:#fff;box-shadow:0 0 20px var(--glow-purple),0 0 40px var(--glow-purple)}.cyber-card{position:relative;background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:all var(--transition-normal) ease}.cyber-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--neon-blue),var(--neon-pink),var(--neon-purple),transparent);opacity:0;transition:opacity var(--transition-normal) ease}.cyber-card:hover{transform:translateY(-8px);border-color:var(--neon-blue);box-shadow:0 20px 60px var(--glass-shadow),0 0 40px var(--glow-blue)}.cyber-card:hover:before{opacity:1}.cyber-card-image{min-height:200px;position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--space-gray);border:1px solid var(--glass-border)}.cyber-card-image img{min-height:100%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow) ease;display:block}.cyber-card:hover .cyber-card-image img{display:block!important;min-height:100%;transform:scale(1.1)}.cyber-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(10,10,15,.8) 100%)}.floating-nav{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px var(--glass-shadow)}.nav-item{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;color:var(--light-gray);transition:all var(--transition-normal) ease;position:relative}.nav-item:hover{background:var(--neon-blue);color:var(--void-black);box-shadow:0 0 20px var(--glow-blue)}.nav-item.active{background:var(--neon-pink);color:var(--void-black);box-shadow:0 0 20px var(--glow-pink)}.nav-tooltip{position:absolute;left:70px;background:var(--space-gray);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast) ease;border:1px solid var(--glass-border)}.nav-item:hover .nav-tooltip{opacity:1;left:60px}.hero-neo{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(189,0,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,240,255,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,0,255,.1) 0%,transparent 40%);z-index:0}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:50px 50px;z-index:1}.hero-content{position:relative;z-index:10;text-align:center;max-width:1200px;padding:2rem}.hero-title{font-size:clamp(3rem,12vw,10rem);font-weight:900;line-height:.9;letter-spacing:.1em;background:linear-gradient(135deg,var(--neon-blue) 0%,var(--neon-pink) 50%,var(--neon-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;margin-bottom:1rem}.hero-subtitle{font-size:clamp(1rem,2vw,1.5rem);color:var(--light-gray);max-width:600px;margin:0 auto 2rem}.scanline-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 1px,transparent 4px);opacity:.15}@media (prefers-reduced-motion: reduce){.scanline-overlay{opacity:.05}}.marquee{position:relative;overflow:hidden;white-space:nowrap;padding:1rem 0;background:var(--space-gray);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.marquee-content{display:inline-block;animation:marquee 30s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{display:inline-block;padding:0 2rem;font-family:var(--font-mono);font-size:.875rem;color:var(--neon-green)}.marquee-item:before{content:"▶";margin-right:.5rem;color:var(--neon-pink)}.section-header{text-align:center;margin-bottom:4rem;position:relative}.section-tag{display:inline-block;font-family:var(--font-mono);font-size:.75rem;color:var(--neon-blue);padding:.5rem 1rem;border:1px solid var(--neon-blue);border-radius:100px;margin-bottom:1rem;box-shadow:0 0 10px var(--glow-blue)}.section-title{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1rem}.section-divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.section-divider:before,.section-divider:after{content:"";width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--neon-blue),transparent)}.footer-neo{background:var(--void-black);border-top:1px solid var(--glass-border);padding:3rem 2rem}.footer-content{display:flex;flex-direction:column;gap:2rem;max-width:1400px;margin:0 auto}.footer-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--neon-blue);display:flex;align-items:center;gap:.75rem}.footer-english-site{margin:.5rem 0}.english-site-link{display:inline-flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--glass-bg, rgba(45, 45, 68, .6));border:1px solid var(--glass-border);border-radius:12px;text-decoration:none;transition:all .3s ease}.english-site-link:hover{border-color:var(--neon-blue);box-shadow:0 0 20px var(--glow-blue);transform:translateY(-2px)}.english-link-text{display:flex;flex-direction:column;gap:.25rem}.link-label{color:var(--neon-blue);font-family:var(--font-display);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.link-url{color:var(--light-gray);font-family:var(--font-body);font-size:.75rem;letter-spacing:.02em}.footer-links{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:center}.footer-link{color:var(--light-gray);text-decoration:none;transition:color var(--transition-fast) ease}.footer-link:hover{color:var(--neon-pink)}.text-gradient{background:linear-gradient(135deg,var(--neon-blue),var(--neon-pink),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient-neo{background:linear-gradient(135deg,var(--space-gray) 0%,var(--void-black) 100%)}.border-neon{border:1px solid var(--neon-blue);box-shadow:0 0 10px var(--glow-blue)}@media (max-width: 768px){.floating-nav{left:10px;padding:.75rem;flex-direction:row;bottom:20px;top:auto;transform:none}.nav-tooltip{display:none}.hero-title{letter-spacing:.05em}.footer-neo{padding:2rem 1rem}.footer-content{gap:1.5rem}.footer-logo{font-size:1.25rem;justify-content:center}.footer-english-site{order:-1}.english-site-link{padding:.75rem 1rem;width:100%;justify-content:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem}.footer-link{padding:.5rem 0;font-size:.875rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.neo-tokyo-version:before{content:"v20260410";display:none}