:root {
    --navy:#102338;
    --orange:#ff7a1a;
    --bg:#f4f7fb;
    --card:#fff;
    --border:#e3e8ef;
    --text:#1f2937;
    --muted:#667085;
}

* { box-sizing:border-box; }

body {
    margin:0;
    font-family:Arial, sans-serif;
    background:linear-gradient(135deg,#f4f7fb,#eef3f8);
    color:var(--text);
}

.page {
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:28px;
}

.card {
    width:100%;
    max-width:760px;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:26px;
    padding:42px;
    box-shadow:0 24px 60px rgba(16,35,56,.14);
}

.badge {
    display:inline-block;
    background:rgba(255,122,26,.12);
    color:var(--orange);
    padding:8px 14px;
    border-radius:999px;
    font-weight:800;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.06em;
}

h1 {
    color:var(--navy);
    font-size:36px;
    margin:18px 0 12px;
}

p {
    font-size:17px;
    line-height:1.6;
    color:var(--muted);
}

.info-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
    gap:12px;
    margin:28px 0;
}

.info-item {
    border:1px solid var(--border);
    background:#fbfcfe;
    border-radius:16px;
    padding:16px;
    font-weight:700;
}

.btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    padding:0 28px;
    background:var(--orange);
    color:#fff;
    border:none;
    border-radius:999px;
    text-decoration:none;
    font-weight:800;
    font-size:16px;
    cursor:pointer;
    box-shadow:0 14px 28px rgba(255,122,26,.25);
}

.btn:hover { filter:brightness(.96); }

.form-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-top:28px;
}

.form-group.full { grid-column:1 / -1; }

label {
    display:block;
    font-weight:800;
    color:var(--navy);
    margin-bottom:8px;
}

input, textarea {
    width:100%;
    border:1px solid var(--border);
    border-radius:15px;
    padding:15px;
    font-size:15px;
    outline:none;
    background:#fbfcfe;
}

textarea { min-height:110px; resize:vertical; }

input:focus, textarea:focus {
    border-color:var(--orange);
    box-shadow:0 0 0 4px rgba(255,122,26,.14);
    background:#fff;
}

.actions {
    display:flex;
    justify-content:flex-end;
    margin-top:26px;
}

@media (max-width:700px) {
    .card { padding:28px; border-radius:20px; }
    h1 { font-size:28px; }
    .form-grid { grid-template-columns:1fr; }
}