/* Dersal V20 — premium login experience */
.login-v200-page{--v20-ink:#11152d;--v20-muted:#70788f;--v20-line:#e7e9f2;--v20-purple:#6757ff;--v20-purple-2:#5142e6;--v20-cyan:#83eee1;background:#f4f5fa;color:var(--v20-ink)}
.login-v200-page .site-header,.login-v200-page .site-footer,.login-v200-page .global-campaign,.login-v200-page .public-support-bar{display:none!important}
.login-v200-page main{min-height:100vh;display:block!important;padding:0!important;margin:0!important;max-width:none!important;background:#f4f5fa}
.login-v200-page .flash-stack{display:none!important}
.v200-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1.08fr) minmax(470px,.92fr);overflow:hidden;background:#fff}
.v200-story{position:relative;isolation:isolate;min-height:100vh;padding:42px clamp(42px,5vw,82px) 38px;overflow:hidden;color:#fff;background:linear-gradient(145deg,#10152e 0%,#171d42 48%,#2a2566 100%);display:flex;flex-direction:column}
.v200-story:before{content:"";position:absolute;inset:0;z-index:-4;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 84%)}
.v200-story:after{content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-290px;bottom:-240px;z-index:-3;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 68px rgba(255,255,255,.025),0 0 0 136px rgba(255,255,255,.018)}
.v200-story-glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none;z-index:-2}
.v200-story-glow-one{width:460px;height:460px;right:-100px;top:-180px;background:radial-gradient(circle,rgba(114,89,255,.42) 0%,rgba(114,89,255,.05) 55%,transparent 72%)}
.v200-story-glow-two{width:330px;height:330px;left:-180px;bottom:8%;background:radial-gradient(circle,rgba(91,229,210,.14) 0%,transparent 68%)}
.v200-brand{display:inline-flex;align-items:center;gap:11px;width:max-content;color:#fff;text-decoration:none;position:relative;z-index:2}
.v200-brand img{width:34px;height:34px;display:block;filter:drop-shadow(0 7px 14px rgba(17,10,80,.3))}
.v200-brand strong{font-family:"Manrope",sans-serif;font-size:22px;letter-spacing:-.055em;font-weight:800}
.v200-story-copy{margin-top:clamp(58px,9vh,112px);max-width:670px;position:relative;z-index:2}
.v200-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#c9c4ff;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.v200-story-copy h1{font-family:"Manrope",sans-serif;font-size:clamp(44px,4.7vw,70px);line-height:1.015;letter-spacing:-.064em;margin:17px 0 19px;max-width:680px;color:#fff}
.v200-story-copy h1 em{font-style:normal;color:#b9b1ff}
.v200-story-copy>p{max-width:590px;margin:0;color:#bec4d8;font-size:15px;line-height:1.72}
.v200-value-pills{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:25px}
.v200-value-pills span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);backdrop-filter:blur(8px);color:#dfe3f3;font-size:10px;font-weight:750}
.v200-value-pills svg{color:#9b91ff}
.v200-product-stage{margin-top:clamp(34px,5.3vh,56px);position:relative;z-index:2;max-width:720px}
.v200-stage-window{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045));box-shadow:0 32px 70px rgba(4,7,30,.32);backdrop-filter:blur(18px);overflow:hidden}
.v200-stage-top{height:45px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.08);font-size:9px;color:#aeb5cb}
.v200-stage-top>span{text-align:center;font-weight:700;color:#d9ddec}
.v200-stage-top>b{text-align:right;font-size:8px;color:#8e96ae}
.v200-stage-dots{display:flex;gap:5px}.v200-stage-dots i{width:6px;height:6px;border-radius:50%;background:#6e7691}.v200-stage-dots i:nth-child(2){opacity:.7}.v200-stage-dots i:nth-child(3){opacity:.45}
.v200-stage-grid{display:grid;grid-template-columns:1.24fr .76fr;gap:10px;padding:12px}
.v200-stage-grid article{border:1px solid rgba(255,255,255,.085);border-radius:15px;background:rgba(9,13,38,.34);padding:15px}
.v200-card-kicker{display:flex;align-items:center;gap:9px}.v200-card-icon,.v200-stat-icon{width:29px;height:29px;border-radius:9px;background:rgba(117,101,255,.20);color:#b8b0ff;display:grid;place-items:center}.v200-card-kicker small,.v200-stat-card small,.v200-message-card small,.v200-plan-card>small{font-size:7px;letter-spacing:.12em;color:#858da7;font-weight:800}
.v200-focus-card h3{font-size:17px;letter-spacing:-.035em;margin:15px 0 3px;color:#f5f7ff}.v200-focus-card>p{font-size:9px;color:#969eb5;margin:0}.v200-progress{height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:18px}.v200-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8272ff,#92efe2)}.v200-focus-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-size:8px;color:#8992aa}.v200-focus-meta strong{color:#c9c4ff}
.v200-stat-card{position:relative;overflow:hidden}.v200-stat-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-40px;top:-42px;background:rgba(109,89,255,.08)}.v200-stat-card small{display:block;margin-top:15px}.v200-stat-card>strong{display:block;font-size:30px;letter-spacing:-.06em;margin-top:4px;color:#9cf0e5}.v200-stat-card p{margin:0;color:#929ab0;font-size:8px}.v200-bars{height:27px;margin-top:10px;display:flex;align-items:flex-end;gap:4px}.v200-bars i{flex:1;border-radius:4px 4px 2px 2px;background:#7164dc}.v200-bars i:nth-child(1){height:25%}.v200-bars i:nth-child(2){height:38%}.v200-bars i:nth-child(3){height:47%}.v200-bars i:nth-child(4){height:61%}.v200-bars i:nth-child(5){height:76%}.v200-bars i:nth-child(6){height:94%;background:#84ddd3}
.v200-message-card{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.v200-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#7363ff,#5746dd);display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff}.v200-message-card strong{display:block;font-size:9px;color:#edf0fa;margin:2px 0}.v200-message-card p{font-size:8px;color:#9098ae;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.v200-unread{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#8de8dd;color:#153e43;font-size:7px;font-weight:900}
.v200-plan-card>small{display:block;margin-bottom:10px}.v200-plan-card>div{display:grid;grid-template-columns:8px 1fr;gap:7px;align-items:start;margin-top:8px}.v200-plan-card p{font-size:8px;line-height:1.4;margin:0;color:#a5acc0}.v200-plan-card b{color:#e4e7f2}.v200-plan-dot{width:6px;height:6px;margin-top:3px;border-radius:50%;background:#8072ff;box-shadow:0 0 0 3px rgba(128,114,255,.12)}.v200-plan-dot.alt{background:#80dfd3;box-shadow:0 0 0 3px rgba(128,223,211,.10)}
.v200-story-footer{margin-top:auto;padding-top:28px;display:flex;align-items:center;gap:12px;position:relative;z-index:2;color:#939bb2}.v200-story-line{width:38px;height:1px;background:#7166b5}.v200-story-footer p{margin:0;font-size:10px}.v200-story-footer strong{color:#d9ddec}
.v200-login-panel{min-height:100vh;background:#fff;display:flex;flex-direction:column;padding:32px clamp(34px,5vw,78px) 27px;position:relative}
.v200-mobile-brand{display:none}
.v200-login-wrap{width:min(480px,100%);margin:auto}
.v200-login-head{margin-bottom:20px}.v200-login-kicker{display:block;color:#6859ed;font-size:9px;font-weight:850;letter-spacing:.15em;margin-bottom:11px}.v200-login-head h2{font-family:"Manrope",sans-serif;font-size:38px;line-height:1.08;letter-spacing:-.052em;margin:0 0 10px;color:#14182e}.v200-login-head p{max-width:440px;margin:0;color:#7d8497;font-size:11px;line-height:1.65}
.v200-role-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid #eef0f5;color:#8a90a1;font-size:8px;font-weight:750}.v200-role-strip i{width:3px;height:3px;border-radius:50%;background:#c9ccd6}
.v200-alert{display:grid;grid-template-columns:29px 1fr;gap:10px;align-items:start;margin-bottom:18px;padding:12px 13px;border:1px solid #f2cbd0;border-radius:12px;background:#fff4f5;color:#a63343;font-size:10px;line-height:1.5}.v200-alert>span{width:29px;height:29px;border-radius:9px;background:#ffe7ea;display:grid;place-items:center;color:#bb4050}
.v200-login-form{display:grid;gap:17px}.v200-field{display:grid;gap:7px}.v200-field label{font-size:10px!important;color:#353c4f!important;font-weight:800!important;margin:0!important}.v200-label-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.v200-label-row>a{font-size:9px;color:#6254df;text-decoration:none;font-weight:800}.v200-label-row>a:hover{text-decoration:underline}.v200-input-wrap{height:52px;display:flex;align-items:center;position:relative;border:1px solid #dfe2eb;border-radius:13px;background:#fbfcfe;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.v200-input-wrap:focus-within{background:#fff;border-color:#7a6cff;box-shadow:0 0 0 4px rgba(103,87,255,.09)}.v200-input-icon{position:absolute;left:15px;color:#8c93a5;display:grid;place-items:center}.v200-input-wrap input{width:100%;height:100%;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:0 63px 0 44px!important;color:#1a1f34!important;font-family:inherit;font-size:12px!important;border-radius:inherit}.v200-input-wrap input::placeholder{color:#a9afbd}.v200-password-toggle{position:absolute;right:10px;border:0;background:#f0f1f6;color:#697085;border-radius:8px;min-height:29px;padding:0 9px;font:800 8px/1 "Manrope",sans-serif;cursor:pointer}.v200-password-toggle:hover{background:#e9e7ff;color:#5749da}.v200-field.has-error .v200-input-wrap{border-color:#df6d7b;background:#fffafb}.v200-field-error{font-size:9px;color:#b63b4a;font-weight:700}
.v200-submit{height:53px;border:0;border-radius:13px;background:linear-gradient(135deg,#6b5bff,#5544e6);box-shadow:0 11px 25px rgba(91,75,255,.20);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-family:"Manrope",sans-serif;font-size:11px;font-weight:850;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;margin-top:2px}.v200-submit:hover{transform:translateY(-1px);box-shadow:0 15px 31px rgba(91,75,255,.26);filter:saturate(1.06)}.v200-submit:active{transform:translateY(0)}
.v200-security-note{display:flex;align-items:center;gap:10px;margin:20px 0;padding:0 2px;color:#7f879a}.v200-security-note>span{width:31px;height:31px;border-radius:9px;background:#effaf7;color:#2aa58f;display:grid;place-items:center}.v200-security-note div{display:grid;gap:1px}.v200-security-note strong{font-size:9px;color:#4a5267}.v200-security-note small{font-size:8px;color:#969cac}
.v200-register-box{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;border:1px solid #e7e9f1;border-radius:14px;background:#fafafe}.v200-register-box>div{display:grid;gap:2px}.v200-register-box small{font-size:8px;color:#8e95a6}.v200-register-box strong{font-size:9px;color:#3e4558}.v200-register-box>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#5a4cdd;text-decoration:none;font-size:9px;font-weight:850}.v200-register-box>a:hover{text-decoration:underline}.v200-legal{font-size:7.5px;line-height:1.55;color:#a1a7b4;text-align:center;margin:14px auto 0;max-width:390px}
.v200-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #f0f1f5;color:#9aa0af;font-size:8px}.v200-panel-footer a{color:#666e83;text-decoration:none;font-weight:750}.v200-panel-footer>span a{color:#6356dd}.v200-brand-dark{color:#14182e}
@media(max-width:1100px){.v200-login-shell{grid-template-columns:minmax(430px,.9fr) minmax(440px,1.1fr)}.v200-story{padding-left:40px;padding-right:40px}.v200-stage-grid{grid-template-columns:1fr}.v200-stat-card{display:none}.v200-message-card p{max-width:180px}}
@media(max-width:860px){.v200-login-shell{display:block;min-height:100vh}.v200-story{min-height:auto;padding:23px 22px 28px}.v200-story>.v200-brand{display:none}.v200-story-copy{margin-top:0;padding-top:0}.v200-story-copy h1{font-size:38px;max-width:590px;margin-top:12px}.v200-story-copy>p{font-size:12px;max-width:600px}.v200-value-pills{margin-top:16px}.v200-product-stage{display:none}.v200-story-footer{margin-top:22px;padding-top:0}.v200-login-panel{min-height:auto;padding:20px 22px 28px}.v200-mobile-brand{display:block;margin-bottom:32px}.v200-login-wrap{width:min(560px,100%);margin:0 auto}.v200-panel-footer{width:min(560px,100%);margin:36px auto 0}}
@media(max-width:560px){.v200-story{padding:18px 18px 23px;border-radius:0 0 24px 24px}.v200-eyebrow{font-size:8px}.v200-story-copy h1{font-size:31px;line-height:1.06;margin:11px 0 10px}.v200-story-copy>p{font-size:11px;line-height:1.55}.v200-value-pills{gap:6px}.v200-value-pills span{min-height:29px;padding:0 9px;font-size:8px}.v200-story-footer{display:none}.v200-login-panel{padding:20px 18px 24px}.v200-mobile-brand{margin-bottom:26px}.v200-brand img{width:31px;height:31px}.v200-brand strong{font-size:20px}.v200-login-head{margin-bottom:16px}.v200-login-head h2{font-size:30px}.v200-login-head p{font-size:10px}.v200-role-strip{gap:6px;margin-bottom:20px;padding-bottom:18px;font-size:7.5px}.v200-input-wrap{height:51px}.v200-submit{height:52px}.v200-register-box{align-items:flex-start;flex-direction:column;gap:9px}.v200-panel-footer{align-items:flex-start;flex-direction:column;gap:8px;margin-top:30px;padding-top:17px}.v200-legal{text-align:left;margin-left:0}.v200-login-wrap{margin:0}.v200-mobile-brand{display:block}}
@media(max-height:740px) and (min-width:861px){.v200-story{padding-top:30px;padding-bottom:26px}.v200-story-copy{margin-top:48px}.v200-story-copy h1{font-size:48px}.v200-product-stage{margin-top:28px}.v200-stage-grid{grid-template-columns:1.24fr .76fr}.v200-login-panel{padding-top:24px;padding-bottom:20px}.v200-login-head h2{font-size:34px}.v200-login-head{margin-bottom:15px}.v200-role-strip{padding-bottom:17px;margin-bottom:18px}.v200-login-form{gap:13px}.v200-security-note{margin:14px 0}.v200-panel-footer{padding-top:14px}}
@media(prefers-reduced-motion:reduce){.v200-submit,.v200-input-wrap{transition:none}}

/* Dersal V20.1 login style hotfix - restored 2026-08-11 */