@font-face{font-family:Montserrat;src:url('Монтсеррат — средний.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url('Монтсеррат — жирный.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
:root{--ink:#171927;--muted:#777d8c;--paper:#f6f7fb;--deep:#101127;--accent:#5159d9}
body{font-family:Montserrat,Arial,sans-serif;font-weight:500}
h1,h2,h3{font-family:Montserrat,Arial,sans-serif;font-weight:800}
.sidebar{background:#101127}
.sidebar nav a:hover,.sidebar nav a.active{background:#2b2d58}
.sidebar-bottom{border-top-color:#323455}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding-top:4px}
.brand img{width:137px;height:auto;display:block}
.brand-subtitle{font-size:9px;font-weight:500;letter-spacing:.15em;color:#b9bcd3}
.primary{background:#3336a8}
.primary:hover{background:#282b8c}
.auth-body{background:#fff}
.auth-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr)}
.auth-intro{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;padding:48px clamp(38px,6.7vw,105px) 35px;background:radial-gradient(circle at 76% 69%,#24215e 0,#15163d 28%,transparent 54%),linear-gradient(145deg,#0c102b,#151433 70%,#131128);color:#fff}
.auth-brand,.auth-copy,.auth-footer{position:relative;z-index:2}
.auth-brand{display:flex;align-items:center;gap:21px}
.auth-brand img{display:block;width:189px;height:auto}
.auth-brand span{border-left:1px solid #54516e;padding-left:20px;color:#c7c3e4;font-size:12px;letter-spacing:.17em;font-weight:800}
.auth-copy{max-width:610px;margin-top:90px;margin-bottom:65px}
.auth-copy .eyebrow{font-size:11px;letter-spacing:.2em;color:#b7b9ec;margin-bottom:24px}
.auth-copy h1{font-size:clamp(46px,4.1vw,72px);line-height:1.13;letter-spacing:-.065em;margin-bottom:26px}
.auth-copy h1 em{font-style:normal;color:#adb0ff}
.auth-copy p{max-width:520px;color:#c0c3de;font-size:15px;line-height:1.85;margin:0}
.auth-art{position:absolute;inset:auto -200px -245px auto;width:720px;height:720px;pointer-events:none;opacity:.8}
.art-orbit{position:absolute;border-radius:50%;transform:rotate(-25deg)}
.art-one{inset:58px 12px 70px 40px;border:2px solid rgba(112,112,242,.29);box-shadow:0 0 70px rgba(68,55,169,.1)}
.art-two{inset:150px 100px 155px 132px;border:40px solid rgba(72,69,178,.14);filter:blur(2px)}
.art-core{position:absolute;inset:205px 215px 220px 240px;border-radius:42% 58% 45% 55%;background:conic-gradient(from 235deg,#4d1bb7,#353bd4,#8a54e5,#df3bba,#ff8b52,#6934cd);filter:blur(43px);opacity:.58}
.auth-footer{display:flex;gap:18px;justify-content:space-between;max-width:610px;border-top:1px solid rgba(199,197,236,.23);padding-top:22px;color:#9699bc;font-size:9px;font-weight:800;letter-spacing:.16em}
.auth-form-side{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:46px 36px 28px;position:relative}
.auth-panel{width:min(100%,430px);max-width:none;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;align-self:auto}
.auth-panel-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:86px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#777d9a}
.auth-step{color:#4a4fc5}
.auth-lock{color:#9297a5}
.back-link{color:#545ad3}
.auth-heading .eyebrow{color:#5258c5;font-size:10px;letter-spacing:.18em;margin-bottom:17px}
.auth-heading h2{font-size:42px;line-height:1.15;letter-spacing:-.055em;margin-bottom:10px;color:#181a2d}
.auth-heading p{font-size:13px;color:#8b90a0;margin:0 0 42px}
.auth-panel form label{font-size:11px;color:#33384e;font-weight:800;margin-bottom:23px}
.auth-panel input{display:block;width:100%;height:52px;border:1px solid #dfe1eb;border-radius:9px;background:#fbfbfd;color:#1a1b2e;margin-top:9px;padding:0 16px;font:500 13px Montserrat,Arial,sans-serif}
.auth-panel input::placeholder{color:#afb3bf}
.auth-panel input:focus{border-color:#777ce4;box-shadow:0 0 0 3px rgba(93,96,214,.1)}
.auth-panel .primary.full{margin-top:11px;border-radius:9px;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;background:#3c40b7;font:800 12px Montserrat,Arial,sans-serif;box-shadow:0 9px 20px rgba(61,64,183,.15)}
.auth-panel .primary.full:hover{background:#30349e}
.auth-panel .primary.full span{font-size:20px;font-weight:500}
.setup-link{border-top:1px solid #e9eaf0;margin-top:31px;padding-top:23px;display:grid;gap:7px;color:#8c91a0;font-size:11px;line-height:1.55}
.setup-link a{color:#454bc4;font-weight:800}
.auth-side-footer{position:absolute;bottom:29px;color:#a5a9b5;font-size:10px}
.auth-body .flash{position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:10;max-width:420px;width:calc(100% - 30px)}
@media(max-width:960px){.auth-wrap{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr)}.auth-intro{padding-left:42px;padding-right:35px}.auth-copy h1{font-size:48px}.auth-form-side{padding-left:30px;padding-right:30px}}
@media(max-width:720px){.auth-wrap{display:flex;flex-direction:column;min-height:100vh}.auth-intro{min-height:0;padding:27px 25px 32px;overflow:hidden}.auth-brand img{width:148px}.auth-copy{margin:48px 0 0}.auth-copy .eyebrow{font-size:9px;margin-bottom:12px}.auth-copy h1{font-size:36px;margin-bottom:14px}.auth-copy p{font-size:12px;line-height:1.6}.auth-art{width:340px;height:340px;right:-140px;bottom:-210px;opacity:.45}.auth-footer{display:none}.auth-form-side{min-height:0;flex:1;padding:29px 24px 55px;justify-content:flex-start}.auth-panel{width:min(100%,430px)}.auth-panel-top{margin-bottom:38px}.auth-heading h2{font-size:31px}.auth-heading p{margin-bottom:29px}.auth-panel form label{margin-bottom:17px}.auth-panel input{height:47px}.auth-side-footer{bottom:17px}}