.registration-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.registration-option { position:relative; cursor:pointer; margin:0; }
.registration-option input { position:absolute; top:17px; right:14px; width:17px; height:17px; accent-color:var(--blue); }
.registration-option-content { display:flex; flex-direction:column; gap:7px; height:100%; padding:18px 36px 18px 16px; border:1px solid var(--line); border-radius:14px; background:var(--input); color:var(--text); transition:border-color .15s,background .15s; }
.registration-option-content i { font-size:20px; color:var(--muted); }
.registration-option-content small { color:var(--muted); font-size:12px; line-height:1.5; }
.registration-option input:checked + span { border-color:var(--blue); background:var(--blue-soft); box-shadow:0 0 0 1px var(--blue); }
.registration-option input:checked + span i { color:var(--blue); }
.registration-option input:focus-visible + span { outline:3px solid var(--blue); outline-offset:4px; }
.registration-method { min-width:0; }
#birth-date { min-height:50px; border-radius:12px; padding:.75rem 1rem; cursor:pointer; color-scheme:dark; transition:border-color .15s,box-shadow .15s; }
#birth-date:hover { border-color:var(--blue); }
#birth-date:focus { border-color:var(--blue); box-shadow:0 0 0 3px var(--blue-soft); }
#birth-date::-webkit-calendar-picker-indicator { cursor:pointer; padding:.3rem; border-radius:6px; }
[data-theme="light"] #birth-date { color-scheme:light; }
@media(max-width:380px) { .registration-options { grid-template-columns:1fr; } }