:root{
  --bg:#06121b;
  --bg2:#0c1723;
  --panel:#102735;
  --panel2:#153143;
  --text:#f5f8f8;
  --muted:#b4c8d2;
  --line:rgba(255,255,255,.13);
  --accent:#70cce9;
  --gold:#efbf69;
  --green:#8ad4b4;
  --review:#e2ca83;
  --danger:#ef9a94;
  --shadow:0 18px 60px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 78% 8%,rgba(56,151,151,.16),transparent 30rem),
    linear-gradient(145deg,var(--bg),#100a19);
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
}
a{color:var(--accent)}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.shell{width:min(1200px,calc(100% - 28px));margin:auto;padding:28px 0 80px}
.topbar{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:18px;
  padding:8px 0 30px
}
.brand{
  align-self:flex-start;
  color:var(--text);
  text-decoration:none;
  font-weight:800;
  letter-spacing:.07em
}
.nav-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:min(100%,680px);
  min-height:48px;
  padding:4px;
  border:1px solid var(--line);
  border-radius:17px;
  background:rgba(255,255,255,.035);
  overflow:hidden
}
.nav-tab{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 16px;
  border-radius:12px;
  color:var(--muted);
  text-align:center;
  text-decoration:none;
  line-height:1.15;
  font-weight:700;
  white-space:nowrap
}
.nav-tab + .nav-tab{border-left:1px solid var(--line)}
.nav-tab:hover,
.nav-tab:focus-visible{
  background:rgba(112,204,233,.10);
  color:var(--text);
  outline:none
}
.eyebrow{letter-spacing:.16em;font-size:.8rem;color:var(--accent);font-weight:700}
h1{font-size:clamp(3rem,9vw,7rem);line-height:.9;margin:.2em 0}
h2{font-size:clamp(1.65rem,4vw,2.7rem);margin:.25em 0 .5em}
h3{line-height:1.2}
p,li{line-height:1.58;color:var(--muted)}
.hero{padding:28px 0 36px}
.metrics{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.metric{padding:13px 16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.035)}
.metric strong{font-size:1.25rem;color:var(--text)}

.panel{background:rgba(16,39,53,.88);border:1px solid var(--line);border-radius:25px;padding:24px;box-shadow:var(--shadow)}
.finder{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0 38px}
.field-label{display:block;margin:17px 0 8px;font-weight:700}
.search-row{display:flex;gap:10px}
.input,textarea,select{
  width:100%;border:1px solid var(--line);border-radius:15px;background:#071722;
  color:var(--text);padding:13px 15px;outline:none;
}
.input{min-height:52px}
.input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(112,204,233,.12)}
.action{
  min-height:52px;border:0;border-radius:15px;padding:0 19px;background:var(--accent);
  color:#05131b;font-weight:800
}
.action.secondary{background:var(--gold)}
.action.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.action:disabled{opacity:.48;cursor:not-allowed}
.chips{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:15px
}
.chip{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:44px;
  padding:9px 12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.04);
  color:var(--text);
  text-align:center;
  line-height:1.15
}
.chip:hover,
.chip:focus-visible{
  border-color:var(--accent);
  background:rgba(112,204,233,.08);
  outline:none
}
.notice{display:none;margin-top:15px;padding:13px 15px;border-left:3px solid var(--gold);border-radius:12px;background:rgba(239,191,105,.09);color:var(--muted)}
.notice.show{display:block}
.recommendations{display:none;margin-bottom:36px}
.recommendations.show{display:block}
.rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.rec{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}
.rec h3{margin:.35em 0}
.catalog-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin:40px 0 18px}
.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.method{
  overflow:hidden;border-radius:23px;border:1px solid var(--line);background:rgba(16,39,53,.88);
  color:inherit;text-decoration:none;transition:.18s transform,.18s border-color,.18s opacity
}
.method:hover{transform:translateY(-3px);border-color:rgba(112,204,233,.55)}
.method.hidden{display:none}
.method img,.placeholder{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.placeholder{display:grid;place-items:center;font-size:4rem;color:rgba(255,255,255,.16);background:linear-gradient(145deg,#102c40,#171024)}
.method-body{padding:18px}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.num{color:var(--gold);font-weight:800}
.duration{font-size:.84rem;color:var(--muted)}
.status{display:inline-block;padding:7px 10px;border-radius:999px;border:1px solid var(--line);font-size:.82rem}
.status.done{color:var(--accent)}
.status.review{color:var(--review)}
.status.pending{color:var(--muted)}
.pending-card{opacity:.73}
.no-results{display:none;padding:24px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}
.no-results.show{display:block}
.footer{margin-top:55px;padding-top:24px;border-top:1px solid var(--line);font-size:.92rem}

@media(max-width:900px){
  .finder{grid-template-columns:1fr}
  .rec-grid{grid-template-columns:1fr}
  .catalog{grid-template-columns:repeat(2,1fr)}
  .chips{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .shell{width:min(100% - 16px,1200px);padding-top:14px}
  .topbar{gap:14px;padding-bottom:22px}
  .nav-tabs{
    width:100%;
    grid-template-columns:repeat(3,minmax(112px,1fr));
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none
  }
  .nav-tabs::-webkit-scrollbar{display:none}
  .nav-tab{
    min-height:42px;
    padding:8px 10px;
    font-size:.88rem
  }
  .panel{padding:17px}
  .search-row{flex-direction:column}
  .action{width:100%}
  .catalog{grid-template-columns:1fr}
}
@media(max-width:430px){
  .chips{grid-template-columns:1fr}
}



.legal-footer nav{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}
.legal-footer a{color:var(--accent);text-decoration:none}
.legal-footer a:hover{text-decoration:underline}
.legal-shell{width:min(920px,calc(100% - 24px));margin:auto;padding:20px 0 70px}
.legal-page section{background:rgba(12,31,43,.88);border:1px solid var(--line);border-radius:22px;padding:24px;margin:14px 0}
.legal-page h1{font-size:clamp(2.2rem,7vw,4.8rem);line-height:1;margin:.25em 0}
.legal-page h2{margin-top:1.3em}
.legal-page code{word-break:break-word}
.legal-warning{padding:16px;border-radius:16px;border:1px solid rgba(236,185,95,.45);background:rgba(236,185,95,.08)}
.legal-ok{padding:16px;border-radius:16px;border:1px solid rgba(103,203,189,.4);background:rgba(103,203,189,.08)}
.delete-form{display:grid;gap:13px;max-width:680px}
@media(max-width:600px){.legal-page section{padding:17px}.legal-footer nav{gap:9px}}

.legal-page h1{overflow-wrap:anywhere;word-break:break-word}