:root{--base-size: 1.9rem;--primary: #667eea;--primary-light: #818cf8;--secondary: #764ba2;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg-dark: #0f172a;--bg-darker: #0a0f1e;--card-bg: #1e293b;--card-hover: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #334155;--shadow: 0 10px 40px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .5);--radius: 24px;--radius-sm: 16px}body{margin:0;padding:0;background:linear-gradient(135deg,var(--bg-darker) 0%,var(--bg-dark) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--base-size);color:var(--text-primary);line-height:1.6}.container.svelte-1vjdqut{max-width:1000px;margin:0 auto 6rem;padding:4rem 2rem;min-height:100vh}.intro-section.svelte-1vjdqut{animation:svelte-1vjdqut-fadeIn .8s ease-out}.header.svelte-1vjdqut{text-align:center;margin-bottom:6rem}.emoji-badge.svelte-1vjdqut{font-size:6rem;margin-bottom:2rem;animation:svelte-1vjdqut-bounce 2s infinite}.title.svelte-1vjdqut{font-size:calc(var(--base-size) * 2.2);font-weight:900;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 2rem;line-height:1.1;letter-spacing:-.02em}.subtitle.svelte-1vjdqut{font-size:calc(var(--base-size) * 1.1);color:var(--text-secondary);margin:0;font-weight:500}.highlight.svelte-1vjdqut{color:var(--primary-light);font-weight:700}.rules-section.svelte-1vjdqut{margin-bottom:6rem}.section-title.svelte-1vjdqut{font-size:calc(var(--base-size) * 1.5);font-weight:800;color:var(--text-primary);text-align:center;margin:0 0 3rem}.rules-grid.svelte-1vjdqut{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.rule-card.svelte-1vjdqut{background:var(--card-bg);border-radius:var(--radius-sm);padding:3rem 2rem;text-align:center;box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid var(--border)}.rule-card.svelte-1vjdqut:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary);background:var(--card-hover)}.rule-icon.svelte-1vjdqut{font-size:4rem;margin-bottom:1.5rem;display:block}.rule-card.svelte-1vjdqut h3:where(.svelte-1vjdqut){font-size:calc(var(--base-size) * .9);font-weight:700;color:var(--text-primary);margin:0 0 1rem}.rule-card.svelte-1vjdqut p:where(.svelte-1vjdqut){font-size:calc(var(--base-size) * .75);color:var(--text-secondary);margin:0;line-height:1.5}.expect-section.svelte-1vjdqut{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius);padding:4rem 3rem;margin:0 auto 6rem;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;max-width:48rem}.expect-section.svelte-1vjdqut:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#ffffff0d;border-radius:50%;pointer-events:none}.expect-content.svelte-1vjdqut{position:relative;z-index:1}.section-title-accent.svelte-1vjdqut{font-size:calc(var(--base-size) * 1.5);font-weight:800;color:#fff;text-align:center;margin:0 0 3rem}.expect-grid.svelte-1vjdqut{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.expect-item.svelte-1vjdqut{text-align:center;color:#fff}.expect-icon.svelte-1vjdqut{font-size:3.5rem;display:block;margin-bottom:1rem}.expect-item.svelte-1vjdqut p:where(.svelte-1vjdqut){font-size:calc(var(--base-size) * .8);font-weight:600;margin:0}.cta-section.svelte-1vjdqut{text-align:center}.btn-start.svelte-1vjdqut{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;font-size:calc(var(--base-size) * 1.1);font-weight:800;padding:2rem 4rem;border:none;border-radius:100px;cursor:pointer;display:inline-flex;align-items:center;gap:1rem;transition:all .3s ease;box-shadow:0 20px 50px #667eea66;position:relative;overflow:hidden}.btn-start.svelte-1vjdqut:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);opacity:0;transition:opacity .3s}.btn-start.svelte-1vjdqut:hover:before{opacity:1}.btn-start.svelte-1vjdqut:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 30px 60px #667eea99}.btn-text.svelte-1vjdqut,.btn-arrow.svelte-1vjdqut{position:relative;z-index:1}.btn-arrow.svelte-1vjdqut{font-size:2rem;transition:transform .3s}.btn-start.svelte-1vjdqut:hover .btn-arrow:where(.svelte-1vjdqut){transform:translate(8px)}.cta-note.svelte-1vjdqut{margin-top:2rem;color:var(--text-muted);font-size:calc(var(--base-size) * .7);font-weight:500}.hiragana-section.svelte-1vjdqut{animation:svelte-1vjdqut-fadeIn .6s ease-out}.hiragana-header.svelte-1vjdqut{text-align:center;margin-bottom:4rem}.hiragana-badge.svelte-1vjdqut{font-size:5rem;margin-bottom:2rem}.hiragana-header.svelte-1vjdqut h2:where(.svelte-1vjdqut){font-size:calc(var(--base-size) * 1.8);font-weight:800;color:var(--text-primary);margin:0 0 1rem}.hiragana-subtitle.svelte-1vjdqut{font-size:calc(var(--base-size) * .9);color:var(--text-secondary);margin:0}.hiragana-test.svelte-1vjdqut{background:var(--card-bg);border:2px solid var(--border);border-radius:var(--radius-sm);padding:4rem 3rem;text-align:center;margin-bottom:3rem;box-shadow:var(--shadow)}.test-label.svelte-1vjdqut{font-size:2rem;color:var(--text-secondary);margin:0 0 2rem;font-weight:600}.test-text.svelte-1vjdqut{font-size:2.4rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;letter-spacing:1rem}.test-hint.svelte-1vjdqut{font-size:calc(var(--base-size) * .75);color:var(--text-muted);margin:0}.choice-grid.svelte-1vjdqut{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.choice-card.svelte-1vjdqut{background:var(--card-bg);border:3px solid var(--border);border-radius:var(--radius-sm);padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;cursor:pointer;transition:all .3s ease;text-align:center}.choice-card.svelte-1vjdqut:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);background:var(--card-hover)}.choice-yes.svelte-1vjdqut:hover{border-color:var(--success)}.choice-no.svelte-1vjdqut:hover{border-color:var(--danger)}.choice-icon.svelte-1vjdqut{font-size:4rem}.choice-content.svelte-1vjdqut h3:where(.svelte-1vjdqut){font-size:calc(var(--base-size) * .95);font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.choice-content.svelte-1vjdqut p:where(.svelte-1vjdqut){font-size:calc(var(--base-size) * .75);color:var(--text-secondary);margin:0}.romaji-section.svelte-1vjdqut{animation:svelte-1vjdqut-fadeIn .6s ease-out}.romaji-header.svelte-1vjdqut{text-align:center;margin-bottom:4rem}.romaji-icon.svelte-1vjdqut{font-size:5rem;margin-bottom:2rem}.romaji-header.svelte-1vjdqut h2:where(.svelte-1vjdqut){font-size:4rem;font-weight:800;color:var(--text-primary);margin:0 0 1rem}.romaji-subtitle.svelte-1vjdqut{font-size:2.4rem;color:var(--text-secondary);margin:0}.romaji-content.svelte-1vjdqut{display:flex;flex-direction:column;gap:3rem}.info-card.svelte-1vjdqut{background:var(--card-bg);border:2px solid var(--border);border-radius:var(--radius-sm);padding:3rem;box-shadow:var(--shadow);display:flex;gap:2rem;align-items:start}.info-icon.svelte-1vjdqut{font-size:4rem;flex-shrink:0}.info-text.svelte-1vjdqut h3:where(.svelte-1vjdqut){font-size:2.2rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.info-text.svelte-1vjdqut p:where(.svelte-1vjdqut){color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6}.info-text.svelte-1vjdqut ul:where(.svelte-1vjdqut){list-style:none;padding:0;margin:0}.info-text.svelte-1vjdqut li:where(.svelte-1vjdqut){font-size:1.8rem;color:var(--text-secondary);padding-left:2rem;margin-bottom:.75rem;position:relative}.info-text.svelte-1vjdqut li:where(.svelte-1vjdqut):before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.recommendation-card.svelte-1vjdqut{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);border-radius:var(--radius-sm);padding:3rem;color:#fff;text-align:center;box-shadow:var(--shadow-lg)}.recommendation-card.svelte-1vjdqut h3:where(.svelte-1vjdqut){font-size:2.2rem;font-weight:800;margin:0 0 1.5rem}.recommendation-card.svelte-1vjdqut p:where(.svelte-1vjdqut){font-size:1.8rem;margin:0 0 2rem;line-height:1.6}.btn-signup.svelte-1vjdqut{background:#fff;color:var(--success);font-size:calc(var(--base-size) * .9);font-weight:700;padding:1.5rem 3rem;border:none;border-radius:100px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #0000004d}.btn-signup.svelte-1vjdqut:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0006}.signup-form.svelte-1vjdqut{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.email-input.svelte-1vjdqut{width:100%;padding:1.5rem 2rem;background:#fffffff2;border:2px solid rgba(255,255,255,.3);border-radius:100px;font-size:1.7rem;color:#0a0a0a;font-family:inherit;transition:all .3s ease}.email-input.svelte-1vjdqut::-moz-placeholder{color:#00000080}.email-input.svelte-1vjdqut::placeholder{color:#00000080}.email-input.svelte-1vjdqut:focus{outline:none;border-color:#fff;background:#fff;box-shadow:0 0 0 4px #fff3}.email-input.svelte-1vjdqut:disabled{opacity:.6;cursor:not-allowed}.submit-btn.svelte-1vjdqut{padding:1.5rem 3rem;background:#fff;color:var(--success);border:none;border-radius:100px;font-size:1.7rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:1rem;box-shadow:0 10px 30px #0000004d}.submit-btn.svelte-1vjdqut:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 15px 40px #0006}.submit-btn.svelte-1vjdqut:disabled{opacity:.7;cursor:not-allowed}.spinner.svelte-1vjdqut{width:18px;height:18px;border:2px solid rgba(16,185,129,.3);border-top-color:var(--success);border-radius:50%;animation:svelte-1vjdqut-spin .6s linear infinite}@keyframes svelte-1vjdqut-spin{to{transform:rotate(360deg)}}.submit-message.svelte-1vjdqut{margin-top:1rem;font-size:1.6rem;font-weight:600;line-height:1.6;animation:svelte-1vjdqut-fadeIn .5s ease}.submit-message.svelte-1vjdqut:not(.error){color:#fff}.submit-message.error.svelte-1vjdqut{color:#fecaca}.divider.svelte-1vjdqut{text-align:center;position:relative;margin:2rem 0}.divider.svelte-1vjdqut:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--border)}.divider.svelte-1vjdqut span:where(.svelte-1vjdqut){background:var(--bg-dark);padding:0 2rem;font-size:calc(var(--base-size) * .8);font-weight:700;color:var(--text-muted);position:relative;z-index:1}.romaji-option.svelte-1vjdqut{background:#f59e0b1a;border:3px solid var(--warning);border-radius:var(--radius-sm);padding:3rem;text-align:center}.romaji-option.svelte-1vjdqut h3:where(.svelte-1vjdqut){font-size:2.2rem;font-weight:700;color:var(--warning);margin:0 0 1rem}.romaji-option.svelte-1vjdqut p:where(.svelte-1vjdqut){color:var(--text-secondary);margin:0 0 2rem;line-height:1.6}.btn-romaji.svelte-1vjdqut{background:transparent;color:var(--warning);border:2px solid var(--warning);border-radius:var(--radius-sm);padding:1.5rem 3rem;font-size:calc(var(--base-size) * .85);font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;margin-bottom:1.5rem}.btn-romaji.svelte-1vjdqut:hover{background:var(--warning);color:var(--bg-dark);transform:translateY(-2px)}.romaji-warning.svelte-1vjdqut{font-size:1.7rem;color:var(--text-muted);margin:0;font-weight:600}@keyframes svelte-1vjdqut-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1vjdqut-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.container.svelte-1vjdqut{padding:2rem 1rem}.emoji-badge.svelte-1vjdqut{font-size:4rem}.title.svelte-1vjdqut{font-size:calc(var(--base-size) * 1.8)}.rules-grid.svelte-1vjdqut,.expect-grid.svelte-1vjdqut,.choice-grid.svelte-1vjdqut{grid-template-columns:1fr}.btn-start.svelte-1vjdqut{width:100%;justify-content:center;padding:1.75rem 2rem}.info-card.svelte-1vjdqut{flex-direction:column;align-items:center;text-align:center}.romaji-header.svelte-1vjdqut h2:where(.svelte-1vjdqut){font-size:3rem}.romaji-subtitle.svelte-1vjdqut{font-size:2rem}.info-text.svelte-1vjdqut li:where(.svelte-1vjdqut){font-size:1.7rem}.recommendation-card.svelte-1vjdqut p:where(.svelte-1vjdqut){font-size:1.7rem}}