@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0d253d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01";--ink:#0d253d;--muted:#64748d;--primary:#533afd;--line:#e3e8ee}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh;background:#fff;overflow-x:hidden}.login-mesh{position:fixed;z-index:0;inset:0 0 0 0;pointer-events:none;background:radial-gradient(ellipse at 12% 14%,rgba(255,207,174,.48),transparent 32%),radial-gradient(ellipse at 39% 9%,rgba(198,190,255,.47),transparent 34%),radial-gradient(ellipse at 76% 3%,rgba(244,185,224,.38),transparent 31%),radial-gradient(ellipse at 95% 35%,rgba(181,209,255,.4),transparent 35%);mask-image:linear-gradient(130deg,#000 0%,rgba(0,0,0,.6) 47%,transparent 87%)}.login-layout{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);max-width:1600px;margin:auto}.brand-panel{min-height:100vh;padding:34px clamp(36px,6.5vw,104px) 24px;display:flex;flex-direction:column;border-right:1px solid rgba(13,37,61,.07);background:rgba(255,255,255,.23)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;width:max-content}.brand-mark{width:34px;height:34px;border-radius:11px;background:#151d3b;display:flex;align-items:center;justify-content:center;gap:2px;transform:rotate(-5deg);flex:none}.brand-mark i{display:block;width:4px;border-radius:3px;background:#fff;transform:skew(-18deg)}.brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(2){height:18px;background:#a79aff}.brand-mark i:nth-child(3){height:14px}.brand-copy{display:grid;line-height:1.2}.brand-copy strong{font-size:14px;font-weight:600;letter-spacing:-.3px}.brand-copy small{font-size:11px;color:var(--muted);margin-top:3px}.brand-message{margin:auto 0 24px;max-width:590px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1px;color:var(--primary);font-weight:600}.eyebrow span{width:20px;height:1px;background:var(--primary)}h1{font-size:clamp(36px,4vw,57px);font-weight:300;line-height:1.09;letter-spacing:-2.1px;margin:17px 0 12px}h1 em{font-style:normal;color:var(--primary)}.brand-message p{max-width:420px;margin:0;color:#64748d;font-size:14px;line-height:1.7}.workspace-preview{width:min(100%,565px);height:244px;margin:0 auto 30px;border:1px solid rgba(255,255,255,.95);border-radius:15px;background:rgba(255,255,255,.77);box-shadow:0 20px 60px rgba(13,37,61,.09),0 2px 8px rgba(13,37,61,.035);overflow:hidden;transform:perspective(1100px) rotateX(2deg) rotateY(-3deg);backdrop-filter:blur(9px)}.preview-top{height:37px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;padding:0 14px;gap:10px}.preview-top>span{display:flex;gap:4px}.preview-top>span i{height:5px;width:5px;border-radius:50%;background:#e7e9f1}.preview-top>span i:first-child{background:#f5b39f}.preview-top>span i:nth-child(2){background:#e9d69c}.preview-top>span i:nth-child(3){background:#a7d8c0}.preview-top small{font-size:8px;color:#9aa3b2}.preview-top>b{margin-left:auto;font-size:9px;letter-spacing:2px;color:#abb2c0}.preview-content{display:grid;grid-template-columns:42px 1fr;height:165px}.preview-sidebar{border-right:1px solid #edf0f5;display:flex;align-items:center;flex-direction:column;gap:12px;padding-top:10px}.side-logo{font-size:12px;color:var(--primary);margin-bottom:4px}.preview-sidebar>i{width:15px;height:13px;border-radius:4px;background:#f0f2f7}.preview-sidebar>i.active{background:#edeaff;box-shadow:inset 2px 0 var(--primary)}.preview-main{padding:15px 17px}.preview-heading{display:grid;gap:5px}.preview-heading span:first-child{height:8px;width:93px;border-radius:4px;background:#202b46}.preview-heading span:nth-child(2){height:5px;width:130px;border-radius:4px;background:#eef0f5}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.preview-cards i{height:42px;border:1px solid #edf0f5;border-radius:6px;background:linear-gradient(135deg,#fff,#fafaff)}.preview-cards i:first-child{background:linear-gradient(135deg,#f3f0ff,#fff)}.preview-chart{height:65px;margin-top:8px;border:1px solid #edf0f5;border-radius:7px;background:linear-gradient(180deg,rgba(239,236,255,.55),rgba(255,255,255,.2));display:flex;align-items:end;justify-content:space-around;padding:10px 18px 0}.preview-chart i,.preview-chart span{display:block;width:4%;border-radius:4px 4px 0 0;background:linear-gradient(#a69aff,#d3cbff);height:31%}.preview-chart span:nth-child(2){height:49%}.preview-chart span:nth-child(3){height:38%}.preview-chart span:nth-child(4){height:62%}.preview-chart span:nth-child(5){height:47%}.preview-chart span:nth-child(6){height:70%}.preview-chart span:nth-child(7){height:56%}.preview-chart span:nth-child(8){height:81%;background:linear-gradient(#705bff,#c5bbff)}.preview-chart span:nth-child(9){height:63%}.preview-chart span:nth-child(10){height:90%;background:linear-gradient(#705bff,#c5bbff)}.preview-chart span:nth-child(11){height:70%}.preview-chart span:nth-child(12){height:98%;background:linear-gradient(#533afd,#a89bff)}.preview-caption{height:41px;border-top:1px solid #f0f2f6;padding:0 15px;display:flex;align-items:center;gap:8px;font-size:9px;color:#64748d}.preview-live,.note-dot{width:6px;height:6px;border-radius:50%;background:#30a878;box-shadow:0 0 0 3px rgba(48,168,120,.12)}.preview-sparkle{margin-left:auto;color:#8d7cff;font-size:15px}.brand-footer{display:flex;align-items:center;justify-content:space-between;color:#7c899c;font-size:9px}.brand-footer>span:first-child{font-weight:600;color:#273951}.brand-footer>span:nth-child(2){display:flex;align-items:center;gap:7px}.brand-footer i{width:3px;height:3px;border-radius:50%;background:#b6bfcc}.form-panel{display:flex;align-items:center;justify-content:center;padding:44px clamp(36px,7vw,112px);background:rgba(255,255,255,.75)}.form-wrap{width:100%;max-width:370px}.mobile-brand{display:none}.secure-chip{display:flex;align-items:center;gap:7px;width:max-content;height:25px;padding:0 9px 0 7px;border:1px solid #e7e3ff;border-radius:999px;background:#f8f7ff;color:#6852dd;font-size:8px;letter-spacing:.8px;font-weight:600}.lock-icon{display:grid;place-items:center}.lock-icon svg{width:15px;height:15px}h2{margin:21px 0 6px;font-size:39px;font-weight:300;letter-spacing:-1.65px;line-height:1.08}.form-intro{color:var(--muted);font-size:13px;margin:0 0 28px}form label{display:block;font-size:11px;font-weight:500;color:#273951;margin:0 0 7px}.field-wrap{height:48px;position:relative;display:flex;align-items:center;border:1px solid #dbe2eb;border-radius:7px;background:#fff;transition:border-color .18s,box-shadow .18s}.field-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(83,58,253,.1)}.field-icon{width:17px;height:17px;margin-left:13px;color:#8692a3;flex:none}.field-wrap input{height:100%;min-width:0;flex:1;border:0;outline:0;background:transparent;padding:0 11px;color:var(--ink);font:400 12px Inter,sans-serif}.field-wrap input::placeholder{color:#a0aaba}.password-label{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.password-label label{margin-bottom:7px}.private-note{display:flex;align-items:center;gap:6px;color:#8a95a5;font-size:9px;margin-bottom:7px}.private-note span{width:5px;height:5px;border-radius:50%;background:#30a878}.toggle-password{display:grid;place-items:center;width:38px;height:42px;margin-right:3px;border:0;background:transparent;color:#8792a2;border-radius:5px;cursor:pointer}.toggle-password:hover{background:#f6f7fb;color:var(--primary)}.toggle-password svg{width:17px;height:17px}.form-error{margin:10px 0 0;color:#bc4254;font-size:11px;line-height:1.5}.form-error.success-message{color:#27835f}.form-error[hidden]{display:none}.submit-button{width:100%;height:47px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;margin-top:21px;border:0;border-radius:999px;background:var(--primary);color:#fff;font:500 12px Inter,sans-serif;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}.submit-button:hover{background:#4434d4;box-shadow:0 8px 18px rgba(83,58,253,.2);transform:translateY(-1px)}.submit-button:focus-visible,.toggle-password:focus-visible{outline:3px solid rgba(83,58,253,.3);outline-offset:2px}.button-arrow{font-size:17px;line-height:1}.button-spinner{display:none;position:absolute;right:15px;width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.submit-button.loading .button-spinner{display:block}.submit-button.loading .button-label,.submit-button.loading .button-arrow{opacity:.65}.submit-button:disabled{cursor:wait;transform:none}.form-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:21px;color:#8792a2;font-size:9px}.form-note .note-dot{width:5px;height:5px;box-shadow:none}.mobile-footer{display:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1400px){.brand-panel{padding-left:clamp(80px,9vw,145px);padding-right:clamp(60px,8vw,130px)}}@media(max-width:1000px){.login-layout{grid-template-columns:minmax(0,1fr) minmax(390px,.95fr)}.brand-panel{padding-left:38px;padding-right:38px}.form-panel{padding-left:42px;padding-right:42px}.workspace-preview{height:220px}.preview-content{height:142px}}@media(max-width:760px){body{background:#fff}.login-layout{min-height:100svh;display:block}.brand-panel{display:none}.form-panel{min-height:100svh;padding:36px 25px 24px;background:transparent}.form-wrap{max-width:390px;margin:auto}.mobile-brand{display:flex;align-items:center;gap:10px;margin:0 0 41px}.login-mesh{background:radial-gradient(ellipse at 4% 5%,rgba(255,207,174,.35),transparent 35%),radial-gradient(ellipse at 84% 9%,rgba(197,188,255,.35),transparent 36%),radial-gradient(ellipse at 99% 43%,rgba(244,185,224,.26),transparent 38%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.5) 47%,transparent 88%)}h2{font-size:36px;margin-top:19px}.form-intro{margin-bottom:25px}.field-wrap{height:50px}.submit-button{height:49px}.form-note{font-size:9px}.mobile-footer{display:block;text-align:center;color:#98a2b1;font-size:9px;margin-top:42px}}@media(max-width:380px){.form-panel{padding-left:20px;padding-right:20px}.mobile-brand{margin-bottom:32px}h2{font-size:33px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition:none!important}}