:root {--fortune-paper:#faf5f0;--fortune-surface:#fffdf9;--fortune-ink:#382d31;--fortune-muted:#725f65;--fortune-line:#e6d7d5;--fortune-line-strong:#d9c0bf;--fortune-accent:#934857;--fortune-accent-soft:#f6e9e7;}
.dark {--fortune-paper:#211a22;--fortune-surface:#2d2430;--fortune-ink:#f3e9ee;--fortune-muted:#cbb6c1;--fortune-line:#51404d;--fortune-line-strong:#6c5261;--fortune-accent:#f2b3c2;--fortune-accent-soft:#49303c;}
body {font-family:system-ui,-apple-system,'Segoe UI','Malgun Gothic',sans-serif;line-height:1.8;background:var(--fortune-paper);color:var(--fortune-ink);}.fortune-title {font-family:inherit;letter-spacing:-1px;}.fortune-label {color:var(--fortune-accent);font-size:12px;font-weight:750;letter-spacing:.02em;}body>nav {background:var(--fortune-surface);border-color:var(--fortune-line);}.fortune-hero {border:1px solid var(--fortune-line);border-radius:24px;background:linear-gradient(135deg,var(--fortune-surface),var(--fortune-accent-soft));padding:36px;margin-bottom:30px;}.fortune-hero h1 {font-size:clamp(29px,3.8vw,46px);line-height:1.3;}.fortune-services {border:0;background:transparent;gap:14px;overflow:visible;}.fortune-service {border:1px solid var(--fortune-line);border-radius:18px;background:var(--fortune-surface);padding:22px;min-height:150px;}.fortune-service:hover {background:var(--fortune-accent-soft);}.service-mark {font-size:28px;color:var(--fortune-accent);}.paper-panel {background:var(--fortune-surface);border:1px solid var(--fortune-line);border-radius:20px;box-shadow:0 10px 28px rgba(84,48,61,.05);}.fortune-button,.fortune-button-primary {border-radius:12px;background:var(--fortune-accent);}.fortune-button-secondary {border-radius:12px;border-color:var(--fortune-line-strong);}input,select,textarea {border-radius:10px;}body>footer {background:var(--fortune-surface);border-top:1px solid var(--fortune-line);padding-block:32px;}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible {outline:3px solid var(--fortune-accent);outline-offset:3px;}[hidden] {display:none!important;}
@media(max-width:600px) {.fortune-hero {padding:25px 20px;border-radius:20px;}.fortune-hero h1 {font-size:30px;}.fortune-services {gap:10px;}.fortune-service {padding:17px;min-height:145px;}.paper-panel {border-radius:18px;}}
@media(max-width:350px) {.fortune-hero h1 {font-size:27px;}.fortune-service {padding:14px;}}