button, input, select, textarea { font: inherit; }
.layout { width: min(1200px, calc(100% - 48px)); margin: 48px auto; display: grid; grid-template-columns: .8fr 1.2fr; align-items: start; gap: 32px; }
.partnership-intro { border-radius: 20px; overflow: hidden; color: white; background: #08031d url('../image/dark-background.webp') center / cover; padding: 36px 28px 0; }
.partnership-intro .eyebrow { color: #ffd139; font-size: 12px; font-weight: 800; letter-spacing: 2px; }
.layout h1 { margin: 20px 0 12px; font-size: clamp(30px, 3vw, 44px); line-height: 1.5; }
.partnership-intro p { color: #e6dff6; font-size: 16px; line-height: 1.9; }
.partnership-intro img { display: block; width: calc(100% + 56px); max-width: none; height: auto; margin: 24px -28px 0; }
.form-panel { padding: 32px; border: 1px solid #e6e4ef; border-radius: 20px; background: white; box-shadow: 0 12px 40px #17113208; }
.layout h2 { margin: 0 0 10px; font-size: 25px; }
.hint { margin: 0 0 26px; color: #666279; font-size: 13px; }
.fields { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 18px; }
.layout label { display: grid; gap: 9px; font-size: 13px; font-weight: 700; }
.layout input, .layout select, .layout textarea { width: 100%; border: 1px solid #d9d6e3; background: #fcfcfe; color: #171329; border-radius: 9px; padding: 12px; min-height: 48px; }
.layout textarea { resize: vertical; }
.wide { grid-column: 1 / -1; }
:focus-visible { outline: 3px solid #9157eb; outline-offset: 3px; }
.availability { color: #655575; background: #f6f1fc; padding: 14px; border-radius: 9px; line-height: 1.9; font-size: 13px; margin: 24px 0 18px; }
.layout button[type="submit"] { min-height: 54px; border: 0; border-radius: 9px; padding: 12px 30px; background: #f6c735; color: #161122; cursor: pointer; font-weight: 800; }
.layout button:hover { background: #ffd54e; }
#form-status { line-height: 1.9; font-size: 14px; margin-bottom: 0; }
#form-status:empty { display: none; }
.layout .field-error { border-color: #dc3545; box-shadow: 0 0 0 3px rgba(220, 53, 69, .12); }
#form-status.alert { display: block; margin: 0 0 20px; padding: 1rem; border: 1px solid transparent; border-radius: .375rem; font-weight: 700; }
#form-status.alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; }
#form-status.alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; }
@media (max-width: 900px) { .layout { grid-template-columns: 1fr; max-width: 680px; } .partnership-intro img { display: none; } .partnership-intro { padding-bottom: 24px; } }
@media (max-width: 540px) { .header { padding: 8px 16px; } .header img { width: 105px; } .navigation { gap: 12px; font-size: 11px; } .layout { width: calc(100% - 28px); margin: 24px auto; gap: 20px; } .form-panel { padding: 22px 18px; } .fields { grid-template-columns: 1fr; gap: 18px; } .layout button[type="submit"] { width: 100%; } }

.partnership-intro { display: block; }
.partnership-intro .eyebrow { display: inline; }
.partnership-page .layout { text-align: start; }
@media (max-width: 900px) {
    .layout input, .layout select, .layout textarea { font-size: 16px; }
}
