:root{
  --brand-primary: #0b76ff; /* vivid blue */
  --brand-accent: #ff7a18; /* warm orange */
  --bg-soft: #f7fbff; /* very light blue */
  --muted: #5b6b7a;
  --card: #ffffff;
}

/* Base page background and typography */
body{
  background: linear-gradient(180deg,var(--bg-soft),#ffffff 60%);
  color:#113041;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.container{max-width:1100px}

/* Header */
header.bg-white{background: linear-gradient(90deg, rgba(11,118,255,0.06), rgba(255,122,24,0.04));}
header h3{color:var(--brand-primary);font-weight:600}

/* Footer */
.footer{background:rgba(255,255,255,0.98);box-shadow:0 -6px 18px rgba(11,118,255,0.04)}

/* Buttons */
.btn-primary{
  background: linear-gradient(180deg,var(--brand-primary), #005fe6);
  border-color: rgba(0,0,0,0.05);
  color:#fff;
  box-shadow: 0 6px 18px rgba(11,118,255,0.18);
}
.btn-primary:hover{filter:brightness(1.05)}
.btn-outline-primary{
  color:var(--brand-primary);
  border-color: rgba(11,118,255,0.35);
}

/* Offcanvas */
.offcanvas{background: linear-gradient(180deg,#ffffff, var(--bg-soft));}
.offcanvas .form-label{color:var(--muted);font-weight:600}

/* Cards / Accordion */
.accordion-button{
  background: linear-gradient(90deg,#fff,#f8fbff);
  color:#0b2b3a;
}
.accordion-button:not(.collapsed){background:linear-gradient(90deg,var(--brand-primary), rgba(11,118,255,0.08));color:#fff}
.accordion-item{border-radius:8px;overflow:hidden;margin-bottom:0.5rem}

/* List groups */
.list-group-item{background:linear-gradient(180deg,#ffffff,#fbfdff);border:1px solid rgba(11,118,255,0.04)}

/* Small muted text */
.small-muted{color:var(--muted)}

/* Result badge */
.result-badge{background:var(--brand-accent);color:#fff;padding:.2rem .45rem;border-radius:6px;font-weight:600}

/* Score badge (green/red) */
.score-badge{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-weight:700;color:#fff;font-size:.9rem}
.score-badge.green{background:#28a745}
.score-badge.red{background:#dc3545}

/* Result card unify */
.result-card{margin-bottom:0.9rem;border-radius:10px;overflow:hidden}
.accordion .accordion-item.result-card{border:none}
.result-meta{display:flex;align-items:center;gap:.5rem;margin-right:2.5rem}
@media(max-width:576px){.result-meta{margin-right:1rem}}
.result-meta .small-muted{font-size:.9rem;color:var(--muted)}

/* Improve form controls contrast */
.form-control, .form-select{border-radius:8px;border:1px solid rgba(17,48,65,0.06)}

/* Responsive tweaks */
@media (max-width:576px){
  header .container{gap:.5rem}
  .btn-sm{padding:.25rem .5rem}
}

/* subtle focus */
.form-control:focus, .form-select:focus, .btn:focus{box-shadow:0 0 0 0.25rem rgba(11,118,255,0.12);outline: none}

/* make links more visible in lists */
a.btn-link{color:var(--brand-primary)}

/* ensure footer button stands out */
footer .btn-primary{padding:.6rem 1.2rem;font-size:1rem}

/* end of custom site styles */

/* Дополнительные стили сайта — яркие, контрастные акценты */
:root{
  --accent-1: #0066cc;
  --accent-2: #ff6b6b;
  --card-bg: #ffffffcc;
  --muted: #6c757d;
}
body{
  background: linear-gradient(135deg, #f8fafc 0%, #e6f0ff 40%, #fff5f7 100%);
  color:#222;
}
.site-header{
  text-align:center;
  padding:28px 12px;
}
.site-header .logo{
  width:96px;
  height:auto;
  display:block;
  margin:0 auto 12px;
}
.site-header h1{
  margin:0;
  font-size:1.25rem;
  font-weight:700;
  letter-spacing:0.4px;
  color:var(--accent-1);
}
.site-header .line-1{font-size:1.1rem}
.site-header .line-2{font-size:1rem; color:var(--accent-2); font-weight:600}
.site-header .line-3{font-size:0.95rem; color:var(--muted)}

.card.shadow-sm{ background: var(--card-bg); border: none; }
.btn-primary{ background: linear-gradient(90deg,var(--accent-1), #0052a3); border:0 }
footer{ opacity:0.9 }

@media(min-width:768px){
  .site-header h1{ font-size:1.35rem }
}

/* Конец site.css */