.ili-start-page {
    --ili-orange: #f47a32;
    --ili-orange-dark: #c94f14;
    --ili-blue-dark: #1e5b85;
    --ili-muted: #687078;
    min-height: 100vh;
    font-family: Inter, sans-serif;
    color: #202124;
    background: radial-gradient(circle at 8% 5%, #f47a3229, transparent 30%), radial-gradient(circle at 92% 92%, #6fabd238, transparent 34%), #fffaf4;
}
.ili-start-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    max-width: 1240px;
    margin: 0 auto;
    padding: 28px 28px 0;
}
.ili-start-brand img { display: block; width: 190px; max-width: 48vw; }
.ili-start-back { color: var(--ili-blue-dark); font-size: .92rem; font-weight: 700; text-decoration: none; }
.ili-start-shell {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    max-width: 1180px;
    margin: 0 auto;
    padding: 48px 28px 72px;
}
.ili-start-intro {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 52px 44px;
    border-radius: 34px 0 0 34px;
    background: var(--ili-blue-dark);
    color: #fff;
}
.ili-start-intro::after {
    content: "";
    position: absolute;
    width: 330px;
    height: 330px;
    right: -180px;
    bottom: -140px;
    border: 60px solid #ffffff14;
    border-radius: 50%;
    pointer-events: none;
}
.ili-start-kicker { font-size: .7rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: #dff2ff; }
.ili-start-intro h1 { font-family: Fredoka, sans-serif; color: #fff; font-size: clamp(2.8rem, 4.4vw, 4.3rem); font-weight: 600; line-height: 1.05; margin: 12px 0 24px; }
.ili-start-intro h1 span { color: #ffb477; }
.ili-start-intro > p:not(.ili-start-kicker) { color: #e2eff7; line-height: 1.75; }
.ili-start-benefits { display: grid; gap: 20px; padding: 0; margin: 24px 0 0; list-style: none; }
.ili-start-benefits li { color: #fff; display: flex; gap: 14px; align-items: flex-start; font-size: .92rem; line-height: 1.6; }
.ili-start-benefits i { color: #ffb477; font-size: 1.2rem; }
.ili-start-form.onboarding-card { max-width: none; margin: 0; padding: 40px; border: 1px solid #e5e8eb; border-left: 0; border-radius: 0 34px 34px 0; color: #202124; box-shadow: 0 18px 50px #1e5b8510; }
.ili-start-progress { display: flex; justify-content: space-between; gap: 12px; padding: 0 0 24px; margin: 0 0 26px; border-bottom: 1px solid #e5e8eb; list-style: none; }
.ili-start-progress li { display: flex; gap: 8px; align-items: center; font-size: .78rem; font-weight: 600; color: var(--ili-muted); }
.ili-start-progress span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #f0f2f4; }
.ili-start-progress [aria-current] { color: var(--ili-orange-dark); }
.ili-start-progress [aria-current] span { background: #fff0e5; }
.ili-start-form .onboarding-step { color: var(--ili-orange-dark); font-size: .75rem; }
.ili-start-form h2 { font-family: Fredoka, sans-serif; font-size: 2rem; font-weight: 600; color: var(--ili-blue-dark); }
.ili-start-form > p:not(.onboarding-step) { color: var(--ili-muted); font-size: .94rem; }
.ili-start-form label { font-size: .88rem; }
.ili-start-form input, .ili-start-form select { border-color: #dce1e6; border-radius: 12px; }
.ili-start-form .onboarding-note { background: #e8f5fc; color: #1e5b85; font-size: .85rem; }
.ili-start-form button { width: 100%; background: var(--ili-orange-dark); border-radius: 14px; box-shadow: 0 8px 20px #f47a3226; }
.ili-start-form button:hover { background: #ad4010; }
.ili-start-form a { color: var(--ili-blue-dark); }
.ili-start-page a:focus-visible { outline: 3px solid var(--ili-orange); outline-offset: 4px; }
@media (max-width: 850px) {
    .ili-start-shell { grid-template-columns: 1fr; max-width: 660px; padding-top: 28px; }
    .ili-start-intro { border-radius: 26px 26px 0 0; padding: 32px; }
    .ili-start-intro h1 { font-size: 2.8rem; }
    .ili-start-benefits { display: none; }
    .ili-start-form.onboarding-card { border-left: 1px solid #e5e8eb; border-radius: 0 0 26px 26px; padding: 32px; }
}
@media (max-width: 480px) {
    .ili-start-header { padding: 20px 20px 0; gap: 12px; }
    .ili-start-brand img { width: 155px; }
    .ili-start-back { font-size: .78rem; }
    .ili-start-shell { padding: 24px 16px 40px; }
    .ili-start-intro, .ili-start-form.onboarding-card { padding: 26px 22px; }
    .ili-start-intro h1 { font-size: clamp(1.85rem, 7vw, 2.5rem); }
    .ili-start-kicker { font-size: .6rem; }
    .ili-start-progress { gap: 8px; }
    .ili-start-progress li { font-size: .72rem; gap: 5px; }
    .ili-start-form h2 { font-size: 1.8rem; }
}

.ili-start-form select { width: 100%; padding: 13px 16px; background: #fff; border: 1px solid #dce1e6; font: inherit; }
.ili-start-form select:focus-visible { outline: 3px solid var(--ili-orange); outline-offset: 3px; }
.ili-start-form .field-help { display: block; margin-top: 8px; color: var(--ili-muted); }