:root { --navy: #061429; --gold: #d4a548; --bg: #f5f7fb; --border: #dde3ef; --text: #1f2933; --muted: #64748b; --radius: 18px; --shadow: 0 10px 30px rgba(0, 0, 0, 0.05); } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--bg); color: var(--text); line-height: 1.6; } a { color: #1d4ed8; text-decoration: none; } .container { max-width: 1180px; margin: 0 auto; padding: 40px 22px; } .hero { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 30px; margin-bottom: 26px; box-shadow: var(--shadow); } .eyebrow { font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: #6b7280; margin-bottom: 7px; } .hero h1 { font-size: 28px; line-height: 1.25; color: var(--navy); margin-bottom: 8px; } .hero p { color: var(--muted); font-size: 15px; max-width: 820px; } .hero-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; } .btn-primary, .btn-secondary { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 9px 15px; font-size: 12px; font-weight: 700; text-decoration: none; } .btn-primary { background: linear-gradient(135deg, var(--gold), #f3d07c); color: #1f1608; } .btn-secondary { border: 1px solid var(--border); color: var(--navy)!important; background: #fff; } .process { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 28px; } .step { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 20px; box-shadow: var(--shadow); } .step-number { width: 30px; height: 30px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: #fff8e7; color: #7a5514; border: 1px solid #efd189; font-size: 12px; font-weight: 800; margin-bottom: 10px; } .step h2, .step h3 { font-size: 16px; color: var(--navy); margin-bottom: 6px; } .step p { font-size: 14px; color: var(--muted); } .info-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 18px; margin-bottom: 28px; } .info { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 22px; box-shadow: var(--shadow); } .info h2 { font-size: 19px; margin-bottom: 8px; color: var(--navy); } .info p { color: var(--muted); font-size: 14px; margin-bottom: 10px; } .info ul { padding-left: 18px; color: var(--muted); font-size: 14px; } .info li { margin-bottom: 6px; } .notice-box { border-left: 4px solid var(--gold); background: #fffaf0; } .form-section { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 28px; box-shadow: var(--shadow); margin-bottom: 28px; } .form-section h2 { margin-bottom: 6px; color: var(--navy); font-size: 21px; } .form-section .form-intro { color: var(--muted); font-size: 14px; margin-bottom: 18px; max-width: 880px; } .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .form-group { display: flex; flex-direction: column; } .form-group.full { grid-column: 1 / -1; } label { font-size: 13px; margin-bottom: 4px; font-weight: 650; color: #263243; } input, select, textarea { padding: 10px 11px; border-radius: 8px; border: 1px solid var(--border); font-size: 14px; font-family: inherit; background: #fff; color: var(--text); } textarea { min-height: 135px; resize: vertical; } input:focus, select:focus, textarea:focus { outline: 2px solid rgba(212, 165, 72, .35); border-color: var(--gold); } .help-text { color: var(--muted); font-size: 11px; margin-top: 4px; } .consent-row { display: flex; gap: 8px; align-items: flex-start; font-size: 12px; color: var(--muted); margin-top: 14px; } .consent-row input { margin-top: 3px; } button, .submit-btn { margin-top: 18px; background: linear-gradient(135deg, var(--gold), #f3d07c); border: none; padding: 12px 20px; border-radius: 999px; font-weight: 700; cursor: pointer; color: #1f1608; font-family: inherit; } .form-routing { margin-top: 12px; font-size: 12px; color: var(--muted); } .elementor-form-embed { margin-top: 20px; padding: 16px; border: 1px dashed var(--border); border-radius: 14px; background: #f9fafb; } .elementor-form-embed-title { font-size: 13px; color: var(--navy); font-weight: 700; margin-bottom: 6px; } .after-form-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 28px; } .mini-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 18px; box-shadow: var(--shadow); } .mini-card h3 { color: var(--navy); font-size: 15px; margin-bottom: 6px; } .mini-card p { color: var(--muted); font-size: 13px; } footer { margin-top: 40px; background: #020817; color: #e5e7eb; padding: 30px 0; } .footer-inner { max-width: 1180px; margin: 0 auto; padding: 0 22px; } .footer-title { color: var(--gold); font-weight: 700; margin-bottom: 6px; } .footer-text { font-size: 13px; color: #cbd5e1; line-height: 1.7; } @media (max-width: 900px) { .process, .info-grid, .after-form-grid { grid-template-columns: 1fr; } .form-grid { grid-template-columns: 1fr; } }