.finance-login{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:36px;
    background:
        radial-gradient(circle at 85% 75%,rgba(37,99,235,.12),transparent 25%),
        radial-gradient(circle at 48% 43%,rgba(255,255,255,.92),rgba(255,255,255,.58) 36%,transparent 58%),
        linear-gradient(115deg,#6f958b 0%,#abc0ba 33%,#f7f4ef 58%,#fff 100%);
}
.finance-login:before{
    content:"";
    position:absolute;
    inset:0 53% 0 0;
    background:
        linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px),
        linear-gradient(180deg,rgba(255,255,255,.16) 1px,transparent 1px);
    background-size:58px 58px;
    opacity:.62;
    z-index:-3;
}
.finance-login:after{
    content:"";
    position:absolute;
    left:-14%;
    top:-6%;
    width:58%;
    height:112%;
    background:linear-gradient(90deg,rgba(79,111,104,.45),rgba(79,111,104,.08),transparent);
    z-index:-4;
}
.finance-bg-panel{position:absolute;inset:0;z-index:-1;pointer-events:none}
.finance-soft-circle{
    position:absolute;
    left:7%;
    top:15%;
    width:310px;
    height:310px;
    border-radius:50%;
    background:rgba(255,255,255,.16);
    box-shadow:0 0 0 1px rgba(255,255,255,.08);
}
.finance-grid-lines{
    position:absolute;
    left:2%;
    bottom:5%;
    width:160px;
    height:82px;
    background:
        radial-gradient(circle,rgba(46,139,87,.34) 1.5px,transparent 2px);
    background-size:22px 22px;
    opacity:.65;
}
.finance-wave-lines{
    position:absolute;
    right:0;
    bottom:-8%;
    width:44%;
    height:48%;
    opacity:.26;
    background:
        repeating-radial-gradient(ellipse at 100% 100%,transparent 0 18px,rgba(37,99,235,.22) 19px 20px);
}
.finance-bg-card{
    position:absolute;
    display:flex;
    align-items:center;
    gap:16px;
    padding:22px;
    border-radius:24px;
    background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.46));
    border:1px solid rgba(255,255,255,.78);
    box-shadow:0 30px 80px rgba(30,41,59,.14),inset 0 1px 0 rgba(255,255,255,.75);
    backdrop-filter:blur(22px) saturate(1.15);
    color:#102033;
}
.finance-bg-card span{
    display:block;
    color:#51627a;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.finance-bg-card strong{
    display:block;
    margin-top:8px;
    color:#0f7d5a;
    font-size:27px;
    line-height:1;
}
.finance-bg-card small{display:block;margin-top:7px;color:#617089;font-weight:700}
.bg-card-1{left:10%;bottom:13%;width:310px}
.bg-card-2{right:8%;top:18%;width:360px}
.bg-card-icon{
    width:72px;
    height:72px;
    border-radius:18px;
    background:#e8f6ee;
    display:grid;
    place-items:center;
    color:#0f7d5a;
    flex:0 0 auto;
}
.bg-card-icon:before{
    content:"";
    width:36px;
    height:36px;
    background:currentColor;
    mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center;
    -webkit-mask-size:contain;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center;
}
.chart-icon:before{
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 19h16v2H4v-2zm2-8h3v6H6v-6zm5-5h3v11h-3V6zm5 3h3v8h-3V9z'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 19h16v2H4v-2zm2-8h3v6H6v-6zm5-5h3v11h-3V6zm5 3h3v8h-3V9z'/%3E%3C/svg%3E");
}
.document-icon:before{
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2h9l5 5v15H6V2zm8 1.5V8h4.5L14 3.5zM8 12h8v2H8v-2zm0 4h6v2H8v-2z'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2h9l5 5v15H6V2zm8 1.5V8h4.5L14 3.5zM8 12h8v2H8v-2zm0 4h6v2H8v-2z'/%3E%3C/svg%3E");
}
.bg-card-arrow{
    margin-left:auto;
    width:44px;
    height:44px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#e8f6ee;
    color:#0f7d5a;
    font-size:34px;
    font-weight:700;
}
.finance-glass-card{
    width:min(528px,94vw)!important;
    padding:46px 44px 38px!important;
    border-radius:30px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.5))!important;
    border:1px solid rgba(255,255,255,.84)!important;
    box-shadow:0 36px 105px rgba(30,41,59,.2),inset 0 1px 0 rgba(255,255,255,.78)!important;
    backdrop-filter:blur(28px) saturate(1.16)!important;
}
.login-brand{display:flex;gap:22px;align-items:center;margin-bottom:28px}
.login-logo{
    width:72px!important;
    height:72px!important;
    border-radius:20px!important;
}
.login-logo-image{
    background:#fff!important;
    border:1px solid rgba(176,137,104,.22)!important;
    padding:10px!important;
    box-shadow:0 16px 38px rgba(30,41,59,.12)!important;
}
.login-logo-image img{width:100%;height:100%;object-fit:contain;display:block}
.login-title{font-size:36px;font-weight:900;line-height:1;color:#102033}
.login-subtitle{font-size:18px;font-weight:900;color:#0f7d5a;margin-top:8px;letter-spacing:.01em}
.login-fields{gap:17px}
.login-fields label{color:#51627a;font-size:14px;font-weight:900}
.login-input-wrap{
    position:relative;
    display:block;
}
.login-input-wrap:before{
    content:"";
    position:absolute;
    left:17px;
    top:50%;
    width:23px;
    height:23px;
    transform:translateY(-50%);
    background:#0f7d5a;
    mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center;
    -webkit-mask-size:contain;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center;
}
.email-icon:before{
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12a4 4 0 100-8 4 4 0 000 8zm0 2c-4 0-7 2-7 5v1h14v-1c0-3-3-5-7-5z'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12a4 4 0 100-8 4 4 0 000 8zm0 2c-4 0-7 2-7 5v1h14v-1c0-3-3-5-7-5z'/%3E%3C/svg%3E");
}
.lock-icon:before{
    mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 8h-1V6a4 4 0 00-8 0v2H7a2 2 0 00-2 2v10h14V10a2 2 0 00-2-2zm-7 0V6a2 2 0 014 0v2h-4zm3 7.7V18h-2v-2.3a2 2 0 112 0z'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 8h-1V6a4 4 0 00-8 0v2H7a2 2 0 00-2 2v10h14V10a2 2 0 00-2-2zm-7 0V6a2 2 0 014 0v2h-4zm3 7.7V18h-2v-2.3a2 2 0 112 0z'/%3E%3C/svg%3E");
}
.login-fields input{
    min-height:58px;
    padding-left:62px;
    background:rgba(255,255,255,.62);
    border:1px solid rgba(79,111,104,.3);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 8px 22px rgba(30,41,59,.035);
}
.login-fields input:focus{outline:3px solid rgba(15,125,90,.15);border-color:#0f7d5a}
.remember-row{
    display:flex!important;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:10px;
    color:#5d6c82!important;
}
.remember-row input{width:18px;height:18px;min-height:0;padding:0}
.login-btn{
    width:100%;
    min-height:60px;
    margin-top:4px;
    padding:14px 18px;
    border-radius:15px;
    background:linear-gradient(135deg,#41a676,#0b664b);
    box-shadow:0 14px 32px rgba(15,125,90,.26);
    font-size:16px;
}
.login-arrow{margin-left:auto;font-size:25px;line-height:1}
.login-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;color:#8a98aa;font-style:normal;margin:8px 0 0}
.login-divider span{height:1px;background:#d8ddd9}
.login-divider em{font-style:normal;font-weight:700}
.login-help{text-align:center;margin:2px 0 0;color:#4F6F68!important;font-weight:700}
@media(max-width:1100px){.bg-card-1,.bg-card-2{display:none}.finance-glass-card{margin:auto}}
@media(max-width:760px){.finance-login{padding:22px}.finance-soft-circle,.finance-grid-lines,.finance-wave-lines{display:none}.finance-glass-card{padding:32px 24px!important}.login-brand{gap:14px}.login-title{font-size:29px}.login-logo{width:58px!important;height:58px!important}}