.header{padding:10px 0;width:100%}.box-login,.box-logo-nav,.header{display:flex;justify-content:space-between;align-items:center}.box-login,.box-logo-nav{gap:50px}.header .logo{font-size:25px}.header .logo,.header .nav a{font-weight:700;color:var(--text-color)}.header .nav a{margin:0 5px;padding:10px 20px;border-radius:7px}.header .nav a:hover{background-color:rgb(239,239,239)}.btn-create-account{border:2px solid transparent;background-image:linear-gradient(135deg,#48c0f0,#338aec 20%,#9a6ae7 80%);background-origin:border-box;background-clip:border-box;border-radius:6px;padding:10px 20px;color:white!important;cursor:pointer;font-weight:700}.btn-create-account:hover{background-image:linear-gradient(135deg,#33b0e2,#1e7eec 20%,#8e5be0 80%)}.btn-login{color:#353535!important;font-weight:700;letter-spacing:.5px;border:2px solid rgb(239,239,239)}.btn-login:hover{background-color:rgb(239,239,239)!important}@media (max-width:480px){.box-logo-nav{gap:0}.header .logo{font-size:20px}.header .nav a{padding:10px;font-size:14px}}.box-btn-action{width:100%;display:flex;justify-content:center;padding-bottom:100px}.btn-action{transition:all .3s ease-in-out;font-family:Sora,sans-serif!important;max-width:100%;height:auto;padding:30px 100px;border-radius:50px;background-image:linear-gradient(135deg,#48c0f0,#338aec 20%,#9a6ae7 80%);box-shadow:0 20px 30px -6px rgba(131,97,226,.521);outline:none;cursor:pointer;border:none;font-size:30px;font-weight:700;color:white;letter-spacing:1px;text-transform:uppercase}.btn-action:hover{transform:translateY(3px);box-shadow:none}.btn-action:active{opacity:.5}@media (max-width:768px){.btn-action{font-size:4vw;padding:4vw 7vw}.box-btn-action{padding-bottom:85px}}@media (max-width:480px){.btn-action{font-size:4.5vw;padding:5vw 9vw}.box-btn-action{padding-bottom:70px}}footer{background:linear-gradient(135deg,rgb(41,53,69),#334155);color:rgb(236,236,236);padding:20px;text-align:center;border-top:1px solid rgba(255,255,255,.144)}footer div{margin-top:10px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}footer a{margin:0 10px;color:rgb(236,236,236);text-decoration:none;font-size:16px}footer a:hover{text-decoration:underline}@media (max-width:768px){footer a{margin:5px;font-size:15px}}@media (max-width:480px){footer{font-size:14px}footer a{margin:8px 0}}