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