*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;margin:0;background:#f6f7f9;color:#222}
.container{max-width:820px;margin:32px auto;padding:24px;background:#fff;border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.08)}
h1{font-size:28px;margin:0 0 8px}p.lead{margin:0 0 16px;color:#555}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
label{font-weight:600;font-size:14px;color:#333}
input,select,textarea{width:100%;padding:12px;border:1px solid #d9dde5;border-radius:10px;background:#fafbfc}
textarea{min-height:120px;resize:vertical}
.row{margin-bottom:12px}
.btn{display:inline-block;padding:12px 16px;border:none;border-radius:12px;background:#111;color:#fff;font-weight:700;cursor:pointer}
.btn:disabled{opacity:.6;cursor:not-allowed}
.note{background:#f0f7ff;border:1px solid #cde2ff;color:#104a82;padding:12px;border-radius:10px}
.footer{margin-top:16px;color:#666;font-size:12px}
a{color:#0a58ca;text-decoration:none}
a:hover{text-decoration:underline}
.success{background:#e9f9ee;border:1px solid #bfe9cb;color:#146c2e;padding:14px;border-radius:10px}
.error{background:#fde8e7;border:1px solid #f3c1be;color:#8a1f17;padding:14px;border-radius:10px}