*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0e1a;--bg-card: #111827;--bg-card-hover: #1a2236;--text: #e2e8f0;--text-muted: #94a3b8;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .15);--border: rgba(148, 163, 184, .1);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Playfair Display", Georgia, serif}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.container{max-width:960px;margin:0 auto;padding:0 1.5rem}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative;background:radial-gradient(ellipse at 50% 30%,rgba(59,130,246,.08) 0%,transparent 70%)}.hero-content{max-width:640px}.hero-eyebrow{font-size:.8rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;opacity:0;animation:fade-up .8s ease forwards}.hero-title{font-family:var(--font-serif);font-size:clamp(3.5rem,10vw,6rem);font-weight:700;letter-spacing:-.02em;line-height:1.05;margin-bottom:.75rem;opacity:0;animation:fade-up .8s ease .15s forwards}.hero-tagline{font-size:1.25rem;font-weight:300;color:var(--text-muted);margin-bottom:2rem;opacity:0;animation:fade-up .8s ease .3s forwards}.hero-divider{width:48px;height:2px;background:var(--accent);margin:0 auto 2rem;opacity:0;animation:fade-up .8s ease .45s forwards}.hero-description{font-size:1.05rem;color:var(--text-muted);line-height:1.8;opacity:0;animation:fade-up .8s ease .6s forwards}.about{padding:6rem 0;text-align:center}.section-title{font-family:var(--font-serif);font-size:2rem;font-weight:600;margin-bottom:1.25rem}.about-text{max-width:600px;margin:0 auto;color:var(--text-muted);font-size:1.05rem;line-height:1.9}.about-text strong{color:var(--text)}.examples{padding:2rem 0 6rem}.examples .section-title{text-align:center;margin-bottom:3rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:background .25s ease,border-color .25s ease,transform .25s ease}.card:hover{background:var(--bg-card-hover);border-color:#3b82f640;transform:translateY(-3px)}.card-term{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.card-pronunciation{font-size:.85rem;color:var(--accent);font-style:italic;margin-bottom:1rem}.card-definition{color:var(--text-muted);font-size:.95rem;line-height:1.75}.cta{padding:4rem 0 6rem}.cta-box{text-align:center;border:1px solid var(--border);border-radius:16px;padding:3.5rem 2rem;background:radial-gradient(ellipse at 50% 100%,var(--accent-glow) 0%,transparent 70%)}.cta-title{font-family:var(--font-serif);font-size:1.75rem;font-weight:600;margin-bottom:.75rem}.cta-text{color:var(--text-muted);max-width:480px;margin:0 auto 1.5rem;line-height:1.8}.cta-badge{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:.5rem 1.25rem;border-radius:999px;border:1px solid var(--accent);color:var(--accent)}.footer{text-align:center;padding:2rem;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--border)}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,background .25s ease,border-color .25s ease}.card.visible{opacity:1;transform:translateY(0)}@media(max-width:600px){.hero{min-height:90vh;padding:4rem 1.5rem}.about{padding:4rem 0}.examples{padding:2rem 0 4rem}.cta-box{padding:2.5rem 1.5rem}.card-grid{grid-template-columns:1fr}}