/* public/css/style.css - einfach, responsiv */
:root{
  --bg:#f7f7fb;
  --card:#fff;
  --accent:#2b6df6;
  --muted:#666;
  --danger:#d9534f;
}

*{box-sizing:border-box}
body{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  margin:0;
  background:var(--bg);
  color:#111;
  -webkit-font-smoothing:antialiased;
}

.container{
  max-width:820px;
  margin:36px auto;
  padding:16px;
}

main h1{margin:0 0 8px 0;}
a{color:var(--accent)}
form{background:var(--card); padding:16px; border-radius:10px; box-shadow:0 6px 20px rgba(0,0,0,.06)}
label{display:block; margin:8px 0 4px}
input[type="text"], input[type="password"], input[type="url"], select{width:100%; padding:10px; border:1px solid #e6e9ef; border-radius:8px}
button{background:var(--accent); color:#fff; border:none; padding:10px 14px; border-radius:8px; cursor:pointer}
button:active{transform:translateY(1px)}

.error{color:var(--danger)}

@media (max-width:600px){
  .container{padding:12px; margin:18px;}
}