.solo-page { min-height: 100vh; background: radial-gradient(circle at 15% 0%, rgba(187, 82, 47, .18), transparent 36%), #0b1112; }
.solo-shell { width: min(100% - 32px, 760px); margin: 0 auto; padding: 32px 0 72px; }
.solo-back { display: inline-block; margin-bottom: 32px; color: #9aefbe; text-decoration: none; }
.solo-hero { position: relative; padding: 28px 0 34px; }
.solo-hero h1 { max-width: 620px; margin: 10px 0 14px; color: #eef8ef; font-size: clamp(2.8rem, 8vw, 5.7rem); line-height: .92; letter-spacing: -.06em; }
.solo-hero p:not(.eyebrow) { max-width: 570px; color: #b9c9bd; font-size: 1.05rem; line-height: 1.65; }
.solo-card { padding: clamp(20px, 5vw, 38px); border: 1px solid rgba(154, 239, 190, .2); border-radius: 20px; background: linear-gradient(145deg, rgba(25, 53, 45, .85), rgba(9, 20, 19, .92)); box-shadow: 0 24px 70px rgba(0, 0, 0, .28); }
.solo-card__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.solo-card h2 { margin: 7px 0 0; color: #eef8ef; font-size: clamp(1.8rem, 5vw, 3rem); }
.solo-rival { display: grid; gap: 5px; margin: 24px 0; padding: 18px; border: 1px solid rgba(236, 146, 92, .34); border-radius: 14px; background: rgba(103, 43, 27, .18); }
.solo-rival strong { color: #ffcb9b; font-size: 1.3rem; }
.solo-rival span, .solo-rival small { color: #d8c0b2; }
.solo-form { display: grid; gap: 10px; }
.solo-form label { color: #eef8ef; font-weight: 700; }
.solo-form select { min-height: 50px; padding: 10px 12px; border: 1px solid rgba(154, 239, 190, .28); border-radius: 10px; background: #10211e; color: #eef8ef; }
.solo-form .button { margin-top: 8px; min-height: 50px; }
@media (max-width: 560px) { .solo-shell { width: min(100% - 20px, 760px); padding-top: 20px; } .solo-card__heading { flex-direction: column; } }