.registration-page {background:#f6f7f8;padding-top:82px;color:#292929;}
.registration-hero {padding:80px 20px 74px;background:linear-gradient(135deg,#3b3b3b 0%,#151515 100%);text-align:center;color:#fff;}
.registration-hero .container-outer {max-width:1100px;margin:0 auto;}
.registration-date {margin:0 0 18px;color:#eb1c52;font-size:18px;letter-spacing:2px;text-transform:uppercase;}
.registration-hero h1 {margin:0;font-size:42px;font-weight:500;line-height:1.35;}
.registration-rule {width:64px;height:3px;margin:28px auto 0;background:#eb1c52;}
.registration-content {max-width:1080px;margin:-34px auto 0;padding:0 24px 90px;position:relative;z-index:2;}
.registration-card {background:#fff;padding:54px 64px 64px;box-shadow:0 12px 38px rgba(0,0,0,.08);}
.registration-heading {margin-bottom:38px;text-align:center;}
.registration-heading h2 {margin:0 0 12px;font-size:30px;font-weight:500;}
.registration-heading p {margin:0;color:#888;font-size:14px;}
.required-mark {color:#eb1c52;font-style:normal;font-weight:600;}
.registration-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px;}
.registration-field {display:block;min-width:0;}
.registration-field > span,.registration-products h3 {display:block;margin:0 0 11px;font-size:15px;font-weight:500;}
.registration-field > span::first-letter,.registration-products h3::first-letter {color:inherit;}
.registration-field input[type="text"],.registration-field input[type="tel"],.registration-field input[type="email"] {box-sizing:border-box;width:100%;height:50px;padding:0 15px;border:1px solid #ddd;background:#fff;color:#333;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;}
.registration-field input:focus {border-color:#eb1c52;box-shadow:0 0 0 3px rgba(235,28,82,.08);}
.registration-gender {grid-column:span 1;}
.registration-options {display:flex;flex-wrap:wrap;gap:14px 24px;}
.registration-options label {display:flex;align-items:center;min-height:28px;color:#555;font-size:15px;cursor:pointer;}
.registration-options input {position:absolute;opacity:0;pointer-events:none;}
.registration-options i {box-sizing:border-box;width:18px;height:18px;margin-right:8px;border:1px solid #bbb;background:#fff;position:relative;transition:.2s;}
.registration-options.compact i {border-radius:50%;}
.registration-options input:checked + i {border-color:#eb1c52;background:#eb1c52;}
.registration-options input:checked + i::after {content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.registration-products {margin-top:38px;padding-top:34px;border-top:1px solid #eee;}
.registration-products h3 {font-size:17px;}
.registration-options.products {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 22px;margin-top:18px;}
.registration-verify {display:flex;align-items:flex-end;gap:15px;max-width:460px;margin-top:36px;}
.registration-verify .registration-field {flex:1;}
.registration-verify img {width:136px;height:50px;border:1px solid #ddd;object-fit:cover;cursor:pointer;}
.registration-submit {display:block;width:220px;height:54px;margin:42px auto 0;border:0;background:#eb1c52;color:#fff;font-size:17px;cursor:pointer;transition:background .2s;}
.registration-submit:hover {background:#333;}
.registration-submit:disabled {opacity:.65;cursor:not-allowed;}
@media (max-width:900px) {
    .registration-hero {padding:62px 20px 62px;}
    .registration-hero h1 {font-size:34px;}
    .registration-card {padding:44px 38px 52px;}
    .registration-options.products {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px) {
    .registration-page {padding-top:60px;}
    .registration-hero {padding:45px 18px 52px;}
    .registration-date {font-size:14px;}
    .registration-hero h1 {font-size:26px;}
    .registration-content {margin:-24px auto 0;padding:0 14px 60px;}
    .registration-card {padding:32px 20px 40px;}
    .registration-heading h2 {font-size:23px;}
    .registration-grid {grid-template-columns:1fr;gap:22px;}
    .registration-options.products {grid-template-columns:1fr;}
    .registration-verify {align-items:stretch;flex-direction:column;}
    .registration-verify img {width:136px;}
    .registration-submit {width:100%;}
}