:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.login-page{background:#fff;grid-template-columns:minmax(420px,46%) minmax(0,54%);min-height:100svh;padding:14px 14px 14px 0;display:grid}.login-panel{justify-content:center;align-items:center;padding:48px;display:flex}.login-card{width:min(100%,430px)}.login-logo{color:#5b48f4;letter-spacing:-1.2px;margin-bottom:64px;font-size:30px;font-weight:800;text-decoration:none;display:inline-flex}.login-heading{margin-bottom:36px}.login-eyebrow{color:#5b48f4;letter-spacing:.11em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:800}.login-heading h1{color:#151b2b;letter-spacing:-.045em;margin:0;font-size:clamp(34px,4vw,48px);line-height:1.05}.login-heading>p:last-child{color:#697187;max-width:390px;margin:18px 0 0;font-size:16px;line-height:1.65}.login-form{flex-direction:column;display:flex}.login-form label{color:#2b3448;margin-bottom:9px;font-size:14px;font-weight:700}.login-form input{color:#172033;background:#fff;border:1px solid #dfe3ec;border-radius:12px;outline:none;width:100%;height:54px;margin-bottom:22px;padding:0 16px;transition:border-color .16s,box-shadow .16s}.login-form input::placeholder{color:#a0a7b7}.login-form input:focus{border-color:#6b59f4;box-shadow:0 0 0 4px #5b48f41f}.password-label-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.password-label-row a{color:#5b48f4;margin-bottom:9px;font-size:13px;font-weight:700;text-decoration:none}.password-label-row a:hover{text-decoration:underline}.login-form button{color:#fff;cursor:pointer;background:#5b48f4;border:0;border-radius:12px;width:100%;min-height:55px;margin-top:4px;font-weight:800;transition:transform .16s,background .16s,box-shadow .16s;box-shadow:0 14px 30px #5b48f440}.login-form button:hover{background:#4d3be5;transform:translateY(-1px);box-shadow:0 17px 36px #5b48f452}.login-form button:active{transform:translateY(0)}.register-link{color:#737b8f;text-align:center;margin:28px 0 0;font-size:14px}.register-link a{color:#5b48f4;font-weight:800;text-decoration:none}.register-link a:hover{text-decoration:underline}.login-visual{color:#fff;background:radial-gradient(circle at 80% 15%,#ffffff2e,#0000 30%),radial-gradient(circle at 10% 90%,#45d9b338,#0000 28%),linear-gradient(145deg,#251c61 0%,#4935bd 50%,#6a52ee 100%);border-radius:30px;align-items:center;margin:0;padding:72px;display:flex;position:relative;overflow:hidden}.login-visual:before,.login-visual:after{content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute}.login-visual:before{width:410px;height:410px;top:-130px;right:-100px}.login-visual:after{width:520px;height:520px;bottom:-230px;right:80px}.visual-content{z-index:1;width:min(100%,650px);margin:0 auto;position:relative}.visual-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff21;border:1px solid #fff3;border-radius:999px;align-items:center;min-height:34px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.visual-content>h2{letter-spacing:-.05em;max-width:620px;margin:28px 0 54px;font-size:clamp(36px,4.2vw,66px);line-height:1.04}.feature-list{gap:14px;display:grid}.feature-list article{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff17;border:1px solid #ffffff21;border-radius:18px;grid-template-columns:46px 1fr;gap:17px;padding:19px 20px;display:grid}.feature-list article>span{color:#241b61;background:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:12px;font-weight:900;display:grid}.feature-list h3{margin:1px 0 5px;font-size:16px}.feature-list p{color:#ffffffb8;margin:0;font-size:14px;line-height:1.55}@media (width<=980px){.login-page{grid-template-columns:1fr;padding:0}.login-panel{min-height:100svh;padding:42px 24px}.login-card{width:min(100%,480px)}.login-logo{margin-bottom:50px}.login-visual{display:none}}@media (width<=520px){.login-panel{align-items:flex-start;padding:28px 20px 36px}.login-logo{margin-bottom:46px;font-size:27px}.login-heading{margin-bottom:30px}.login-heading h1{font-size:36px}.login-heading>p:last-child{font-size:15px}.login-form input{height:52px}.password-label-row{align-items:flex-start}}
