.beta-signup-card { display: grid; grid-template-columns: 118px 1fr; gap: 16px; align-items: center; margin-top: 24px; padding: 14px; border: 2px solid #f2c7d7; border-radius: 20px; background: linear-gradient(135deg, #fff3f8, #eef9ff); color: #172252; text-decoration: none; box-shadow: 0 8px 22px rgba(31, 53, 91, .08); transition: transform .2s ease, box-shadow .2s ease; }
.beta-signup-card:hover, .beta-signup-card:focus-visible { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(31, 53, 91, .14); }
.beta-signup-card img { display: block; width: 118px; height: 92px; border-radius: 14px; object-fit: cover; }
.beta-signup-card > span { display: grid; gap: 4px; }
.beta-signup-card strong { font-size: 19px; }
.beta-signup-card small { color: #58627d; line-height: 1.4; }
.beta-signup-card b { margin-top: 4px; color: #c92360; font-size: 13px; }
.beta-signup-card-form { margin-top: 30px; }
.beta-form-section { padding: 64px 0 90px; }
.beta-details-section { padding: 70px 0 6px; background: #fff; }
.beta-details-heading { max-width: 820px; margin: 0 auto 30px; text-align: center; }
.beta-details-heading h2 { margin: 4px 0 12px; font-size: clamp(30px, 4vw, 46px); line-height: 1.08; }
.beta-details-heading > p:last-child { margin: 0; color: #58627d; font-size: 17px; }
.beta-details-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.beta-detail-card { padding: 28px; border: 1px solid #f0d8e1; border-radius: 22px; background: #fff; box-shadow: 0 10px 26px rgba(31, 53, 91, .08); }
.beta-detail-card h3, .beta-important h3 { margin: 0 0 13px; font-size: 23px; }
.beta-detail-card ul { margin: 0; padding-left: 21px; color: #58627d; }
.beta-detail-card li + li { margin-top: 7px; }
.beta-detail-card p { margin: 11px 0 0; color: #58627d; }
.beta-important { margin-top: 22px; padding: 30px; border-left: 6px solid #6cab45; border-radius: 20px; background: linear-gradient(135deg, #f4fbef, #eef9ff); }
.beta-important p { margin: 9px 0 0; color: #44506c; }
.beta-form-card { max-width: 820px; margin: 0 auto; }
.device-list { display: grid; gap: 12px; margin-bottom: 12px; }
.device-row { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: end; }
.device-row label { margin: 0; }
.remove-device { min-width: 44px; height: 46px; border: 2px solid #eadde3; border-radius: 12px; background: #fff; color: #c92360; font-size: 20px; font-weight: 900; cursor: pointer; }
.add-device { margin: 0 0 20px; border: 0; background: transparent; color: #c92360; font: inherit; font-weight: 900; cursor: pointer; }
.form-help { display: block; margin: -8px 0 18px; color: #58627d; font-size: 13px; }
@media (max-width: 760px) { .beta-details-grid { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .beta-signup-card { grid-template-columns: 88px 1fr; } .beta-signup-card img { width: 88px; height: 84px; } .beta-details-section { padding: 48px 0 4px; } .beta-detail-card, .beta-important { padding: 22px; } .beta-form-section { padding: 48px 0 65px; } }