.passEye {position:relative; margin-bottom:20px;}
.passEye input {margin-bottom:0;}
.passEye img {position:absolute; right:10px; top:50%; transform: translateY(-50%); cursor:pointer;}


[data-icon] {display:inline-flex; align-items: center; gap:5px;}
[data-icon]::before {content:''; height:24px; width:24px; background:#01a385;}
[data-icon="check_circle"]::before {mask:url('/assets/images/check_circle.svg') no-repeat center/contain;}
[data-icon="lock"]::before {mask:url('/assets/images/lock.svg') no-repeat center/contain;}
[data-icon="person_add"]::before {mask:url('/assets/images/person_add.svg') no-repeat center/contain;}
[data-icon="key"]::before {mask:url('/assets/images/key.svg') no-repeat center/contain;}

.accountContainer {display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;align-items:start;}
.accountContainer .contentColumn {background:#e7faf6;min-height:100dvh;display:flex; justify-content:center; position:sticky;top:0;}


.accountContainer .contentColumn::after {
    content:'';	inset:0; opacity:0.25;	pointer-events:none; position:absolute; bottom:0; left:0;
    background-image:url('/assets/images/website/accounts.webp'); background-repeat:no-repeat; background-position:left bottom; background-size:contain;
}


.accountContainer .content {width:100%;max-width:560px; font-weight:600; margin-top:80px;position:relative; z-index:1; padding:0 30px;}
.accountContainer .content .bens {display:grid; gap:10px;}
.accountContainer .content svg {width:180px;}
.accountContainer .authColumn {min-height:100dvh;display:flex;align-items:center;justify-content:center; padding:30px;}
.accountContainer .auth {width:100%;max-width:600px;}
.auth .icon {margin:0 auto 10px; text-align:center;}
.auth [data-icon] {background:#e7faf6;  padding:10px; border-radius:50%;}

h1,h2,h3,h4,h5,h6{margin:0 0 15px;font-weight:700;line-height:1.2;color:#111827;}
h1 {font-size:48px;}
h1 span {color:#01a385;}


@media(max-width:1180px) {
    h1 {font-size:36px;}
    .accountContainer .content {max-width:480px;}
    .auth {padding:25px;}
    .auth-tab {padding:7px 20px;}
    .accountContainer .contentColumn::after {background-size:160%;}
    .accountContainer .authColumn {padding:0;}
}

@media(max-width:980px) {

    .accountContainer {grid-template-columns:1fr;}
    .accountContainer .contentColumn {position:relative; min-height:unset;}
    .accountContainer .content {margin:20px 0 180px;}
    .accountContainer .contentColumn::after {background-size:100% auto;}
    .accountContainer .authColumn {min-height:unset; position:relative; margin-top:-160px;}
}