*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--margin-2rem:2rem;--shape-trasparent-color-1:#0097e252;--shape-trasparent-color-2:#00caa54f;--shape-trasparent-color-3:#ff44004b;--plan-color-1:#0098E2;--plan-color-2:#00CAA4;--plan-color-3:#F40;--plan-color-accent-1:#0281c0;--plan-color-accent-2:#029e81;--plan-color-accent-3:#be3300}body{font-family:sans-serif;background:rgba(0,151,227,.61);background:-webkit-linear-gradient(82deg,rgba(0,151,227,.61) 0%,rgba(0,201,165,.67) 100%);background:linear-gradient(82deg,rgba(0,151,227,.61) 0%,rgba(0,201,165,.67) 100%)}header{position:sticky;z-index:2;top:0;background:#fff;width:100%;padding:2rem;margin-bottom:3rem;display:flex;justify-content:space-between;align-items:center}header h2{font-size:2rem;color:var(--plan-color-1)}.nav-actions{display:flex;align-items:center;width:50%}.logo{width:250px}.affiliation-plan{margin:1rem auto;width:90%;display:flex;justify-content:center;gap:1.8rem}.button{margin:auto;width:90%;height:50px;font-size:1.2rem;border:none;border-radius:50px;transition:all ease-in-out 300ms;cursor:pointer}.button.sized{display:inline-block;max-width:200px;font-size:1rem;font-weight:500}.button-color-1{background:var(--plan-color-1);color:#fff}.button-color-2{background:var(--plan-color-2);color:#fff}.button-color-3{background:var(--plan-color-3);color:#fff}.button-color-1:hover{background:var(--plan-color-accent-1)}.button-color-2:hover{background:var(--plan-color-accent-2)}.button-color-3:hover{background:var(--plan-color-accent-3)}.card-plan{position:relative;border-radius:15px;max-width:340px;background:rgba(255,255,255,1);overflow:hidden;box-shadow:2px 5px 10px rgba(128,128,128,.24);transition:transform ease-in-out 200ms}.card-plan:hover{transform:scale(1.02)}.card-plan-header{padding:1rem;height:120px;position:relative}.shape-1{background:var(--shape-trasparent-color-1);position:absolute;width:70%;height:200px;top:-40px;right:-40px;border-radius:50%}.shape-2{background:var(--shape-trasparent-color-2);position:absolute;width:70%;height:200px;top:-40px;right:-40px;border-radius:50%}.shape-3{background:var(--shape-trasparent-color-3);position:absolute;width:70%;height:200px;top:-40px;right:-40px;border-radius:50%}.plan-title-1,.plan-title-2,.plan-title-3{font-size:2.3rem;font-weight:600}.plan-title-1{color:var(--plan-color-1)}.plan-title-2{color:var(--plan-color-2)}.plan-title-3{color:var(--plan-color-3)}.legend{width:70%;margin:auto;margin-top:1rem}.legend h5{font-size:1.8rem;font-weight:500;color:darkcyan}.legend h5 span{font-size:1rem;font-weight:500}.legend p{margin-left:1.7rem;color:grey}.card-plan-body{position:relative;margin-top:1rem;padding:1rem}.plan-list{list-style:none}.plan-list li{margin-bottom:1rem;display:flex;align-items:center;gap:.7rem}.plan-list li span{color:rgb(65,65,65)}@media screen and (max-width:900px){header{flex-direction:column;justify-content:center;align-items:center;gap:1rem}.nav-actions{width:100%;gap:1rem;flex-direction:column;justify-content:center;align-items:center}.affiliation-plan{flex-direction:column;justify-content:center;align-items:center}.card-plan{max-width:400px}}@media screen and (max-width:368px){header{flex-direction:column;justify-content:center;align-items:center;gap:1rem}header h2{font-size:1.4rem;color:var(--plan-color-1)}.logo{width:220px}}