:root{
  --red:#d52b1e;
  --dark:#1f2937;
  --light:#f7f7f7;
  --line:#e5e7eb;
}

*{box-sizing:border-box;}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  max-width: 980px;
  margin: 0 auto;
  padding: 22px;
  line-height: 1.6;
  color: var(--dark);
  background: white;
}

header{
  border-bottom: 2px solid var(--line);
  padding-bottom: 14px;
  margin-bottom: 22px;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
}

.cross{
  width:34px; height:34px;
  background: var(--red);
  border-radius: 6px;
  position: relative;
  flex:0 0 auto;
}
.cross:before, .cross:after{
  content:"";
  position:absolute;
  background:white;
  left:50%; top:50%;
  transform:translate(-50%,-50%);
}
.cross:before{ width:18px; height:6px; border-radius:2px; }
.cross:after{ width:6px; height:18px; border-radius:2px; }

nav{
  margin-top: 10px;
}
nav a{
  display:inline-block;
  margin-right: 12px;
  text-decoration:none;
  color: var(--dark);
  padding: 6px 10px;
  border-radius: 8px;
}
nav a:hover{
  background: var(--light);
}

nav a[aria-current="page"]{
  background: #4b9cd3;
  color: white;
}

a[aria-current="385"]{
  background: #4caf50;
  color: white;
}

.nav{
  background: linear-gradient(180deg, #fff, var(--light));
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 18px;
  margin-bottom: 20px;
}

.badge{
  display:inline-block;
  font-size: 0.9rem;
  background: #fff;
  border: 1px solid var(--line);
  padding: 4px 10px;
  border-radius: 999px;
}

h1,h2{ margin: 0.4rem 0; }
.card{
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 16px;
  background: white;
  margin: 14px 0;
}
label{ display:block; margin: 10px 0 6px; }
input, textarea{
  width:100%;
  padding: 10px;
  border:1px solid var(--line);
  border-radius: 10px;
  font: inherit;
}
button{
  margin-top: 12px;
  background: var(--red);
  color: white;
  border:0;
  padding: 10px 14px;
  border-radius: 10px;
  font-weight: 600;
  cursor:pointer;
}
button:hover{ filter: brightness(0.95); }

footer{
  border-top: 2px solid var(--line);
  margin-top: 28px;
  padding-top: 12px;
  font-size: 0.95rem;
  color:#374151;
}

.small{ color:#4b5563; font-size:0.95rem; }