*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--background-color: #FFFEFF;--accent-color: #FF1D97;--primary-text-color: #3B3B3B;--element-bottom-margin: 1.5rem;--border-color: #D9D9D9;--column-offset: -2.8125rem;--main-desktop-offset: 20.5rem}html{font-family:Poppins,Helvetica,sans-serif;scroll-behavior:smooth}body{background-color:var(--background-color)}.content-box{margin-inline:2rem;margin-block:1rem}main h1,main h2{color:var(--primary-text-color);font-weight:800;font-size:1.25rem;line-height:1.875rem;margin-bottom:var(--element-bottom-margin)}.recaptcha-link{text-decoration:none;color:var(--accent-color);position:relative}.animated-underline{position:relative}.animated-underline:before{position:absolute;content:"";width:100%;height:2px;background-color:var(--accent-color);bottom:0;transform-origin:right;transform:scaleX(0);transition:transform .2s ease-in}.animated-underline:hover:before{transform-origin:left;transform:scaleX(1)}.btn{display:flex;place-content:center;text-align:center;text-decoration:none;background:linear-gradient(92.73deg,#E7007C 10.18%,var(--accent-color) 87.84%);box-shadow:0 4px 25px #3b3b3b66;border-radius:50px;border:none;color:#fff;font-weight:700;font-size:1em;line-height:1.1875rem;padding-block:.9375em;padding-inline:2.375em;margin-bottom:var(--element-bottom-margin);transition:transform .25s ease-in;text-transform:capitalize}.btn:hover{transform:scale(1.03)}.desktop-only{display:none}.btn-outlined{display:flex;gap:.438rem;place-items:center;margin-inline:auto;font-weight:700;font-size:clamp(1rem,1vw,.875rem);line-height:1.3125rem;letter-spacing:.05em;color:var(--accent-color);background:transparent;border:.125rem solid var(--accent-color);border-radius:6.25rem;padding-block:.75rem;padding-inline:3.4375rem;width:fit-content;text-decoration:none;transition:transform .25s ease-in}.btn-outlined:hover{transform:scale(1.03)}.btn-outlined img{width:1.5rem}.full-width-background-bleed{box-shadow:0 0 0 100vmax #f5f5f5;clip-path:inset(0 -100vmax)}::marker{color:var(--accent-color);font-size:1.8rem}.is-invalid{border-color:#dc3545!important;padding-right:calc(1.5em + .75rem)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.invalid-feedback{margin-top:.25rem;font-size:.875rem;color:#dc3545}.btn-success{background:#188755!important}.btn-danger{background:#DD3445!important}.btn-loader{background:#FEC109!important;padding-inline:5.9rem!important;padding-block:1.5rem!important;box-shadow:0 4px 25px #ffc109}.logged-out{display:grid;place-content:center;min-height:75dvh;min-height:75vh;margin-inline:auto;position:relative;text-align:center}.logged-out h1{font-weight:800;font-size:1.25rem;line-height:1.875rem;margin-bottom:1rem}.logged-out p{font-weight:400;font-size:1rem;line-height:24px;margin-bottom:1rem}@media (min-width: 48em){p{font-size:1.125rem}}@media (min-width: 65em){.desktop-only{display:unset}.mobile-only{display:none!important}.content-box{margin-inline:unset;margin-block:8rem;margin-left:var(--main-desktop-offset);margin-right:2rem}main h1{font-weight:800;font-size:2rem;line-height:3rem}main h2{font-weight:700;font-size:1.45rem}.logged-out h1{font-size:32px;line-height:48px}.logged-out p{font-size:20px;line-height:30px}.logged-out a{width:fit-content;margin-inline:auto}}.pin-form{display:flex;gap:1rem;place-content:center;padding-top:2rem}.pin{padding:10px;border:1px solid #ddd;width:50px;height:50px;text-align:center;font-size:1.875rem;border-radius:10px;caret-color:transparent;transition:scale .25s ease}.pin:focus-visible{scale:1.25;outline-color:var(--accent-color)}.pin-form.shake{transform:translate(-10px);animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-10px)}}.pin-form.error .pin{border-color:red;border-width:1px}.pin-form.valid .pin{border-color:green}
