/* static/styles.css */
:root { --max-width: 720px; --card-bg: #fff; --muted: #666; }
html,body{height:100%;margin:0;font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;}
body{background:#f4f7fb;color:#222;display:flex;align-items:flex-start;justify-content:center;padding:24px;}
.container{width:100%;max-width:var(--max-width);}
h1{margin:0 0 12px;font-size:1.5rem;}
.card{background:var(--card-bg);padding:16px;border-radius:12px;box-shadow:0 6px 18px rgba(16,24,40,0.06);margin-bottom:12px;}
label{display:block;font-size:0.9rem;margin-top:8px;color:var(--muted);}
input[type=file],select,textarea{width:100%;padding:10px;margin-top:6px;border-radius:8px;border:1px solid #e6eef8;background:#f9fbff;}
.btn{display:inline-block;margin-top:12px;padding:10px 16px;background:#0066ff;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;}
.message{margin-top:10px;font-weight:600;color:#333;}
.ad{text-align:center;padding:12px;}
@media (min-width:760px){body{padding:40px;} .card{padding:20px;}}