.hearth-root{--fg:#fff4e8;--muted:#e8c9a0;--brand-crimson:#e85a24;--brand-glow:#ff8c3a;--link:#ffc766;--gold:#d4a84b;--copper:#c67a3a;min-height:100dvh;color:var(--fg);background-color:#1a100c;background-image:linear-gradient(#1a0e0838 0%,#1a0e087a 100%),url(/images/home/two-doors-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;font-family:Palatino,Palatino Linotype,Book Antiqua,Georgia,serif;display:flex}.hearth-shell{background:0 0;flex-direction:column;min-height:100dvh;display:flex}.hearth-topbar{border-bottom:2px solid color-mix(in srgb, var(--gold) 55%, var(--brand-crimson));background:linear-gradient(95deg,#1a100c 0%,#3d2214 35%,#5c3218 50%,#3d2214 65%,#1a100c 100%);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.65rem 1.15rem .95rem;display:flex;box-shadow:0 4px 24px #e85a2426}.hearth-topbar-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:0;font-size:.72rem;font-weight:800}.hearth-topbar-name{color:var(--fg);text-shadow:0 1px 8px #e85a2440;margin:.1rem 0 0;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:700}.hearth-topbar-nav{gap:.65rem;font-size:.85rem;display:flex}.hearth-topbar-nav a{color:var(--link);font-weight:600;text-decoration:none}.hearth-topbar-nav a:hover{color:#ffe0a8;text-decoration:underline}.hearth-main{flex-direction:column;flex:1;padding:clamp(2rem,5.5vw,3.25rem) clamp(1.5rem,4.5vw,2.5rem);display:flex}.hearth-intro{text-align:center;border:1px solid color-mix(in srgb, var(--copper) 40%, transparent);-webkit-backdrop-filter:blur(10px);background:linear-gradient(165deg,#120a06b8 0%,#1c0e0894 45%,#0e0805c7 100%);border-radius:16px;max-width:44rem;margin:0 auto 2.25rem;padding:clamp(1.35rem,3.5vw,1.85rem) clamp(1.25rem,4vw,2rem);box-shadow:0 12px 32px #0000006b,inset 0 1px #ffdcb41a}.hearth-intro h1{background:linear-gradient(105deg,#fff8ee 0%,#f0d4a8 28%,#e88a4a 62%,#d4a84b 100%);color:#0000;filter:drop-shadow(0 2px 12px #00000073);-webkit-background-clip:text;background-clip:text;margin:0 0 .85rem;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:700;line-height:1.2}.hearth-intro p{color:#f5e6d4;text-shadow:0 1px 2px #00000059;margin:0;font-size:1.05rem;line-height:1.65}.hearth-intro p+p{margin-top:1rem}.hearth-cards{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));align-content:center;gap:1.5rem;width:100%;max-width:46rem;margin:0 auto;display:grid}.hearth-portal-card{text-align:left;border:1px solid color-mix(in srgb, var(--copper) 45%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff4e8;background:linear-gradient(165deg,#20120ac7 0%,#140b06d1 100%);border-radius:14px;flex-direction:column;padding:1.35rem 1.4rem 1.5rem;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 10px 28px #00000059,inset 0 1px #ffc87814}.hearth-portal-card:hover{border-color:color-mix(in srgb, var(--brand-glow) 55%, transparent);transform:translateY(-3px);box-shadow:0 14px 36px #0006,0 0 20px #e85a242e}.hearth-portal-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.hearth-portal-card h2{color:#fff0e0;margin:0 0 .65rem;font-size:1.35rem;font-weight:700}.hearth-portal-card p{color:var(--muted);flex:1;margin:0;font-size:.98rem;line-height:1.6}.hearth-portal-card-cta{letter-spacing:.06em;text-transform:uppercase;color:var(--link);margin-top:1.1rem;font-size:.82rem;font-weight:700}.hearth-portal-card:hover .hearth-portal-card-cta{color:#ffe0a8}.hearth-footer{border-top:1px solid color-mix(in srgb, var(--copper) 35%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:linear-gradient(#160c06b8 0%,#0e0804cc 100%);flex-shrink:0;margin-top:auto;padding:1.5rem clamp(1.5rem,4.5vw,2.5rem) 1.75rem}.hearth-footer h2{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0 0 .85rem;font-size:.78rem;font-weight:800}.hearth-footer-links{flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;display:flex}.hearth-footer-links a{color:var(--link);font-size:.92rem;font-weight:600;text-decoration:none}.hearth-footer-links a:hover{color:#ffe0a8;text-decoration:underline}@media (max-width:640px){.hearth-cards{grid-template-columns:1fr}}.hearth-login-form{text-align:left;flex-direction:column;gap:1rem;margin-top:1.35rem;display:flex}.hearth-login-field{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.88rem;display:flex}.hearth-login-field input{border:1px solid color-mix(in srgb, var(--copper) 45%, transparent);color:#fff0e0;background:#0c0806d9;border-radius:8px;padding:.55rem .75rem;font-family:inherit;font-size:1rem}.hearth-login-field input:focus{outline:2px solid color-mix(in srgb, var(--gold) 55%, transparent);outline-offset:1px}.hearth-login-error{color:#ffb4a0;margin:0;font-size:.92rem}.hearth-login-submit{border:1px solid color-mix(in srgb, var(--gold) 50%, transparent);color:#ffe8c8;cursor:pointer;background:linear-gradient(#503018e6 0%,#301c0ef2 100%);border-radius:8px;margin-top:.25rem;padding:.65rem 1rem;font-family:inherit;font-size:.92rem;font-weight:700}.hearth-login-submit:hover:not(:disabled){border-color:var(--link);color:#fff8ee}.hearth-login-submit:disabled{opacity:.65;cursor:wait}