/* Modern responsive styling */
:root{
  --bg:#ff9933;
  --card:#ffffff;
  --accent:#0b63d4;
  --muted:#6b7280;
  --radius:12px;
  --maxW:1100px;
  --gap:16px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
    font-weight: bold;
  font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  margin:0; background:var(--bg); color:#0b1020;
}
/* Increase font size and make placeholders bold */
::placeholder {
    font-size: 18px;  /* Adjust as needed */
    font-weight: 600; /* Bold */
    color: #555;      /* Optional: darker color for better visibility */
}

/* Also apply to inputs and selects for consistency */
input, select, textarea {
    font-size: 18px;
    font-weight: 600;
}
.container{max-width:var(--maxW); margin:28px auto; padding:0 16px;}
.narrow{max-width:820px;}
.site-header{display:flex; align-items:center; justify-content:center; gap:12px; padding:18px 16px;}
.logo{width:56px; height:56px; object-fit:cover; border-radius:8px;}
.title{font-size:20px; font-weight:700; text-align:center; margin:0;}
.topbar{display:flex; justify-content:space-between; align-items:center; background:transparent; padding:8px 16px;}
.topbar .link{margin-right:12px; color:var(--accent); text-decoration:none; padding:6px 10px; border-radius:8px;}
.topbar .link.active{background:#e9f2ff;}
.card{
  background:var(--card); border-radius:var(--radius); padding:18px;
  box-shadow:0 6px 18px rgba(10,15,25,0.06); margin-bottom:18px;
}
.card.center{text-align:center;}
.card.accent{border-left:4px solid var(--accent);}
.actions{display:flex; gap:12px; justify-content:flex-end; margin-top:12px; flex-wrap:wrap;}
.actions.center{justify-content:center;}
.btn{display:inline-block; padding:10px 14px; border-radius:10px; text-decoration:none; background:transparent; border:1px solid #dcdfe5; cursor:pointer;}
.btn.primary{background:var(--accent); color:#fff; border-color:transparent;}
.input{width:100%; padding:10px 12px; border-radius:10px; border:1px solid #e6e6e9; margin-bottom:10px; background:#fff;}
.input:focus{outline:none; border-color:#c9d9ff; box-shadow:0 0 0 3px rgba(65,118,255,.15)}
.small{width:auto; padding:8px;}
.grid{display:grid; gap:10px;}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.list{padding-left:18px; color:var(--muted);}
.site-footer{padding:16px; text-align:center; color:var(--muted); font-size:20px;}
.langbar{display:flex; gap:8px; align-items:center;}
.members .member-block{background:#fbfdff; padding:10px; border-radius:10px; margin-bottom:10px; border:1px dashed #e8eefc;}
.file input{display:block; margin-top:8px;}
.muted{color:var(--muted);}
.center{ text-align:center; }
@media (max-width:600px){
  .title{font-size:20px;}
  .site-header{padding:12px;}
  .actions{flex-direction:column; align-items:stretch;}
}