:root{--parch:#faf7f2;--ink:#1a1612;--ink2:#3d3530;--ink3:#888070;--gold:#c9a84c;--gold2:#a68530;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Karla",system-ui,sans-serif}body{background:var(--parch);color:var(--ink);font-family:var(--sans);line-height:1.7;display:flex;flex-direction:column;min-height:100vh}a{color:var(--gold2);text-decoration:none}a:hover{text-decoration:underline}header{text-align:center;padding:32px 20px 16px}header a{text-decoration:none;color:var(--ink);font-family:var(--serif);font-size:24px;font-weight:700;letter-spacing:4px}main{flex:1;max-width:900px;margin:0 auto;padding:0 20px 32px;width:100%}.hero{text-align:center;padding:12px 0 16px}.hero-num{font-family:var(--serif);font-size:clamp(56px,12vw,88px);font-weight:700;color:var(--accent);line-height:1}.hero-name{font-family:var(--serif);font-size:clamp(18px,3.5vw,26px);font-weight:600;margin:4px 0}.hero-sub{font-size:14px;color:var(--ink3)}.meta{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:12px 0 16px;font-size:13px;color:var(--ink3)}.meta span{display:flex;align-items:center;gap:4px}.desc{font-size:16px;line-height:1.9;margin:0 0 20px;white-space:pre-line}h2{font-family:var(--serif);font-size:clamp(20px,3vw,26px);font-weight:600;margin:24px 0 10px;border-bottom:1px solid #e0ddd5;padding-bottom:8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.chip{padding:8px 14px;background:var(--surface,#fff);border:1px solid var(--surface-border,#e0ddd5);color:var(--text-primary,#1a1612);font-size:13px;text-align:center}.chip.strength{border-left:3px solid #6b9a5e}.chip.challenge{border-left:3px solid #b85454}.chip.career{border-left:3px solid var(--gold)}.famous-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.famous-tag{padding:6px 14px;background:var(--gold);color:#fff;font-size:13px;font-weight:500}.compat{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.compat a{padding:8px 16px;min-height:44px;display:inline-flex;align-items:center;border:1px solid var(--surface-border,#ddd);font-size:14px;background:var(--surface,#fff);color:var(--text-primary,#1a1612)}.compat a:hover{border-color:var(--gold-text);text-decoration:none}.faq{margin:20px 0}.faq-item{border-bottom:1px solid #e8e4dc;padding:10px 0}.faq-q{font-weight:600;font-size:15px;cursor:pointer}.faq-a{font-size:14px;color:var(--ink2);margin-top:8px;line-height:1.7}.cta{display:block;text-align:center;margin:24px auto;padding:16px 32px;background:var(--gold);color:#fff;text-decoration:none;font-weight:600;font-size:16px;border-radius:2px;max-width:360px}.cta:hover{background:var(--gold2);text-decoration:none}.check-lp{text-align:center;padding:28px 24px;background:var(--surface,#fff);border:2px solid var(--gold3);border-radius:12px;margin:20px 0 16px;color:var(--text-primary,#1a1612)}.check-lp h2{border:none;margin:0 0 4px;padding:0}.all-paths{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0}.all-paths a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--surface-border,#ddd);font-family:var(--serif);font-weight:600;font-size:16px;background:var(--surface,#fff);color:var(--text-primary,var(--ink))}.all-paths a:hover,.all-paths a.current{border-color:var(--gold-text);background:var(--gold);color:#fff;text-decoration:none}.py-box{padding:12px 16px;border-left:3px solid var(--gold);background:#c9a84c0a;margin:16px 0;font-size:14px;line-height:1.7}footer p{margin:4px 0}@media(max-width:480px){.grid{grid-template-columns:1fr}.meta{flex-direction:column;align-items:center}.famous-list,.compat{justify-content:center}}@media(min-width:768px){.grid{grid-template-columns:1fr 1fr 1fr}}.hero,.meta,.hero+.meta+p,.desc,h2,.grid,.famous-list,.compat,.py-box,.check-lp,.cta,.all-paths{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}body.lp-ready .hero{opacity:1;transform:none;transition-delay:.08s}body.lp-ready .meta{opacity:1;transform:none;transition-delay:.22s}body.lp-ready .hero+.meta+p{opacity:1;transform:none;transition-delay:.32s}body.lp-ready .desc{opacity:1;transform:none;transition-delay:.4s}body.lp-ready h2{opacity:1;transform:none;transition-delay:.48s}body.lp-ready .grid{opacity:1;transform:none;transition-delay:.54s}body.lp-ready .famous-list{opacity:1;transform:none;transition-delay:.62s}body.lp-ready .compat{opacity:1;transform:none;transition-delay:.68s}body.lp-ready .py-box{opacity:1;transform:none;transition-delay:.76s}body.lp-ready .check-lp{opacity:1;transform:none;transition-delay:.82s}body.lp-ready .cta{opacity:1;transform:none;transition-delay:.9s}body.lp-ready .all-paths{opacity:1;transform:none;transition-delay:.96s}.hero-num{display:inline-block;animation:lpNumMaterialize 2s cubic-bezier(.16,1,.3,1) .15s 1 both;background:linear-gradient(135deg,#c9a84c,#e8d5a0 45%,#c9a84c 70%,#a68530);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 16px rgba(232,213,160,.35));position:relative}.hero-num:after{content:"";position:absolute;left:50%;top:50%;width:260%;height:260%;transform:translate(-50%,-50%) scale(.7);background:radial-gradient(ellipse at 50% 50%,rgba(232,213,160,.4) 0%,rgba(201,168,76,.15) 35%,transparent 65%);animation:lpAura 2.8s cubic-bezier(.16,1,.3,1) .2s forwards;pointer-events:none;z-index:-1;opacity:0}@keyframes lpNumMaterialize{0%{filter:drop-shadow(0 0 2px rgba(232,213,160,.2));letter-spacing:.3em;opacity:.2}30%{filter:drop-shadow(0 0 40px rgba(232,213,160,1));letter-spacing:.02em;opacity:1}to{filter:drop-shadow(0 0 16px rgba(232,213,160,.35));letter-spacing:0;opacity:1}}@keyframes lpAura{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}.chip{transition:transform .25s ease,box-shadow .25s ease}.chip:hover{transform:translateY(-2px);box-shadow:0 4px 14px #c9a84c26}.all-paths a{transition:transform .2s ease,box-shadow .3s ease,border-color .25s ease}.all-paths a:hover{transform:translateY(-2px);box-shadow:0 4px 14px #c9a84c4d}@media(prefers-reduced-motion:reduce){.hero,.meta,.hero+.meta+p,.desc,h2,.grid,.famous-list,.compat,.py-box,.check-lp,.cta,.all-paths{opacity:1!important;transform:none!important;transition:none!important}.hero-num,.hero-num:after{animation:none!important}}
/*# sourceMappingURL=life-path-shared.css.map */