.membership-toggle{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.membership-toggle button{border:1px solid #666;cursor:pointer;padding:.5rem 1rem}.membership-content{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.plan-card{background:#fff;border:1px solid #e0e0e0;display:flex;display:none;flex-direction:column;overflow:hidden}.plan-card.visible{display:flex}.card-header{color:#fff;font-size:1.25rem;font-weight:700;padding:1rem;text-align:center}.plan-card.individual .card-header{background:#c782c4}.plan-card.education .card-header{background:#6c369c}.plan-card.supporter .card-header{background:#365491}.card-body{color:#333;flex:1;font-size:.95rem;line-height:1.4}.price{font-size:2.5rem;font-weight:700;margin:.5rem 0}.gst,.price{font-family:"Bree Serif",serif;text-align:center}.gst{color:#555;font-size:1rem;margin-bottom:1rem}.benefits-title,.desc{text-align:center}.benefits-title{font-weight:700;margin-bottom:.5rem}.benefits-list{list-style:none;margin:0;padding:0}.benefits-list li{margin-bottom:.5em;padding-left:1.2em;position:relative}.benefits-list li:before{content:"•";left:0;line-height:1;position:absolute;top:0}.card-footer{padding:1rem;text-align:center}.card-footer button{background:#fff;border:1px solid #000;border-radius:50px;cursor:pointer;font-weight:700;padding:.5rem 1.5rem;text-transform:uppercase;transition:background .2s,color .2s}.card-footer button:hover{background:#000;color:#fff}.column-button{border-radius:24px;display:inline-block;font-size:18px;font-weight:600;letter-spacing:1.4px;margin-top:auto;padding:12px 20px;text-align:center;text-decoration:none;text-transform:uppercase;transition:width 2s linear 1s}.btn1{background-color:#cf82b7;border:1px solid #cf82b7!important;color:#fff}.btn1:hover{color:#cf82b7}.btn1:active,.btn1:hover{background:none;border:1px solid #cf82b7}.btn2{background-color:#804c9e;border:1px solid #804c9e!important;color:#fff}.btn2:hover{color:#804c9e}.btn2:active,.btn2:hover{background:none;border:1px solid #804c9e}.btn3{background-color:#4b5fab;border:1px solid #4b5fab!important;color:#fff}.btn3:hover{background:none;border:1px solid #4b5fab;color:#4b5fab}.btn3:active{background-color:none!important;border:1px solid #4b5fab}@media (max-width:600px){.membership-toggle button{flex:1 1 100%;max-width:100%;text-align:center}}@media (max-width:900px){.membership-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.membership-content{grid-template-columns:1fr}}.membership-toggle-wrapper{display:flex;justify-content:center;margin-bottom:2rem}@media (min-width:901px){.membership-content.single-visible .plan-card.visible{grid-column:2/3}}