:root{--brand:#0ea5e9;--ink:#111827;--muted:#6b7280;--bg:#f8fafc;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif}
.container{max-width:980px;margin:0 auto;padding:24px 16px}
.header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#38bdf8,#2563eb)}
h1{font-size:1.8rem;margin:.25rem 0}
.card{display:grid;grid-template-columns:380px 1fr;gap:20px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:18px}
.card img{width:100%;height:auto;border-radius:12px}
form label{font-size:.95rem;gap:6px}
input,select,button{border:1px solid #e5e7eb;border-radius:10px;padding:10px;font-size:1rem}
button[type=submit]{background:var(--brand);color:#fff;border:0;cursor:pointer}
.footer{margin-top:24px;color:var(--muted);font-size:.9rem}
.footer a{color:var(--brand);text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
@media (max-width:900px){.card{grid-template-columns:1fr}}
.brand{font-weight:700}
.subtitle{font-size:.9rem;color:var(--muted)}
.span-2{grid-column:1/-1}
#msg{min-height:1.25rem;font-size:.95rem;color:#374151;margin:.5rem 0}