:root{--wood:#6b2f2a;--wood-dark:#3e1c19;--sun:#f6b26b;--kite:#e8512a;--sky:#a8c7ee;--sea:#3a93b5;--cream:#fff7ef;--sand:#f3dcc0;--text:#3b2622;--muted:#7a625a}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--text);background:var(--wood-dark);line-height:1.6}
a{color:var(--kite)}
.cs{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:var(--wood-dark) url(/img/hero.webp) center 60%/cover no-repeat}
.hero{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 16px}
.card{max-width:520px;width:100%;text-align:center;background:rgba(255,247,239,.94);border:3px solid var(--wood);border-radius:22px;padding:32px 28px 28px;box-shadow:0 20px 60px rgba(40,15,10,.45)}
.logo{width:190px;height:auto;margin:0 auto 12px;display:block}
h1{font-size:clamp(1.6rem,5vw,2.2rem);line-height:1.2;margin:0 0 14px;color:var(--wood)}
.card h1::after{content:"";display:block;width:64px;height:4px;border-radius:2px;margin:12px auto 0;background:linear-gradient(90deg,var(--sun),var(--kite))}
.card p{margin:0 0 10px;font-size:1.05rem}
.card .small{color:var(--muted);font-size:.95rem;margin:0}
.cs footer{display:flex;gap:24px;justify-content:center;padding:16px;font-size:.9rem;background:rgba(62,28,25,.82)}
.cs footer a{color:var(--cream);text-decoration:none}
.cs footer a:hover{color:var(--sun)}
body.page{background:var(--sand)}
.legal{max-width:760px;margin:0 auto;padding:40px 16px 60px;background:var(--cream);min-height:100vh}
.legal h1{color:var(--wood)}
.legal h2{font-size:1.15rem;margin:28px 0 8px;color:var(--wood)}
.legal .back{display:inline-block;margin-bottom:24px;color:var(--kite)}