.login-page{padding:0;background:#080b13;color:#f2effb;font-family:Inter,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate}.login-ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 20%,#5d397b30,transparent 48%),radial-gradient(ellipse at 85% 70%,#19496730,transparent 42%),linear-gradient(130deg,#0c0c17,#080c14 65%)}.login-ambient:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#ad8cda08 1px,transparent 1px),linear-gradient(90deg,#ad8cda08 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(120deg,#0008,transparent 65%)}.login-layout{width:min(1240px,calc(100% - 100px));margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:95px;align-items:center;padding:55px 0}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:55px}.login-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid #76609380;border-radius:13px;background:linear-gradient(140deg,#8663bc30,#1c2536);box-shadow:0 0 40px #9b70f020}.login-mark img{width:23px;height:23px}.login-brand strong{font-size:22px;font-weight:600;letter-spacing:.18em}.login-brand strong span{font-size:8px;display:block;letter-spacing:.23em;color:#a39bb7;margin-top:5px}.login-eyebrow{display:block;font-size:10px;color:#ac9ac5;letter-spacing:.17em;font-weight:600;margin-bottom:16px}.login-story h1{font-family:inherit;font-size:clamp(30px,3.4vw,45px);font-weight:500;line-height:1.15;text-transform:none;letter-spacing:-.045em;color:#f3eefb;text-shadow:none;margin:0 0 22px}.login-story h1 span{color:#bca0e5}.login-intro{color:#a8a3b9;font-size:14px;line-height:1.9;max-width:545px}.login-pillars{display:grid;gap:23px;margin-top:34px}.login-pillars article{display:flex;gap:15px;align-items:flex-start}.login-pillars article>img{width:20px;height:20px;padding:1px;margin-top:3px;opacity:.85}.login-pillars h2{font:500 14px Inter,system-ui,sans-serif;text-transform:none;letter-spacing:0;text-shadow:none;color:#d9cfe9}.login-pillars p{font-size:11px;line-height:1.7;color:#8c849e;margin-top:6px;max-width:400px}.login-progress{display:flex;align-items:center;gap:15px;color:#9584ae;font-size:8px;letter-spacing:.15em;margin-top:40px;max-width:450px}.login-progress i{height:1px;flex:1;background:linear-gradient(90deg,#9a6ecd80,#263b5655)}.login-card{border:1px solid #4b3e5f;border-radius:22px;background:linear-gradient(150deg,#27213a88,#111724e8 70%);box-shadow:0 30px 90px #0005,inset 0 1px 0 #e1c7ff12;padding:38px;position:relative;overflow:hidden;backdrop-filter:blur(20px)}.login-card:before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#c3a0ee,transparent)}.login-card-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #68527b;border-radius:12px;background:#68488520;margin-bottom:25px}.login-card-icon img{width:20px;height:20px}.login-card .login-eyebrow{font-size:9px}.login-card h2{font-family:inherit;font-size:26px;font-weight:500;letter-spacing:-.035em;line-height:1.3;text-shadow:none;text-transform:none;color:#f2edf8}.login-card>p{color:#a199b0;font-size:12px;line-height:1.8;margin-top:12px}.login-card form{margin-top:30px;display:flex;flex-direction:column}.login-card label{font-size:12px;color:#c8bdd5;margin-bottom:9px;font-weight:500}.login-card input:not([type=hidden]){height:48px;width:100%;padding:13px 15px;background:#10121c;border:1px solid #43364f;border-radius:9px;color:#e7dfef;font:400 13px Inter,system-ui,sans-serif;margin:0 0 23px;outline:none}.login-card input:focus{border-color:#a783d5;box-shadow:0 0 0 3px #ad80dd14}.login-card input::placeholder{color:#6e657d}.login-card button{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 19px;min-height:49px;color:#fff;background:linear-gradient(110deg,#7651ad,#8d64c3);border:1px solid #ba98d840;border-radius:10px;font:500 13px Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 24px #6346a025}.login-card button:hover{background:linear-gradient(110deg,#8862bc,#a17bd2)}.login-card button span{font-size:20px}.login-card .login-help{font-size:10px;text-align:center;margin-top:24px;color:#8f859f}.login-card-footer{margin-top:25px;padding-top:20px;border-top:1px solid #373043;display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#887d98}.login-status{width:5px;height:5px;border-radius:50%;background:#a88acb;box-shadow:0 0 9px #ad88d380}.login-footer{display:flex;justify-content:space-between;gap:20px;padding:24px 50px;border-top:1px solid #292234;color:#756b85;font-size:9px;letter-spacing:.04em}.alert-error{background:#703b4828;border:1px solid #b66f8270;color:#efb6c5;padding:12px 14px;border-radius:9px;font-size:12px;line-height:1.6;margin-top:20px}.login-page :focus-visible{outline:2px solid #c3a3e6;outline-offset:4px}@media(max-width:1000px){.login-layout{gap:45px;width:calc(100% - 64px)}.login-card{padding:30px}.login-story h1{font-size:34px}.login-brand{margin-bottom:40px}}@media(max-width:720px){.login-layout{grid-template-columns:1fr;gap:32px;width:calc(100% - 36px);padding:28px 0 35px}.login-brand{margin-bottom:30px}.login-story h1{font-size:34px}.login-intro{font-size:13px}.login-pillars{gap:17px;margin-top:25px}.login-progress{margin-top:28px}.login-card{padding:28px 24px}.login-card h2{font-size:24px}.login-footer{padding:20px 18px;flex-direction:column;gap:8px}.login-card form{margin-top:24px}}
.login-focus{margin-top:25px;font-size:9px;letter-spacing:.08em;color:#a28ab9;line-height:1.7}