
.amp-front { max-width: 900px; margin: 24px auto; padding: 0 14px; }
.amp-alert { padding: 12px 14px; border: 1px solid #e5e7eb; background: #fff; border-radius: 10px; margin-bottom: 14px; }
.amp-form { background:#fff; border:1px solid #e5e7eb; border-radius: 14px; padding: 18px; box-shadow: 0 10px 30px rgba(0,0,0,.05); }
.amp-form h2 { margin: 0 0 6px; font-size: 24px; }
.amp-sub { margin: 0 0 16px; color: #4b5563; }
.amp-form fieldset { border: 1px solid #eef2f7; border-radius: 12px; padding: 14px; margin: 14px 0; }
.amp-form legend { font-weight: 700; padding: 0 8px; }
.amp-form label { display:block; font-weight: 600; font-size: 13px; color:#111827; }
.amp-form input[type="text"], .amp-form input[type="email"], .amp-form input[type="url"], .amp-form select, .amp-form textarea {
  width: 100%; box-sizing: border-box; border: 1px solid #d1d5db; border-radius: 10px; padding: 10px 12px; margin-top: 6px; font-weight: 500;
}
.amp-form textarea { resize: vertical; }
.amp-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.amp-span-2 { grid-column: span 2; }
.amp-mt { margin-top: 10px; }
.amp-label { font-weight: 700; margin-bottom: 8px; }
.amp-months { display:flex; flex-wrap:wrap; gap: 8px 12px; }
.amp-check { font-weight: 600; font-size: 13px; display:flex; align-items:center; gap: 8px; background:#f9fafb; border: 1px solid #eef2f7; padding: 8px 10px; border-radius: 999px; }
.amp-check input { margin: 0; }
.amp-help { color:#6b7280; font-size: 12px; margin: 8px 0 0; }
.amp-payline { margin: 0; }
.amp-btn {
  background:#111827; color:#fff; border:0; border-radius: 12px; padding: 12px 16px; font-weight: 800; cursor:pointer; width:100%;
}
.amp-btn:hover { opacity: .92; }
@media (max-width: 720px) {
  .amp-grid { grid-template-columns: 1fr; }
  .amp-span-2 { grid-column: auto; }
}
.amp-status-card { background:#fff; border:1px solid #e5e7eb; border-radius: 14px; padding: 16px; }
.amp-status-head { display:flex; align-items:center; justify-content:space-between; gap: 12px; }
.amp-kv { display:grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.amp-helpbox { margin-top: 12px; padding: 12px; background:#f0f9ff; border: 1px solid #bae6fd; border-radius: 12px; color:#075985; font-weight: 600; }
@media (max-width: 720px) {
  .amp-kv { grid-template-columns: 1fr; }
}
