.section{width:100%;max-width:980px;margin:25px 0;transition:all .3s ease-in-out}.sub-section{width:100%;max-width:980px;margin:50px 0}.sub-section h2 i,.sub-section h2 .material-symbols-outlined{color:var(--on-surface-primary)}.firstTitle{border-bottom:1px solid #fff;width:100%;margin-bottom:75px;padding-top:3%}.rounded-container .firstTitle{border:none;margin:0;padding:0}.rounded-container:has(.firstTitle){margin-bottom:15px;padding:25px 0}.basic-form{flex-direction:column;gap:25px;display:flex;position:relative}.basic-form .material-textfield input:focus{outline-color:var(--on-surface-primary)}.basic-form .material-textfield input:focus+label{color:var(--on-surface-primary)}.basic-form input{background-color:var(--surface-variant);width:calc(100% - 30px)}.basic-form label{background-color:var(--surface-variant)}.input-suggestion{color:var(--muted);padding-top:5px;font-size:.84rem;display:flex}.form-logo{width:min(100% - 100px,300px)}.two-inputs-container{grid-template-columns:1fr 1fr;gap:15px;display:grid}.two-inputs-container input{background-color:var(--surface-variant);width:calc(100% - 30px)}#PSWShowHideIcon span.material-symbols-outlined{color:var(--muted);cursor:pointer;position:absolute;transform:translate(-35px)translateY(17px)}input:focus+label+#PSWShowHideIcon span.material-symbols-outlined{color:var(--on-surface-primary)}.select{-webkit-appearance:none;outline:1px solid var(--muted);transition:all .1 ease-out;border:0;border-radius:10px;width:calc(100% - 6px);position:relative}.select-text{width:100%;color:var(--on-surface);background-color:#0000;border:none;border-radius:0;padding:1rem .7rem;font-family:inherit;font-size:1rem;position:relative}.select-text option{color:#000}.select-text:focus{outline:none}.select:focus-within{outline:1px solid var(--on-surface-primary)}.select .select-text{appearance:none}.select:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--muted);pointer-events:none;width:0;height:0;padding:0;position:absolute;top:24px;right:10px}.select-label{color:var(--muted);pointer-events:none;margin:0 .5rem;padding:0 .3rem;font-size:1rem;font-weight:400;transition:all .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.select-text:focus~.select-label{color:var(--on-surface-primary);transition:all .2s;top:0;transform:translateY(-50%)scale(.9)}.select-text:valid~.select-label{top:0;transform:translateY(-50%)scale(.9)}.select:focus-within:after{border-top-color:var(--on-surface-primary)}.oauth-divider{text-align:center;color:var(--muted);align-items:center;font-size:.85rem;display:flex}.oauth-divider:before,.oauth-divider:after{content:"";border-bottom:1px solid var(--muted);opacity:.4;flex:1}.oauth-divider span{padding:0 12px}button.btn.google-btn{background-color:var(--surface-variant);width:100%;color:var(--on-surface-primary);border:1px solid var(--muted);border-radius:25px;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-weight:600;display:flex}button.btn.google-btn:hover{background-color:var(--surface)}button.btn.google-btn svg{font-size:1.1rem}