/* travelwithU: публичные страницы /trip/ (без стилей портала, они закрыты паролем). */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
:root{
  --bg:#fbf7f1; --bg2:#ffffff; --ink:#1d2330; --muted:#667085; --line:#ebe4d9;
  --accent:#e8603c; --accent2:#f2a03d; --sea:#127a8a; --ok:#1f9d63; --bad:#d6453d;
  --shadow:0 10px 30px -12px rgba(60,40,20,.25);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#12161d; --bg2:#1b212b; --ink:#eef1f6; --muted:#9aa4b2; --line:#2a3240;
  --accent:#ff7a52; --accent2:#f5b04d; --sea:#3fb6c7; --ok:#3ccf8e; --bad:#ff6b63;
  --shadow:0 10px 30px -12px rgba(0,0,0,.6);
  color-scheme:dark;
}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0; background:var(--bg); color:var(--ink); font:16px/1.55 Manrope,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--sea)}
.wrap{max-width:1040px; margin:0 auto; padding:0 16px}
.top{display:flex; align-items:center; justify-content:space-between; padding:18px 0}
.brand{display:flex; align-items:center; gap:10px; font-weight:800; font-size:18px; color:var(--ink); text-decoration:none}
.brand i{font-style:normal; width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:linear-gradient(135deg,var(--accent),var(--accent2)); color:#fff}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; border:0; cursor:pointer; font:inherit; font-weight:700;
  padding:14px 22px; border-radius:14px; background:linear-gradient(135deg,var(--accent),var(--accent2)); color:#fff; text-decoration:none; box-shadow:var(--shadow)}
.btn:disabled{opacity:.5; cursor:default}
.btn.ghost{background:transparent; color:var(--ink); border:1px solid var(--line); box-shadow:none}
.btn.small{padding:9px 14px; font-size:14px; border-radius:11px}
.muted{color:var(--muted)}
h1{font-size:clamp(32px,6vw,52px); line-height:1.08; letter-spacing:-.03em; margin:0 0 16px; font-weight:800}
h2{font-size:clamp(24px,4vw,32px); letter-spacing:-.02em; margin:0 0 18px}
h3{margin:0 0 6px; font-size:18px}
section{padding:36px 0}
.card{background:var(--bg2); border:1px solid var(--line); border-radius:20px; padding:20px; box-shadow:var(--shadow)}
.grid3{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr)); gap:14px}
.foot{padding:30px 0 40px; color:var(--muted); font-size:14px}
.langs{display:flex; align-items:center; gap:2px; padding:0 4px 0 8px; border:1px solid var(--line); border-radius:12px; background:var(--bg2); font-size:14px}
.langs select{font:inherit; font-size:13px; font-weight:700; border:0; background:none; color:var(--ink); padding:7px 2px; cursor:pointer; max-width:110px}
.topr{display:flex; gap:10px; align-items:center}
@media (max-width:520px){.top{gap:8px}.top .topr{min-width:0}.topr .btn.small{display:none}.brand{font-size:16px}}