.presenter-login-screen,.login-screen{min-height:100vh;padding:clamp(14px,3vw,42px);background:radial-gradient(circle at 8% 12%,rgba(11,121,84,.14),transparent 28%),radial-gradient(circle at 92% 88%,rgba(238,104,65,.1),transparent 27%),#f4f1e9}
.login-modern-shell{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);width:min(1180px,100%);min-height:min(720px,calc(100vh - 84px));margin:auto;overflow:hidden;border:1px solid rgba(21,35,29,.08);border-radius:34px;background:#fffdfa;box-shadow:0 36px 100px rgba(17,35,27,.14)}
.login-visual{position:relative;display:flex;flex-direction:column;min-width:0;padding:42px 46px 34px;overflow:hidden;background:linear-gradient(145deg,#10251c 0%,#174531 58%,#0b7954 100%);color:#fff}
.login-visual::before,.login-visual::after{content:"";position:absolute;border-radius:38px;transform:rotate(24deg);pointer-events:none}.login-visual::before{width:230px;height:230px;right:-105px;top:-95px;background:rgba(255,255,255,.06)}.login-visual::after{width:190px;height:190px;left:-95px;bottom:-100px;background:rgba(240,153,112,.18)}
.login-visual-brand{position:relative;z-index:2;display:flex;align-items:center;gap:12px}.login-visual-brand>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff;color:#10251c;font-size:20px;font-weight:900}.login-visual-brand strong,.login-visual-brand small{display:block}.login-visual-brand strong{font-size:18px;letter-spacing:.08em}.login-visual-brand small{margin-top:3px;color:#a9c5b7;font-size:9px;letter-spacing:.18em}
.login-visual-copy{position:relative;z-index:2;margin-top:54px}.login-visual-copy>p{margin:0 0 10px;color:#8ed1b2;font-size:10px;font-weight:900;letter-spacing:.2em}.login-visual-copy h2{margin:0;font:700 clamp(34px,4vw,54px)/1.08 Georgia,"Songti SC",serif;letter-spacing:-.03em}.login-visual-copy h2 em{color:#ff9b72;font-style:normal}.login-visual-copy>span{display:block;max-width:480px;margin-top:18px;color:#b8cec3;font-size:13px;line-height:1.8}
.login-visual-stage{position:relative;z-index:2;flex:1;min-height:310px;margin-top:24px}.visual-console{position:absolute;left:50%;top:53%;width:min(330px,58%);padding:22px;transform:translate(-50%,-50%) rotate(-2deg);border:1px solid rgba(255,255,255,.2);border-radius:25px;background:rgba(255,253,248,.96);box-shadow:0 30px 70px rgba(0,0,0,.22);color:#15231d}.visual-console-top{display:flex;align-items:center;gap:7px;color:#6e7a73;font-size:8px;letter-spacing:.12em}.visual-console-top i{width:7px;height:7px;border-radius:50%;background:#ee6841;box-shadow:0 0 0 4px rgba(238,104,65,.13)}.visual-console-top b{margin-left:auto;color:#0b7954}.visual-console>strong{display:block;margin:22px 0 15px;font:700 20px Georgia,"Songti SC",serif}.visual-line{display:grid;grid-template-columns:8px 1fr 44px;align-items:center;gap:9px;margin-top:11px}.visual-line i{width:7px;height:7px;border-radius:50%;background:#d2d8d4}.visual-line span,.visual-line b{height:8px;border-radius:99px;background:#e3e7e4}.visual-line b{background:#edf0ee}.visual-line.active i{background:#0b7954}.visual-line.active span{background:#a9d5c0}.visual-line.active b{background:#f3b49c}
.visual-float-card{position:absolute;z-index:3;min-width:160px;padding:13px 15px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.93);box-shadow:0 18px 45px rgba(0,0,0,.18);color:#15231d}.visual-float-card span,.visual-float-card b{display:block}.visual-float-card span{color:#748078;font-size:9px}.visual-float-card b{margin-top:5px;font-size:12px}.visual-card-left{left:1%;top:20%;transform:rotate(3deg)}.visual-card-left>i{position:absolute;right:12px;top:12px;width:8px;height:8px;border-radius:50%;background:#0b8a5c;box-shadow:0 0 0 4px rgba(11,138,92,.12)}.visual-card-right{right:0;bottom:18%;transform:rotate(-3deg);border-left:4px solid #ee6841}
.login-visual-tags{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px}.login-visual-tags span{padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:99px;background:rgba(255,255,255,.07);color:#bad0c5;font-size:9px;font-weight:800}
.login-form-panel,.presenter-login-card.login-form-panel,.login-card.login-form-panel{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:none;margin:0;padding:clamp(34px,5vw,68px);border:0;border-radius:0;background:#fffdfa;box-shadow:none}.login-form-panel .brand{margin-bottom:44px}.login-form-panel h1,.presenter-login-card.login-form-panel h1{font-size:clamp(38px,4vw,52px)}.login-form-panel input{border-width:0 0 1px!important;border-radius:0!important;padding:14px 2px!important;background:transparent!important}.login-form-panel input:focus{box-shadow:0 2px 0 var(--green)!important}.login-form-panel .presenter-login-submit,.login-form-panel .primary{margin-top:14px;padding:16px;border-radius:12px;background:#10251c}.login-form-panel .presenter-login-submit:hover,.login-form-panel .primary:hover{background:#0b7954}.login-form-panel .login-back{align-self:flex-start}
@media(max-width:850px){.presenter-login-screen,.login-screen{padding:14px}.login-modern-shell{grid-template-columns:1fr;min-height:0;border-radius:25px}.login-visual{min-height:285px;padding:28px 30px 20px}.login-visual-copy{margin-top:28px}.login-visual-copy h2{font-size:35px}.login-visual-copy>span{max-width:65%;font-size:11px}.login-visual-stage{position:absolute;right:12px;bottom:15px;width:48%;height:190px;min-height:0}.visual-console{width:66%;padding:14px}.visual-console>strong{margin:14px 0 10px;font-size:14px}.visual-card-left{display:none}.visual-card-right{right:0;bottom:5%;min-width:130px;padding:10px}.login-visual-tags{margin-top:auto}.login-form-panel,.presenter-login-card.login-form-panel,.login-card.login-form-panel{padding:36px 30px}.login-form-panel .brand{margin-bottom:32px}}
@media(max-width:520px){.login-visual{min-height:210px;padding:23px 22px}.login-visual-copy{margin-top:24px}.login-visual-copy h2{font-size:29px}.login-visual-copy>span,.login-visual-stage,.login-visual-tags{display:none}.login-form-panel,.presenter-login-card.login-form-panel,.login-card.login-form-panel{padding:30px 23px}.login-form-panel .brand{margin-bottom:28px}.login-form-panel h1,.presenter-login-card.login-form-panel h1{font-size:36px}}
.login-visual-brand>div{min-width:0}.login-visual-brand strong{overflow-wrap:anywhere;line-height:1.2}
