body{margin:0;font-family:Montserrat,-apple-system,sans-serif;background:#f6f8fd;color:#334155;overflow-x:hidden}.container.svelte-1uha8ag{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes svelte-1uha8ag-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1uha8ag-float{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-15px) rotate(-1deg)}}.fade-in.svelte-1uha8ag{animation:svelte-1uha8ag-fadeInUp .6s ease-out forwards;opacity:0}.delay-1.svelte-1uha8ag{animation-delay:.1s}.delay-2.svelte-1uha8ag{animation-delay:.2s}.delay-3.svelte-1uha8ag{animation-delay:.3s}.navbar.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;padding:25px 0}.logo.svelte-1uha8ag{font-size:24px;font-weight:800;color:#1e293b;text-decoration:none;display:flex;align-items:center;gap:10px}.nav-buttons.svelte-1uha8ag{display:flex;gap:15px;align-items:center}.btn.svelte-1uha8ag{display:inline-flex;justify-content:center;align-items:center;padding:14px 28px;border-radius:14px;font-weight:800;font-size:15px;text-decoration:none;transition:.2s;cursor:pointer;border:none;font-family:inherit}.btn-primary.svelte-1uha8ag{background:#28a7e8;color:#fff;box-shadow:0 4px 15px #28a7e84d}.btn-primary.svelte-1uha8ag:hover{background:#1d8ac2;transform:translateY(-2px);box-shadow:0 8px 25px #28a7e866}.btn-secondary.svelte-1uha8ag{background:#fff;color:#475569;border:2px solid #e2e8f0}.btn-secondary.svelte-1uha8ag:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 15px #0000000d}.hero.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;min-height:80vh;padding:40px 0;gap:40px;flex-wrap:wrap}.hero-content.svelte-1uha8ag{flex:1;min-width:320px;max-width:600px}.hero-tag.svelte-1uha8ag{display:inline-block;background:#e0f2fe;color:#0284c7;font-size:13px;font-weight:700;padding:8px 16px;border-radius:20px;margin-bottom:20px;border:1px solid #bae6fd}.hero-title.svelte-1uha8ag{font-size:56px;font-weight:800;color:#1e293b;line-height:1.1;margin:0 0 25px}.hero-title.svelte-1uha8ag span:where(.svelte-1uha8ag){color:#28a7e8}.hero-desc.svelte-1uha8ag{font-size:18px;color:#64748b;line-height:1.6;margin-bottom:40px;font-weight:500}.hero-visual.svelte-1uha8ag{flex:1;min-width:320px;display:flex;justify-content:center;perspective:1000px}.flashcard-3d.svelte-1uha8ag{width:320px;height:420px;position:relative;transition:transform .8s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d;cursor:pointer;animation:svelte-1uha8ag-float 6s ease-in-out infinite}.flashcard-3d.svelte-1uha8ag:hover{transform:rotateY(180deg) scale(1.05);animation-play-state:paused}.face.svelte-1uha8ag{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:#fff;border-radius:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;box-sizing:border-box;border:3px solid #e2e8f0;box-shadow:0 20px 50px #0000001a}.face.front.svelte-1uha8ag{background:linear-gradient(135deg,#fff,#f8fafc)}.face.back.svelte-1uha8ag{transform:rotateY(180deg);background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.fc-kanji.svelte-1uha8ag{font-size:80px;font-weight:800;color:#1e293b;margin:0;line-height:1}.fc-furigana.svelte-1uha8ag{font-size:20px;color:#64748b;font-weight:700;margin-bottom:10px;letter-spacing:2px}.fc-translation.svelte-1uha8ag{font-size:32px;font-weight:800;color:#0284c7;text-align:center}.fc-hint.svelte-1uha8ag{position:absolute;bottom:20px;font-size:13px;color:#94a3b8;font-weight:700}.bento-section.svelte-1uha8ag{padding:80px 0}.section-title.svelte-1uha8ag{text-align:center;font-size:40px;font-weight:800;color:#1e293b;margin-bottom:50px}.bento-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(220px,auto);gap:20px}.bento-item.svelte-1uha8ag{background:#fff;border-radius:24px;padding:35px;border:2px solid #e2e8f0;box-shadow:0 4px 20px #00000008;transition:.3s;display:flex;flex-direction:column;overflow:hidden;position:relative}.bento-item.svelte-1uha8ag:hover{transform:translateY(-5px);border-color:#28a7e8;box-shadow:0 15px 40px #28a7e81a}.span-2.svelte-1uha8ag{grid-column:span 2}.span-row-2.svelte-1uha8ag{grid-row:span 2}.bento-icon.svelte-1uha8ag{font-size:40px;margin-bottom:20px;display:inline-block;background:#f0f9ff;width:70px;height:70px;border-radius:16px;display:flex;align-items:center;justify-content:center}.bento-title.svelte-1uha8ag{font-size:24px;font-weight:800;color:#1e293b;margin:0 0 10px}.bento-desc.svelte-1uha8ag{font-size:15px;color:#64748b;line-height:1.6;margin:0;font-weight:500}.bento-modes.svelte-1uha8ag{display:flex;gap:10px;margin-top:auto;flex-wrap:wrap;padding-top:20px}.bento-mode-badge.svelte-1uha8ag{background:#f1f5f9;color:#475569;font-size:12px;font-weight:700;padding:8px 12px;border-radius:10px;display:flex;align-items:center;gap:6px}.bento-stats.svelte-1uha8ag{background:#f8fafc;padding:20px;border-radius:16px;border:1px solid #e2e8f0;margin-top:auto}.b-stat-row.svelte-1uha8ag{display:flex;justify-content:space-between;font-weight:700;font-size:14px;margin-bottom:8px;color:#1e293b}.b-progress.svelte-1uha8ag{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:15px}.b-fill.svelte-1uha8ag{width:75%;height:100%;background:#10b981;border-radius:4px}.cta-section.svelte-1uha8ag{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:30px;padding:80px 40px;text-align:center;color:#fff;margin:60px 0;position:relative;overflow:hidden;box-shadow:0 20px 50px #0f172a33}.cta-title.svelte-1uha8ag{font-size:40px;font-weight:800;margin:0 0 20px;position:relative;z-index:2}.cta-desc.svelte-1uha8ag{font-size:18px;color:#cbd5e1;margin-bottom:40px;position:relative;z-index:2;max-width:600px;margin-left:auto;margin-right:auto}.footer-links.svelte-1uha8ag{margin-top:40px;display:flex;justify-content:center;gap:20px;font-size:13px;position:relative;z-index:2}.footer-links.svelte-1uha8ag a:where(.svelte-1uha8ag){color:#94a3b8;text-decoration:none;transition:.2s;font-weight:700}.footer-links.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{color:#fff;text-decoration:underline}.bg-circle-1.svelte-1uha8ag{position:absolute;width:300px;height:300px;background:#28a7e880;filter:blur(80px);top:-100px;left:-100px;border-radius:50%;z-index:1}.bg-circle-2.svelte-1uha8ag{position:absolute;width:400px;height:400px;background:#10b9814d;filter:blur(100px);bottom:-150px;right:-100px;border-radius:50%;z-index:1}@media(max-width:1024px){.bento-grid.svelte-1uha8ag{grid-template-columns:repeat(2,1fr)}.hero-title.svelte-1uha8ag{font-size:42px}}@media(max-width:768px){.hero.svelte-1uha8ag{flex-direction:column;text-align:center;justify-content:center;padding-top:20px;min-height:auto;gap:60px}.hero-content.svelte-1uha8ag{align-items:center;display:flex;flex-direction:column}.bento-grid.svelte-1uha8ag{grid-template-columns:1fr}.span-2.svelte-1uha8ag{grid-column:span 1}.span-row-2.svelte-1uha8ag{grid-row:span 1}.section-title.svelte-1uha8ag,.cta-title.svelte-1uha8ag{font-size:32px}.flashcard-3d.svelte-1uha8ag{width:280px;height:380px}.nav-buttons.svelte-1uha8ag{flex-direction:column;width:100%;display:none}}