.site-header[data-astro-cid-ps6ykndd]{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--color-bg-header);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);transition:all .3s ease}.header-container[data-astro-cid-ps6ykndd]{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;height:80px}.logo-link[data-astro-cid-ps6ykndd]{text-decoration:none}.logo-text[data-astro-cid-ps6ykndd]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navigation[data-astro-cid-ps6ykndd]{display:flex;gap:var(--spacing-lg)}.nav-link[data-astro-cid-ps6ykndd]{color:var(--color-text-light);text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .3s ease}.nav-link[data-astro-cid-ps6ykndd]:hover{color:var(--color-secondary-solid);background:var(--color-bg-tertiary)}.nav-link[data-astro-cid-ps6ykndd].active{color:var(--color-secondary-solid);background:var(--color-bg-card)}@media (max-width: 768px){.header-container[data-astro-cid-ps6ykndd]{padding:0 var(--spacing-lg)}.navigation[data-astro-cid-ps6ykndd]{display:none}}:root{--color-primary: linear-gradient(135deg, #ff006e 0%, #8338ec 50%, #3a86ff 100%);--color-primary-solid: #ff006e;--color-primary-dark: #d90368;--color-secondary: linear-gradient(135deg, #06ffa5 0%, #00d9ff 100%);--color-secondary-solid: #06ffa5;--color-accent: linear-gradient(135deg, #ffbe0b 0%, #fb8500 100%);--color-accent-solid: #ffbe0b;--color-text: #ffffff;--color-text-light: #e4e6ea;--color-text-lighter: #b8bcc8;--color-text-accent: #06ffa5;--color-text-neon: #ff006e;--color-bg: #0a0a0f;--color-bg-secondary: #141427;--color-bg-tertiary: #1e1e3f;--color-bg-card: rgba(20, 20, 39, .85);--color-bg-card-hover: rgba(20, 20, 39, .95);--color-bg-glass: rgba(10, 10, 15, .6);--color-bg-header: rgba(10, 10, 15, .95);--color-border: rgba(6, 255, 165, .3);--color-border-light: rgba(6, 255, 165, .15);--color-border-accent: rgba(255, 0, 110, .4);--color-success: #06ffa5;--color-warning: #ffbe0b;--color-error: #ff006e;--shadow-xs: 0 0 0 1px rgba(0, 0, 0, .1);--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .3), 0 2px 8px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 25px -5px rgba(0, 0, 0, .4), 0 4px 12px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 40px -8px rgba(0, 0, 0, .5), 0 8px 20px -6px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 60px -15px rgba(0, 0, 0, .6);--shadow-inner: inset 0 2px 8px 0 rgba(0, 0, 0, .3);--shadow-neon-pink: 0 0 30px rgba(255, 0, 110, .6), 0 0 60px rgba(255, 0, 110, .3);--shadow-neon-cyan: 0 0 30px rgba(6, 255, 165, .6), 0 0 60px rgba(6, 255, 165, .3);--shadow-neon-purple: 0 0 30px rgba(131, 56, 236, .6), 0 0 60px rgba(131, 56, 236, .3);--shadow-neon-orange: 0 0 30px rgba(255, 190, 11, .6), 0 0 60px rgba(255, 190, 11, .3);--shadow-dark: 0 8px 32px rgba(0, 0, 0, .6);--shadow-dark-lg: 0 16px 64px rgba(0, 0, 0, .7);--gradient-primary: linear-gradient(135deg, #d90368 0%, #6f2da8 50%, #2563eb 100%);--gradient-secondary: linear-gradient(135deg, #059669 0%, #0891b2 100%);--gradient-accent: linear-gradient(135deg, #d97706 0%, #dc2626 100%);--gradient-neon: linear-gradient(135deg, #ff006e 0%, #06ffa5 50%, #3a86ff 100%);--gradient-dark: linear-gradient(135deg, #0a0a0f 0%, #141427 100%);--gradient-glass: linear-gradient(135deg, rgba(10, 10, 15, .6) 0%, rgba(10, 10, 15, .3) 100%);--gradient-cyber: linear-gradient(135deg, #06ffa5 0%, #ff006e 50%, #8338ec 100%);--gradient-hologram: linear-gradient(45deg, #ff006e, #8338ec, #3a86ff, #06ffa5, #ffbe0b);--gradient-aurora: linear-gradient(135deg, #ff006e 0%, #8338ec 25%, #3a86ff 50%, #06ffa5 75%, #ffbe0b 100%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 2rem;--spacing-4xl: 2.5rem;--spacing-5xl: 3rem;--spacing-6xl: 4rem;--spacing-7xl: 5rem;--spacing-8xl: 6rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900}@media (prefers-color-scheme: dark){:root{--color-text: #f7fafc;--color-text-light: #cbd5e0;--color-text-lighter: #a0aec0;--color-text-accent: #90cdf4;--color-bg: #0f0f23;--color-bg-secondary: #1a1b3e;--color-bg-tertiary: #2d2e5f;--color-bg-card: rgba(26, 27, 62, .8);--color-bg-card-hover: rgba(26, 27, 62, .95);--color-bg-glass: rgba(26, 27, 62, .1);--color-border: rgba(113, 128, 150, .2);--color-border-light: rgba(113, 128, 150, .1);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-dark: linear-gradient(135deg, #1a1b3e 0%, #0f0f23 100%);--gradient-glass: linear-gradient(135deg, rgba(26, 27, 62, .1) 0%, rgba(26, 27, 62, .05) 100%)}}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{margin:0;padding:80px 0 0;font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;scroll-behavior:smooth}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 85%,rgba(255,0,110,.15) 0%,transparent 60%),radial-gradient(circle at 85% 15%,rgba(6,255,165,.12) 0%,transparent 60%),radial-gradient(circle at 35% 45%,rgba(131,56,236,.1) 0%,transparent 50%),radial-gradient(circle at 65% 75%,rgba(58,134,255,.08) 0%,transparent 55%),radial-gradient(circle at 50% 30%,rgba(255,190,11,.06) 0%,transparent 45%);pointer-events:none;z-index:-1;animation:aurora-pulse 8s ease-in-out infinite alternate}@keyframes aurora-pulse{0%{opacity:.8}to{opacity:1}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(6,255,165,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(6,255,165,.06) 1px,transparent 1px),linear-gradient(rgba(255,0,110,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,110,.03) 1px,transparent 1px);background-size:60px 60px,60px 60px,120px 120px,120px 120px;pointer-events:none;z-index:-1;opacity:.4;animation:grid-flicker 4s ease-in-out infinite}@keyframes grid-flicker{0%,to{opacity:.4}50%{opacity:.6}}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}a{color:var(--color-primary-solid);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--color-secondary-solid);text-shadow:0 0 12px rgba(6,255,165,.8);transform:translateY(-1px)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-3xl) 0}.section-title{font-size:1.875rem;font-weight:600;text-align:left;margin-bottom:var(--spacing-lg);color:var(--color-text);position:relative;padding-left:var(--spacing-lg)}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--color-primary);border-radius:2px}.card{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-dark);border:1px solid var(--color-border);backdrop-filter:blur(15px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-neon);opacity:.8}.card:after{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);background:var(--gradient-neon);opacity:0;z-index:-1;transition:opacity .4s ease}.card:hover{transform:translateY(-8px) scale(1.03);box-shadow:var(--shadow-neon-cyan),var(--shadow-dark-lg);border-color:var(--color-secondary-solid)}.card:hover:after{opacity:.1}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;font-size:.875rem}.btn-primary{background:var(--gradient-neon);color:#fff;box-shadow:var(--shadow-neon-cyan);position:relative;overflow:hidden;text-shadow:0 0 12px rgba(0,0,0,.8),0 0 4px rgba(0,0,0,1);font-weight:700}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-aurora);transition:left .4s ease}.btn-primary:hover:before{left:0}.btn-primary:hover{transform:translateY(-3px) scale(1.08);box-shadow:var(--shadow-neon-pink),var(--shadow-neon-cyan)}.btn-outline{background:transparent;border:2px solid var(--color-primary-solid);color:var(--color-primary-solid);position:relative;overflow:hidden}.btn-outline:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:left .3s ease;z-index:-1}.btn-outline:hover:before{left:0}.btn-outline:hover{color:#fff;border-color:var(--color-primary-dark);box-shadow:var(--shadow-glow)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-up{animation:slideUp .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}.section{padding:var(--spacing-2xl) 0}.section-title{font-size:2rem;margin-bottom:var(--spacing-xl)}.card{padding:var(--spacing-lg)}}