*{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;}
body{margin:0;background:#f5f7fb;color:#111;}
.wrap{max-width:1000px;margin:24px auto;padding:0 16px;}
header{background:#fff;border-bottom:1px solid #eee;padding:12px 0;}
header .wrap{display:flex;align-items:center;justify-content:space-between;}
a{color:#ff6347;text-decoration:none;}
.container{max-width:420px;margin:40px auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 6px 18px rgba(20,20,40,0.04);}
form label{display:block;margin-bottom:10px;}
input,textarea,button{width:100%;padding:10px;margin-top:6px;border:1px solid #ddd;border-radius:6px;}
button{cursor:pointer;background:#ff6347;color:#fff;border:0;padding:10px 14px;}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.card{background:#fff;padding:12px;border-radius:8px;border:1px solid #eee;}
.btn{display:inline-block;margin-top:8px;padding:8px 12px;background:#ff6347;color:white;border-radius:6px;}
.error{background:#fee; color:#900;padding:8px;border-radius:6px;margin-bottom:10px;}
.success{background:#eaffea;color:#080;padding:8px;border-radius:6px;margin-bottom:10px;}
@media(max-width:600px){ header .wrap{flex-direction:column;align-items:flex-start} }