#main-content{display:grid;gap:2rem;padding-inline:.5rem}#main-content>h1{font-size:clamp(1.2em,6vw,2.5em);margin:0}#main-content h3{border-bottom:1px solid #727272;margin:0}#main-content .error{color:red;font-size:.8rem}#main-content input{padding:.5rem 1rem}#main-content>form#membership-form{border:1px solid #727272;box-shadow:5px 5px 5px 0 rgba(0,0,0,.4);display:grid;gap:2rem;padding:1rem}#main-content>form#membership-form>div#contact-data{display:grid;gap:1rem .5rem;grid-template-columns:1fr 1fr}#main-content>form#membership-form>div#contact-data>h3{grid-column:span 2}#main-content>form#membership-form>div#contact-data>div.input-group{display:flex;flex-direction:column;place-items:center}#main-content>form#membership-form>div#contact-data>div.input-group>label{color:#bfbfbf;font-size:.8rem;font-weight:400}@media (max-width:530px){#main-content>form#membership-form>div#contact-data{grid-template-columns:1fr}#main-content>form#membership-form>div#contact-data>h3{grid-column:auto}#main-content>form#membership-form>div#contact-data>div.input-group>input{width:100%}}#main-content>form#membership-form>div#membership-fee{display:grid;gap:1rem .5rem;grid-template-columns:repeat(4,1fr)}#main-content>form#membership-form>div#membership-fee div:nth-child(2),#main-content>form#membership-form>div#membership-fee>div.error,#main-content>form#membership-form>div#membership-fee>h3{grid-column:span 4}@media (max-width:385px){#main-content>form#membership-form>div#membership-fee{grid-template-columns:1fr 1fr}#main-content>form#membership-form>div#membership-fee div:nth-child(2),#main-content>form#membership-form>div#membership-fee>div.error,#main-content>form#membership-form>div#membership-fee>h3{grid-column:span 2}}#main-content>form#membership-form>div#membership-fee>div.input-group{display:grid}#main-content>form#membership-form>div#membership-fee>div.input-group>input[type=radio]{display:none}#main-content>form#membership-form>div#membership-fee>div.input-group>input[type=radio]:checked+label{border-color:#c60}#main-content>form#membership-form>div#membership-fee>div.input-group.custom>input#amount-custom-value{display:none;min-width:6rem}#main-content>form#membership-form>div#membership-fee>div.input-group.custom>input#amount-custom:checked+label{display:none}#main-content>form#membership-form>div#membership-fee>div.input-group.custom>input#amount-custom:checked+label+input{border:1px solid #c60;display:block}#main-content>form#membership-form>div#membership-fee>div.input-group.custom>input#amount-custom:checked+label+input:focus{outline:0}#main-content>form#membership-form>div#membership-fee>div.input-group>label{border:1px solid #727272;cursor:pointer;display:grid;font-weight:400;margin:0;padding:.5rem 1rem;place-content:center}#main-content>form#membership-form>div#membership-payment{display:grid;gap:1rem}#main-content>form#membership-form>div#membership-payment>div#membership-interval{display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}@media (max-width:520px){#main-content>form#membership-form>div#membership-payment>div#membership-interval{grid-template-columns:1fr 1fr}}#main-content>form#membership-form>div#membership-payment>div#membership-interval>div.input-group{display:grid}#main-content>form#membership-form>div#membership-payment>div#membership-interval>div.input-group>label{border:1px solid #727272;cursor:pointer;display:grid;font-weight:400;padding:.5rem 1rem;place-content:center}#main-content>form#membership-form>div#membership-payment>div#membership-interval>div.input-group>input{display:none}#main-content>form#membership-form>div#membership-payment>div#membership-interval>div.input-group>input:checked+label{border-color:#c60}#main-content>form#membership-form>div#membership-payment>div#membership-payment-method{display:grid;gap:.5rem;grid-template-columns:1fr 1fr}#main-content>form#membership-form>div#membership-payment>div#membership-payment-method>label{border:1px solid #727272;cursor:pointer;display:grid;font-weight:400;padding:.5rem 1rem;place-content:center}#main-content>form#membership-form>div#membership-payment>div#membership-payment-method>div#directdebit-data{display:none;gap:.5rem;grid-column:span 2;grid-template-columns:1fr 1fr}#main-content>form#membership-form>div#membership-payment>div#membership-payment-method>div#directdebit-data>div.error{grid-column:span 2}@media (max-width:500px){#main-content>form#membership-form>div#membership-payment>div#membership-payment-method>div#directdebit-data{grid-template-columns:1fr}#main-content>form#membership-form>div#membership-payment>div#membership-payment-method>div#directdebit-data>div.error{grid-column:auto}}#main-content>form#membership-form>div#membership-payment>div#membership-payment-method>div#directdebit-data>div.input-group{display:flex;flex-direction:column}#main-content>form#membership-form>div#membership-payment>div#membership-payment-method>div#directdebit-data>div.input-group>label{color:#bfbfbf;font-size:.8rem;font-weight:400;text-align:center}#main-content>form#membership-form>div#membership-payment>div#membership-payment-method>input{display:none}#main-content>form#membership-form>div#membership-payment>div#membership-payment-method>input:checked+label{border-color:#c60}#main-content>form#membership-form>div#membership-payment>div#membership-payment-method>input:checked#payment-method-directdebit~div#directdebit-data{display:grid}@media (max-width:380px){#main-content>form#membership-form>div#membership-payment>div#membership-payment-method{grid-template-columns:1fr}#main-content>form#membership-form>div#membership-payment>div#membership-payment-method>div#directdebit-data{grid-column:auto}}#main-content>#membership-advantages{display:grid;gap:1rem}#main-content>#membership-advantages>div{display:grid;gap:.5rem}