.landing{--landing-bg:var(--background);--landing-surface:var(--surface);--landing-ink:var(--ink);--landing-ink-light:var(--ink-light);--landing-body:var(--body);--landing-muted:var(--muted);--landing-quiet:var(--quiet);--landing-border:var(--border);--landing-brand:var(--brand);--landing-brand-hover:var(--brand-dark);--landing-cta:var(--brand);--landing-cta-hover:var(--brand-dark);--landing-energy:var(--accent);--landing-accent:var(--accent);--landing-success:var(--brand);--landing-alert:var(--alert);background:var(--landing-bg);color:var(--landing-body);min-height:100vh;font-family:var(--font-body), system-ui, sans-serif}.landing a{color:inherit}.landing-btn-glow{background:#c17a4a;box-shadow:0 8px 24px #c17a4a47;color:#fff!important}.landing-btn-glow:hover{background:#a8663a;box-shadow:0 10px 28px #c17a4a57}.landing-hero-stage{position:relative}.landing-hero{min-height:min(92vh,56rem);padding:5.5rem 0 5rem;position:relative;overflow:hidden}.landing-hero-bg{transform-origin:50%;will-change:transform;pointer-events:none;background-image:url(/images/letriworld-hero-bg.png);background-position:50% 40%;background-size:cover;position:absolute;inset:-8% -4%;transform:translate(0,0)scale(1.08)}.landing-hero-vignette{z-index:1;background:radial-gradient(ellipse 70% 55% at 50% 38%, #0a18300f 0%, #0a183029 78%), linear-gradient(180deg, #0a18302e 0%, transparent 22%, transparent 68%, var(--background) 98%);pointer-events:none;position:absolute;inset:0}.landing-sparkles{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.landing-spark{font-family:var(--font-display), Georgia, serif;text-shadow:0 0 10px #f4a3008c,0 0 22px #ffffff59;will-change:transform, opacity;font-weight:600;line-height:1;animation-name:landing-spark-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.landing-spark--dot{text-shadow:0 0 8px #ffc93ccc,0 0 16px #ffffff73;font-family:system-ui,sans-serif}.landing-spark--star{text-shadow:0 0 12px #ffffffbf,0 0 20px #ffc93c8c,0 0 28px #f4a30059;font-family:system-ui,sans-serif;font-weight:400;animation-name:landing-spark-twinkle}@keyframes landing-spark-drift{0%{opacity:.15;transform:translate(0,0)rotate(0)scale(.92)}25%{opacity:.85}50%{transform:translate3d(var(--spark-drift-x,16px), -28px, 0) rotate(12deg) scale(1.08);opacity:.55}75%{opacity:.9}to{transform:translate3d(calc(var(--spark-drift-x,16px) * -.4), -56px, 0) rotate(-8deg) scale(.95);opacity:.12}}@keyframes landing-spark-twinkle{0%,to{opacity:.2;transform:translate(0,0)scale(.75)rotate(0)}35%{opacity:1;transform:translate3d(var(--spark-drift-x,10px), -18px, 0) scale(1.2) rotate(18deg)}60%{opacity:.45;transform:translate3d(calc(var(--spark-drift-x,10px) * .5), -32px, 0) scale(.9) rotate(-10deg)}80%{opacity:.95}}@media (prefers-reduced-motion:reduce){.landing-sparkles{display:none}}.landing-hero-panel{-webkit-backdrop-filter:blur(16px);background:linear-gradient(165deg,#121c307a 0%,#121c3066 100%),#ffffff0f;border:1px solid #ffffff57;border-radius:1.25rem;width:100%;max-width:52rem;margin-inline:auto;padding:2rem 1.5rem 2.25rem;box-shadow:0 18px 44px #0a18303d,inset 0 1px #fff3}@media (min-width:768px){.landing-hero-panel{padding:2.75rem 2.75rem 2.85rem}}.landing-hero-sentinel{pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}.landing-hero-brand{filter:drop-shadow(0 2px 18px #00000059);justify-content:center;display:flex}.landing-hero-logo{font-size:clamp(2.85rem,9.5vw,4.6rem)}.landing-hero-title{font-family:var(--font-display), Georgia, serif;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 16px #0000006b;white-space:nowrap;font-size:clamp(1.15rem,3.4vw,2.15rem);font-weight:600;line-height:1.25}@media (max-width:420px){.landing-hero-title{white-space:normal;font-size:1.2rem}}.landing-hero-title .highlight{color:#ffc93c;text-shadow:0 0 18px #f4a3008c,0 3px 22px #0000004d}@media (prefers-reduced-motion:reduce){.landing-hero-bg{will-change:auto}}.landing-trending-rail{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:1.75rem;padding:1rem 0 1.5rem;display:flex;overflow-x:auto}.landing-trending-item{scroll-snap-align:start;flex:none;width:9.5rem;padding-left:2.25rem;position:relative}@media (min-width:768px){.landing-trending-item{width:11rem;padding-left:2.75rem}}.landing-rank{font-family:var(--font-display), Georgia, serif;color:var(--landing-ink);-webkit-text-stroke:4px var(--landing-bg);paint-order:stroke fill;text-shadow:0 4px 14px #1a140d29;z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:5.5rem;font-weight:700;line-height:.75;position:absolute;bottom:-.15rem;left:.1rem}@media (min-width:768px){.landing-rank{font-size:6.5rem}}.landing-rank--gold{color:#c9a24b}.landing-rank--silver{color:#8e9aab}.landing-rank--bronze{color:#b87333}.landing-trending-cover{z-index:1;aspect-ratio:2/3;background-position:top;background-size:cover;border-radius:.65rem;width:100%;transition:transform .25s;display:block;position:relative;box-shadow:0 10px 24px #1a140d1f}.landing-trending-item:hover .landing-trending-cover{transform:translateY(-6px)scale(1.03)}.landing-section-title{font-family:var(--font-display), Georgia, serif;letter-spacing:-.02em;color:var(--landing-ink);font-weight:600}.landing-journey{padding:4.5rem 0 5rem}.landing-journey-head{text-align:center;max-width:40rem;margin:0 auto 3.5rem}.landing-journey-head h2{font-family:var(--font-display), Georgia, serif;letter-spacing:-.03em;color:var(--landing-ink);font-size:clamp(2rem,4.5vw,3rem);font-weight:600;line-height:1.15}.landing-journey-head p{color:var(--landing-muted);margin-top:1rem;font-size:1.05rem;line-height:1.55}.landing-passport{padding:1rem 0 4.5rem}.landing-passport-head{text-align:center;max-width:40rem;margin:0 auto 2.75rem}.landing-passport-head h2{font-family:var(--font-display), Georgia, serif;letter-spacing:-.03em;color:var(--landing-ink);font-size:clamp(2rem,4.5vw,3rem);font-weight:600;line-height:1.15}.landing-passport-head p{color:var(--landing-muted);margin-top:1rem;font-size:1.05rem;line-height:1.55}.landing-passport-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:900px){.landing-passport-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.75rem}}.landing-passport-item{text-align:center;perspective:600px;flex-direction:column;align-items:center;display:flex}.landing-passport-icon-wrap{width:clamp(5.5rem,14vw,7.5rem);height:clamp(5.5rem,14vw,7.5rem);transform-style:preserve-3d;margin-bottom:1rem;animation:5.5s ease-in-out infinite landing-passport-spin}.landing-passport-item:nth-child(2) .landing-passport-icon-wrap{animation-delay:-1.2s}.landing-passport-item:nth-child(3) .landing-passport-icon-wrap{animation-delay:-2.4s}.landing-passport-item:nth-child(4) .landing-passport-icon-wrap{animation-delay:-3.6s}.landing-passport-icon{object-fit:contain;filter:drop-shadow(0 12px 20px #1a140d29);background:0 0;width:100%;height:100%;transition:filter .35s;display:block}.landing-passport-item:hover .landing-passport-icon-wrap{animation-play-state:paused;transform:rotateY(18deg)translateY(-4px)}.landing-passport-item:hover .landing-passport-icon{filter:drop-shadow(0 16px 24px #1a140d33)}@keyframes landing-passport-spin{0%,to{transform:rotateY(-16deg)}50%{transform:rotateY(16deg)}}.landing-passport-item h3{font-family:var(--font-display), Georgia, serif;letter-spacing:-.02em;color:var(--landing-ink);font-size:1.15rem;font-weight:600}.landing-passport-item p{max-width:14rem;color:var(--landing-muted);margin-top:.45rem;font-size:.92rem;line-height:1.45}.landing-journey-list{flex-direction:column;gap:1.5rem;display:flex;position:relative}.landing-journey-path{pointer-events:none;width:min(88%,48rem);height:clamp(6.5rem,14vw,10rem);color:color-mix(in srgb, var(--brand) 48%, #3d3428);margin:.5rem auto;position:relative}.landing-journey-path-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.landing-journey-path-svg--mobile{display:none}.landing-journey-path-stroke{fill:none;stroke:currentColor;stroke-width:2.75px;stroke-linecap:round;stroke-dasharray:8 12;opacity:0;stroke-dashoffset:56px;transition:opacity .35s,stroke-dashoffset 1.1s cubic-bezier(.33,1,.45,1)}.landing-journey-path.is-visible .landing-journey-path-stroke{opacity:.88;stroke-dashoffset:0}@media (max-width:899px){.landing-journey-path{width:min(100%,10rem);height:5.75rem}.landing-journey-path-svg--desktop{display:none}.landing-journey-path-svg--mobile{display:block}.landing-journey-path-stroke{stroke-width:3px}}@media (prefers-reduced-motion:reduce){.landing-journey-path-stroke{stroke-dashoffset:0;opacity:.8;transition:none}}.landing-journey-row{align-items:center;gap:2rem;display:grid}@media (min-width:900px){.landing-journey-row{grid-template-columns:1fr 1fr;gap:3.5rem}.landing-journey-row--flip .landing-journey-copy{order:2}.landing-journey-row--flip .landing-journey-visual{order:1}}.landing-journey-copy h3{font-family:var(--font-display), Georgia, serif;letter-spacing:-.02em;color:var(--landing-ink);font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:600;line-height:1.25}.landing-journey-copy p{color:var(--landing-muted);max-width:28rem;margin-top:.85rem;font-size:1rem;line-height:1.6}.landing-journey-visual{isolation:isolate;position:relative}.landing-journey-frame{z-index:1;background:linear-gradient(165deg, color-mix(in srgb, var(--journey-accent,var(--brand)) 12%, #fffef9) 0%, #fffef9 55%, color-mix(in srgb, var(--journey-accent,var(--brand)) 8%, #f4f0e6) 100%);border:1px solid color-mix(in srgb, var(--journey-accent,var(--brand)) 22%, var(--border));border-radius:1.35rem;min-height:14rem;padding:1.35rem 1.25rem 1.5rem;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 18px 40px #1a140d14,inset 0 2px #ffffffb3}.landing-journey-frame--art{aspect-ratio:4/3;background:#e8f0e4;min-height:0;padding:0}.landing-journey-row:hover .landing-journey-frame{transform:translateY(-4px);box-shadow:0 24px 48px #1a140d1c,inset 0 2px #ffffffbf}.landing-journey-art{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.landing-journey-overlay{z-index:2;pointer-events:none;position:absolute}.landing-journey-covers{-webkit-backdrop-filter:blur(6px);background:#fffcf6b8;border:1px solid #ffffffb3;border-radius:.85rem;gap:.4rem;padding:.55rem .65rem;display:flex;top:54%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #1a140d24}.landing-journey-cover{object-fit:cover;object-position:center top;border-radius:.35rem;flex:none;width:2.55rem;height:3.7rem;box-shadow:0 6px 14px #1a140d2e}.landing-journey-cover--sm{width:2.2rem;height:3.15rem}@media (min-width:900px){.landing-journey-cover{width:3rem;height:4.35rem}.landing-journey-cover--sm{width:2.45rem;height:3.5rem}}.landing-journey-chip{letter-spacing:.02em;color:color-mix(in srgb, var(--journey-accent,var(--brand)) 70%, #1a140d);background:color-mix(in srgb, var(--journey-accent,var(--brand)) 14%, #fff);border:1px solid color-mix(in srgb, var(--journey-accent,var(--brand)) 28%, transparent);border-radius:999px;padding:.35rem .7rem;font-size:.7rem;font-weight:600;display:inline-flex}.landing-journey-chip--float{z-index:2;background:#fffcf6eb;margin:0;position:absolute;bottom:1rem;left:1rem;box-shadow:0 8px 20px #1a140d1f}.landing-journey-xp{background:#fffcf6eb;border:1px solid #ffffffbf;border-radius:.9rem;align-items:center;gap:.65rem;padding:.55rem .75rem .55rem .55rem;display:flex;bottom:.85rem;right:.85rem;box-shadow:0 10px 24px #1a140d24}.landing-journey-xp-meta{gap:.1rem;line-height:1.2;display:grid}.landing-journey-xp-meta strong{color:#1a140d;font-size:.85rem;font-weight:700}.landing-journey-xp-meta span{color:var(--landing-muted,#6b6458);font-size:.68rem}.landing-journey-class{background:#fffcf6f0;border:1px solid #ffffffbf;border-radius:.95rem;gap:.55rem;padding:.7rem .8rem;display:grid;bottom:.85rem;left:.85rem;right:.85rem;box-shadow:0 12px 28px #1a140d24}.landing-journey-class-top{align-items:center;gap:.65rem;display:flex}.landing-journey-class-badge{letter-spacing:.02em;color:#fff;background:color-mix(in srgb, var(--journey-accent,#79b98b) 85%, #1a140d);border-radius:.45rem;flex:none;padding:.28rem .55rem;font-size:.72rem;font-weight:700}.landing-journey-avatars{display:flex}.landing-journey-avatars span{background:color-mix(in srgb, var(--journey-accent,var(--brand)) 45%, #ddd);border:2px solid #fff;border-radius:999px;width:1.65rem;height:1.65rem;margin-left:-.4rem}.landing-journey-avatars span:first-child{margin-left:0}.landing-journey-class-stats{color:var(--landing-muted,#6b6458);flex-wrap:wrap;gap:.35rem .85rem;font-size:.72rem;display:flex}.landing-journey-class-stats em{color:#1a140d;font-style:normal;font-weight:600}.landing-journey-vine{z-index:0;pointer-events:none;background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--journey-accent,#5a7359) 35%, transparent), transparent 62%);filter:blur(1px);opacity:.85;border-radius:50%;width:7rem;height:7rem;position:absolute}.landing-journey-vine--tr{top:-1.5rem;right:-1rem}.landing-journey-vine--bl{bottom:-1.75rem;left:-1.25rem}@media (prefers-reduced-motion:reduce){.landing-journey-row:hover .landing-journey-frame{transform:none}.landing-passport-icon-wrap{animation:none}.landing-passport-item:hover .landing-passport-icon-wrap{transform:none}}.landing-faq{align-items:start;gap:2rem;display:grid}@media (min-width:768px){.landing-faq{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:3.5rem}}.landing-faq-title{font-family:var(--font-body), system-ui, sans-serif;letter-spacing:-.03em;color:var(--landing-ink);margin:0;font-size:clamp(1.85rem,3.2vw,2.75rem);font-weight:700;line-height:1.15}.landing-faq-list{border-top:1px solid #1a140d1f}.landing-faq details{background:0 0;border-bottom:1px solid #1a140d1f;margin:0}.landing-faq summary{cursor:pointer;letter-spacing:-.01em;color:var(--landing-ink);justify-content:space-between;align-items:center;gap:1.25rem;padding:1.35rem 0;font-size:1.05rem;font-weight:500;list-style:none;display:flex}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary:after{content:"";border-right:1.5px solid var(--landing-ink);border-bottom:1.5px solid var(--landing-ink);opacity:.7;flex:none;width:.55rem;height:.55rem;transition:transform .2s;transform:rotate(45deg)}.landing-faq details[open] summary:after{margin-top:.35rem;transform:rotate(-135deg)}.landing-faq .landing-faq-body{color:var(--landing-muted);padding:0 1.75rem 1.35rem 0;font-size:.98rem;font-weight:400;line-height:1.6}@keyframes landing-hero-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.landing-hero-copy{animation:.7s ease-out both landing-hero-in}.landing-hero-copy-delay{animation:.7s ease-out .12s both landing-hero-in}.landing-hero-cta{animation:.7s ease-out .22s both landing-hero-in}