body.login-body.login-page-l1{margin:0;background:#fff;font-family:Inter,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;color:#000}body.login-page-l1 .slink-container{max-width:1120px;width:100%;background:#fff;border-radius:2rem;box-shadow:0 25px 45px -12px #00000024,0 4px 12px #0000000f;overflow:hidden;transition:all .2s ease}body.login-page-l1 .slink-grid{display:flex;flex-wrap:wrap}body.login-page-l1 .brand-area{flex:1.1;background:#f2d633;padding:3rem 2.5rem;color:#000;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}body.login-page-l1 .brand-area:before{content:"";position:absolute;top:-20%;right:-15%;width:280px;height:280px;background:#fff6;border-radius:50%;pointer-events:none}body.login-page-l1 .brand-area:after{content:"";position:absolute;bottom:-10%;left:-10%;width:200px;height:200px;background:#0000000f;border-radius:50%;pointer-events:none}body.login-page-l1 .logo-main{font-size:2.4rem;font-weight:800;letter-spacing:-.5px;margin-bottom:1.75rem;display:inline-flex;align-items:center;gap:10px;position:relative;z-index:1}body.login-page-l1 .logo-main i{font-size:2.2rem;color:#7b2bf9}body.login-page-l1 .logo-main span{color:#000}body.login-page-l1 .tagline{font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#000000b8;margin-bottom:1rem;position:relative;z-index:1}body.login-page-l1 .headline{font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:1.5rem;position:relative;z-index:1;color:#000}body.login-page-l1 .features-list{list-style:none;margin-top:1rem;padding:0;position:relative;z-index:1}body.login-page-l1 .features-list li{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1rem;font-weight:400;color:#000}body.login-page-l1 .features-list li i{color:#7b2bf9;font-size:1.25rem;width:1.6rem}body.login-page-l1 .features-list li .login-feature-icon-svg-wrap{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;flex-shrink:0;color:#7b2bf9}body.login-page-l1 .features-list li .login-feature-icon-svg{width:1.25rem;height:1.25rem;fill:currentColor;display:block}body.login-page-l1 .form-area{flex:1;padding:3rem 2.5rem;background:#fff;display:flex;flex-direction:column;justify-content:center}body.login-page-l1 .form-header{margin-bottom:2rem}body.login-page-l1 .greeting{font-size:1.8rem;font-weight:700;color:#000;margin-bottom:.5rem}body.login-page-l1 .greeting i{color:#7b2bf9;font-size:1.8rem;margin-right:6px}body.login-page-l1 .sub-greeting{color:#000000bf;font-size:.95rem;font-weight:400;border-left:3px solid #7b2bf9;padding-left:12px;margin-top:8px}body.login-page-l1 .l1-login-alert{margin:0 0 1rem}body.login-page-l1 .alert.error{background:#fff;border:1px solid #7b2bf9;color:#000}body.login-page-l1 .input-group{margin-bottom:1.8rem}body.login-page-l1 .input-group label{display:block;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#000;margin-bottom:.5rem}body.login-page-l1 .input-icon{position:relative;display:flex;align-items:center}body.login-page-l1 .input-icon>i{position:absolute;left:16px;color:#00000073;font-size:1.1rem;pointer-events:none}body.login-page-l1 .input-icon input{width:100%;padding:.9rem 1rem .9rem 2.8rem;font-size:1rem;font-family:Inter,sans-serif;border:1px solid rgba(0,0,0,.18);border-radius:1.2rem;background-color:#fff;transition:all .2s;color:#000;font-weight:500}body.login-page-l1 .input-icon input:focus{outline:none;border-color:#7b2bf9;box-shadow:0 0 0 3px #7b2bf938}body.login-page-l1 .input-icon input::-moz-placeholder{color:#0000006b;font-weight:400}body.login-page-l1 .input-icon input::placeholder{color:#0000006b;font-weight:400}body.login-page-l1 .actions{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0 1rem}body.login-page-l1 .btn{flex:1;text-align:center;padding:.9rem .5rem;font-weight:700;font-size:.95rem;border-radius:2rem;cursor:pointer;transition:.2s;font-family:Inter,sans-serif;border:none;background:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}body.login-page-l1 .btn-primary{background:#7b2bf9;color:#fff;box-shadow:0 2px 8px #7b2bf959}body.login-page-l1 .btn-primary:hover{background:#6820e0;transform:translateY(-2px)}body.login-page-l1 .btn-outline{background:#fff;border:1.5px solid #7b2bf9;color:#7b2bf9}body.login-page-l1 .btn-outline:hover{border-color:#6820e0;background:#7b2bf914;color:#6820e0}body.login-page-l1 .contract-link{margin-top:1.8rem;text-align:center;border-top:1px solid rgba(0,0,0,.12);padding-top:1.5rem}body.login-page-l1 .contract-link a{color:#7b2bf9;font-weight:500;text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;gap:6px;transition:.2s}body.login-page-l1 .contract-link a i{font-size:.8rem}body.login-page-l1 .contract-link a:hover{color:#6820e0;gap:10px}@media(max-width:800px){body.login-page-l1 .slink-grid{flex-direction:column}body.login-page-l1 .brand-area{padding:2rem 1.8rem;text-align:center}body.login-page-l1 .features-list li{justify-content:center}body.login-page-l1 .form-area{padding:2rem 1.8rem}body.login-page-l1 .greeting{font-size:1.6rem}body.login-page-l1 .actions{flex-direction:column}body.login-page-l1 .btn{width:100%}}@media(max-width:480px){body.login-body.login-page-l1{padding:1rem}body.login-page-l1 .headline{font-size:1.5rem}body.login-page-l1 .logo-main{font-size:1.9rem;justify-content:center}}