.inscription{max-width:500px;margin:1rem auto}.inscription,.inscription-div{display:flex;flex-direction:column;align-items:center;width:100%}.inscription-div{justify-content:center;margin-bottom:.5rem}.inscription-div-label{font-weight:700;align-self:flex-start}.inscription-div-input{background-color:var(--color-tertiary);padding:.5rem;border-radius:4px;border:2px solid var(--color-secondary);font-size:1rem;width:100%}.inscription-div-error{font-style:italic;color:red;width:100%;margin-bottom:1rem;font-size:.8rem;text-align:left}.register-form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;margin:0 auto}.register-form label{margin-top:1rem;font-weight:600}.register-form input{width:100%;padding:.5rem;margin-top:.25rem;border:1px solid #ccc;border-radius:4px}.register-form .alert{width:100%;text-align:center;color:#fff;background:#dc3545;padding:.5rem;border-radius:4px;margin-bottom:1rem}.register-form .role-section{width:100%;text-align:center;margin-top:1rem}.register-form .role-section .role-button{margin:.5rem 0;padding:.5rem 1rem;cursor:pointer;background:#6c757d;color:#fff;border:none;border-radius:4px}.register-form .role-section .role-input{display:flex;align-items:center;justify-content:center;margin:.25rem 0;padding:.25rem .5rem;border-radius:4px;cursor:pointer;background:#f0f0f0}.register-form .role-section .role-input.active{background:#007bff;color:#fff}.register-form .role-section .role-input input{margin-right:.5rem}.register-form .submit-btn{margin-top:1rem;padding:.5rem 1rem;border:none;background:#007bff;color:#fff;border-radius:4px;cursor:pointer}@media screen and (min-width:768px){.inscription{width:90%}}@media screen and (min-width:1024px){.inscription{width:70%}}.password-form{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:.5rem}.password-form label{font-weight:700;width:100%}.password-form input{background-color:var(--color-tertiary);padding:.5rem;border-radius:4px;border:2px solid var(--color-secondary);font-size:1rem;width:100%}.password-form .requirements{list-style:none;padding:.5rem;margin:.5rem 0;width:100%;font-style:italic}.password-form .requirements li.valid{color:#28a745}.password-form .requirements li.invalid{color:red}.password-form .error{color:red;margin-top:.25rem}.subscription{width:90%;display:flex;flex-direction:column;margin:1rem;align-items:center;background-color:var(--color-secondary);box-shadow:0 4px 8px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.15);padding:.5rem 1.5rem;-webkit-border-top-right-radius:50px;-webkit-border-bottom-left-radius:50px;-moz-border-radius-topright:50px;-moz-border-radius-bottomleft:50px;border-top-right-radius:50px;border-bottom-left-radius:50px}.subscription-div{display:flex;flex-direction:row;width:100%;margin:.5rem auto;justify-content:space-between}.subscription-div-category{color:var(--color-primary);font-weight:700;align-self:center}.subscription-div-content{display:flex;flex-direction:column;align-self:flex-end;font-style:italic;text-align:right}.subscription-badge svg{color:var(--color-background)}.plan-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(0,0,0,.12)}.plan-card:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none}@media screen and (min-width:1024px){.subscription{width:50%}}@media screen and (min-width:1440px){.subscription{width:40%}}