:root { font-family: Arial, Helvetica, sans-serif; color: #1f2937; background: #f3f6fa; }
* { box-sizing: border-box; }
body { margin: 0; }
.container { max-width: 980px; margin: 30px auto; padding: 0 16px; }
.card { background: #fff; border-radius: 18px; padding: 28px; box-shadow: 0 12px 30px rgba(0,0,0,.08); }
h1 { margin: 0 0 8px; color: #0f3b63; }
h2 { grid-column: 1 / -1; margin: 22px 0 4px; color: #0f3b63; font-size: 18px; border-bottom: 1px solid #e5e7eb; padding-bottom: 8px; }
.muted { color: #6b7280; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; }
input, textarea { border: 1px solid #d1d5db; border-radius: 10px; padding: 11px; font-size: 15px; width: 100%; }
textarea, button { grid-column: 1 / -1; }
button, .button { display: inline-block; border: 0; border-radius: 12px; padding: 13px 18px; background: #0f3b63; color: #fff; font-weight: 700; cursor: pointer; text-decoration: none; margin-right: 10px; }
.button.secondary { background: #64748b; }
.success p { font-size: 16px; }
@media (max-width: 760px) { .grid { grid-template-columns: 1fr; } }
.narrow{max-width:520px}.one-column{grid-template-columns:1fr}.login-card{text-align:center}.logo-login{max-width:320px;width:100%;height:auto;margin:0 auto 20px;display:block}.app-header,.verify-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;padding-bottom:18px;margin-bottom:22px}.logo-app{max-width:300px;max-height:82px;object-fit:contain}.user-area{text-align:right;display:flex;flex-direction:column;gap:6px;font-size:14px}.user-area a{color:#0f3b63}.alert{padding:12px 14px;border-radius:10px;margin:14px 0}.alert.error{background:#fee2e2;color:#991b1b}.small{font-size:13px}