@import"https://fonts.googleapis.com/css2?family=Zen+Antique+Soft&family=Noto+Serif+JP:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Exo+2:wght@300;400;500;600&display=swap";:root{--bg-void: #050510;--bg-night: #0a0a1a;--bg-deep: #0d1020;--bg-card: rgba(15, 20, 40, .8);--bg-card-hover: rgba(25, 35, 65, .9);--led-cyan: #00f5ff;--led-green: #39ff14;--led-magenta: #9966cc;--led-orange: #ff6b00;--led-pink: #ff1493;--led-blue: #4169e1;--led-yellow: #ffd700;--led-red: #ff3333;--accent-primary: var(--led-cyan);--accent-secondary: var(--led-magenta);--accent-tertiary: var(--led-green);--text-primary: #ffffff;--text-secondary: #b8c5d6;--text-muted: #5a6a7a;--text-glow: rgba(0, 245, 255, .8);--spectrum-gradient: linear-gradient( 90deg, var(--led-red) 0%, var(--led-orange) 16%, var(--led-yellow) 32%, var(--led-green) 48%, var(--led-cyan) 64%, var(--led-blue) 80%, var(--led-magenta) 100% );--orange-gradient: linear-gradient( 135deg, #ff3333 0%, #ff6b00 50%, #ff8c00 100% );--spectrum-radial: radial-gradient( ellipse at center, rgba(0, 245, 255, .15) 0%, rgba(255, 0, 255, .1) 30%, rgba(57, 255, 20, .05) 60%, transparent 80% );--glow-cyan: 0 0 20px var(--led-cyan), 0 0 40px rgba(0, 245, 255, .4);--glow-magenta: 0 0 20px var(--led-magenta), 0 0 40px rgba(255, 0, 255, .4);--glow-green: 0 0 20px var(--led-green), 0 0 40px rgba(57, 255, 20, .4);--glow-spectrum: 0 0 30px var(--led-cyan), 0 0 60px var(--led-magenta), 0 0 90px var(--led-green);--neon-bg: #0D0D1A;--neon-bg-card: #12121F;--neon-cyan: #00FFFF;--neon-magenta: #9966cc;--neon-lime: #00FF00;--neon-gradient: linear-gradient(135deg, #00FFFF 0%, #FF00FF 50%, #00FF00 100%);--neon-cyan-glow: 0 0 10px rgba(0, 255, 255, .8), 0 0 30px rgba(0, 255, 255, .4), 0 0 60px rgba(0, 255, 255, .2);--neon-pink-glow: 0 0 10px rgba(255, 0, 255, .8), 0 0 30px rgba(255, 0, 255, .4);--neon-lime-glow: 0 0 10px rgba(0, 255, 0, .8), 0 0 30px rgba(0, 255, 0, .4);--font-heading: "Noto Serif JP", "Zen Antique Soft", serif;--font-body: "Exo 2", sans-serif;--font-cursive: "Cormorant Garamond", serif;--section-padding: 6rem 2rem;--container-max: 1200px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(1px 1px at 20px 30px,var(--led-cyan),transparent),radial-gradient(1px 1px at 40px 70px,var(--led-magenta),transparent),radial-gradient(1px 1px at 50px 160px,var(--led-green),transparent),radial-gradient(1px 1px at 90px 40px,var(--led-orange),transparent),radial-gradient(1px 1px at 130px 80px,var(--led-cyan),transparent),radial-gradient(1px 1px at 160px 120px,var(--led-pink),transparent),radial-gradient(1.5px 1.5px at 200px 50px,var(--led-yellow),transparent),radial-gradient(1px 1px at 220px 140px,var(--led-blue),transparent),radial-gradient(1px 1px at 280px 90px,var(--led-magenta),transparent),radial-gradient(1.5px 1.5px at 320px 180px,var(--led-green),transparent);background-repeat:repeat;background-size:350px 200px;pointer-events:none;z-index:0;opacity:.4}.container{max-width:var(--container-max);margin:0 auto;padding:0 2rem;position:relative;z-index:1}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:500;letter-spacing:.02em}h1{font-size:clamp(2.5rem,6vw,4.5rem);background:var(--spectrum-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 100%}h2{font-size:clamp(1.8rem,4vw,2.8rem);color:var(--text-primary);position:relative;display:inline-block}h2:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;background:var(--spectrum-gradient)}h3{font-size:1.4rem;color:var(--led-cyan)}p{font-size:1.1rem;color:var(--text-secondary);font-weight:400}a{color:var(--led-cyan);text-decoration:none;transition:color .3s ease}a:hover{color:var(--led-magenta)}.btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-family:var(--font-heading);font-size:.95rem;font-weight:500;letter-spacing:.1em;border:1px solid transparent;border-radius:0;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.btn-primary{background:transparent;color:var(--led-blue);border-color:var(--led-blue)}.btn-primary:hover{background:var(--led-blue);color:var(--text-primary)}.btn-secondary{background:transparent;color:var(--led-magenta);border-color:var(--led-magenta)}.btn-secondary:hover{background:var(--led-magenta);color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid rgba(0,245,255,.2);padding:2rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .3s ease}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--spectrum-gradient)}.card:hover{border-color:#f0f6}section{padding:var(--section-padding);position:relative;z-index:1}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.led-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;position:relative}.led-icon.cyan{background:radial-gradient(circle,var(--led-cyan),transparent 70%)}.led-icon.magenta{background:radial-gradient(circle,var(--led-magenta),transparent 70%)}.led-icon.green{background:radial-gradient(circle,var(--led-green),transparent 70%)}input,textarea,select{width:100%;padding:1rem 1.5rem;font-family:var(--font-body);font-size:1rem;background:#0a0a1acc;border:1px solid rgba(0,245,255,.3);color:var(--text-primary);transition:border-color .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--led-cyan);background:#0f0f23e6}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option,select optgroup{background-color:#0a0a1a;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--spectrum-gradient)}::selection{background:var(--led-magenta);color:var(--bg-void)}@media (max-width: 768px){:root{--section-padding: 4rem 1.5rem}.btn{padding:.875rem 2rem;font-size:.85rem}}