:root{--bg-primary:#0a0a1a;--bg-secondary:#0f0f2a;--bg-card:#14143299;--bg-card-hover:#1e1e46cc;--bg-glass:#ffffff08;--bg-glass-border:#ffffff14;--text-primary:#e8e8f0;--text-secondary:#9090b8;--text-muted:#5a5a80;--accent-primary:#6366f1;--accent-secondary:#06b6d4;--accent-gradient:linear-gradient(135deg, #6366f1, #06b6d4);--accent-glow:#6366f14d;--success:#22c55e;--warning:#f59e0b;--font-main:"Inter", "Noto Sans KR", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-card:0 4px 24px #0000004d, 0 0 0 1px #ffffff0d;--shadow-glow:0 0 40px #6366f126;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}#hero-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.header{z-index:100;padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--bg-glass-border);background:#0a0a1ab3;position:fixed;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.logo{align-items:center;gap:var(--space-sm);transition:opacity var(--transition-fast);font-size:1.2rem;font-weight:700;display:flex}.logo:hover{opacity:.8}.logo-icon{background:var(--accent-gradient);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-family:serif;font-size:1.2rem;font-weight:800;display:flex}.logo-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav{gap:var(--space-lg);display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.9rem;font-weight:500;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";background:var(--accent-gradient);width:0;height:2px;transition:width var(--transition-base);border-radius:1px;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.hero{z-index:1;min-height:100vh;padding:var(--space-4xl) var(--space-xl);justify-content:center;align-items:center;display:flex;position:relative}.hero-content{text-align:center;max-width:700px}.hero-badge{padding:var(--space-xs) var(--space-md);background:var(--bg-glass);border:1px solid var(--bg-glass-border);color:var(--text-secondary);margin-bottom:var(--space-xl);letter-spacing:.02em;border-radius:999px;font-size:.85rem;display:inline-block}.hero-title{margin-bottom:var(--space-lg);letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.15}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);margin-bottom:var(--space-2xl);font-size:clamp(1rem,2vw,1.2rem);font-weight:300;line-height:1.8}.hero-cta{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-xl);background:var(--accent-gradient);color:#fff;transition:transform var(--transition-base), box-shadow var(--transition-base);font-size:1.05rem;font-weight:600;display:inline-flex;box-shadow:0 4px 20px #6366f14d}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.cta-arrow{transition:transform var(--transition-fast)}.hero-cta:hover .cta-arrow{transform:translate(4px)}.experiments-section,.about-section{z-index:1;padding:var(--space-4xl) var(--space-xl);position:relative}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-title{margin-bottom:var(--space-sm);letter-spacing:-.02em;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700}.section-subtitle{color:var(--text-secondary);font-size:1.05rem}.card-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-width:1200px;margin:0 auto;display:grid}.card{padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--bg-glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--transition-base), background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.card--active{cursor:pointer}.card--active:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-glow);border-color:#6366f14d;transform:translateY(-6px)}.card--active:before{content:"";background:var(--accent-gradient);height:3px;position:absolute;top:0;left:0;right:0}.card--locked{opacity:.45;cursor:not-allowed}.card-icon{margin-bottom:var(--space-md);font-size:2.5rem}.card-category{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-secondary);margin-bottom:var(--space-xs);font-size:.75rem;font-weight:600}.card-title{margin-bottom:var(--space-sm);font-size:1.4rem;font-weight:700}.card-desc{color:var(--text-secondary);margin-bottom:var(--space-lg);flex:1;font-size:.9rem;line-height:1.6}.card-status{padding:var(--space-xs) var(--space-md);border-radius:999px;width:fit-content;font-size:.75rem;font-weight:600;display:inline-block}.card-status--available{color:var(--success);background:#22c55e26;border:1px solid #22c55e4d}.card-status--coming{color:var(--warning);background:#f59e0b1a;border:1px solid #f59e0b33}.card-experiments{margin-top:var(--space-md);gap:var(--space-xs);flex-wrap:wrap;display:flex}.card-experiment-tag{color:var(--accent-primary);background:#6366f11a;border:1px solid #6366f133;border-radius:999px;padding:2px 10px;font-size:.75rem}.about-section{background:var(--bg-secondary)}.about-content{text-align:center;max-width:1000px;margin:0 auto}.about-grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.about-card{padding:var(--space-2xl);border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--bg-glass-border);transition:transform var(--transition-base), border-color var(--transition-base)}.about-card:hover{border-color:#6366f133;transform:translateY(-4px)}.about-icon{margin-bottom:var(--space-md);font-size:2rem}.about-card h3{margin-bottom:var(--space-sm);font-size:1.1rem;font-weight:600}.about-card p{color:var(--text-secondary);font-size:.9rem}.footer{z-index:1;text-align:center;padding:var(--space-2xl);color:var(--text-muted);border-top:1px solid var(--bg-glass-border);font-size:.85rem;position:relative}@media (width<=768px){.header{padding:var(--space-sm) var(--space-md)}.hero{padding:var(--space-4xl) var(--space-md)}.experiments-section,.about-section{padding:var(--space-3xl) var(--space-md)}.card-grid{grid-template-columns:1fr}}