:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;--ink:#f8fbff;--muted:#aebdd4;--purple:#8068ff;--cyan:#28d4d1;--green:#27df9a}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:#07142c;color:var(--ink)}button,input{font:inherit}.login-stage{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:100svh;overflow:hidden;background:#07142c}.login-backdrop{position:absolute;z-index:-3;inset:0;background-image:linear-gradient(90deg,rgba(4,12,29,.78) 0%,rgba(4,13,30,.4) 46%,rgba(5,14,31,.55) 100%),linear-gradient(180deg,rgba(3,10,25,.12),rgba(3,10,25,.75)),url('/images/zontrix-login-forest-v1.webp');background-size:cover;background-position:center}.login-stage:before{content:"";position:absolute;z-index:-2;inset:0;opacity:.2;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:70px 70px;mask-image:linear-gradient(90deg,transparent,black 45%,transparent)}.login-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(16px);pointer-events:none}.login-glow-one{width:470px;height:470px;right:-160px;top:-190px;background:radial-gradient(circle,rgba(112,79,255,.24),transparent 67%)}.login-glow-two{width:420px;height:420px;left:27%;bottom:-300px;background:radial-gradient(circle,rgba(33,210,204,.16),transparent 68%)}.login-header,.login-footer{width:min(1240px,calc(100% - 64px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.login-header{padding:25px 0}.login-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.login-logo{width:48px;height:48px;padding:6px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.06));box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.24);backdrop-filter:blur(14px)}.login-logo img{display:block;width:100%;height:100%;object-fit:contain}.login-brand>span:last-child{display:flex;flex-direction:column}.login-brand strong{font-size:18px;letter-spacing:.01em}.login-brand small{margin-top:2px;color:#9fb0c8;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.login-system-status{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(4,14,34,.4);color:#c6d4e8;font-size:10px;font-weight:800;letter-spacing:.04em;backdrop-filter:blur(15px)}.login-system-status i,.login-form-note i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(39,223,154,.12),0 0 15px rgba(39,223,154,.55)}.login-content{width:min(1240px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 450px;align-items:center;gap:82px;padding:34px 0 60px}.login-introduction{max-width:650px}.login-kicker{display:inline-flex;align-items:center;gap:9px;color:#a7d9ee;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.login-kicker i{width:22px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple))}.login-introduction h1{margin:21px 0 18px;font-size:clamp(43px,5.2vw,72px);line-height:1.02;letter-spacing:-.045em;text-shadow:0 8px 30px rgba(0,0,0,.24)}.login-introduction h1 em{color:transparent;background:linear-gradient(105deg,#84e8f0 0%,#a8a1ff 58%,#fff 100%);background-clip:text;-webkit-background-clip:text;font-style:normal}.login-introduction>p{max-width:580px;margin:0;color:#b5c4d9;font-size:16px;line-height:1.75;text-shadow:0 2px 14px rgba(0,0,0,.45)}.login-capabilities{display:flex;gap:12px;margin-top:34px}.login-capabilities article{min-width:0;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(4,17,39,.42);box-shadow:0 14px 38px rgba(0,0,0,.12);backdrop-filter:blur(14px)}.login-capabilities article>span{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;color:#b8f7ee;background:rgba(37,216,198,.12);font-size:15px}.login-capabilities article div{min-width:0;display:flex;flex-direction:column}.login-capabilities strong{overflow:hidden;color:#eef6ff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.login-capabilities small{overflow:hidden;margin-top:3px;color:#8fa2ba;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.login-card{position:relative;overflow:hidden;padding:30px;border:1px solid rgba(255,255,255,.23);border-radius:28px;background:linear-gradient(145deg,rgba(16,32,62,.8),rgba(7,20,45,.68));box-shadow:0 35px 85px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(28px) saturate(130%)}.login-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.12),transparent 28%,transparent 72%,rgba(91,75,211,.08))}.login-card-highlight{position:absolute;width:230px;height:230px;right:-120px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(131,105,255,.36),transparent 68%)}.login-card-header{position:relative;display:flex;align-items:flex-start;gap:14px;margin-bottom:26px}.login-card-icon{width:44px;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:14px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,#7861ff,#4f3ed0);box-shadow:0 11px 25px rgba(84,63,215,.34);font-size:14px}.login-card-header div>span{display:block;margin:2px 0 4px;color:#8de8e4;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.login-card-header h2{margin:0;font-size:27px;letter-spacing:-.03em}.login-card-header p{margin:6px 0 0;color:#9bacbf;font-size:11px}.login-error{position:relative;display:flex;align-items:center;gap:10px;margin:-8px 0 18px;padding:11px 12px;border:1px solid rgba(255,123,111,.28);border-radius:12px;background:rgba(156,37,38,.22);color:#ffd5d1;font-size:11px}.login-error span{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;flex:0 0 auto;background:#ff7065;color:#fff;font-weight:900}.login-error p{margin:0;line-height:1.4}.login-form{position:relative}.login-field{display:block;margin-bottom:17px}.login-field>span{display:block;margin:0 0 7px 2px;color:#dce8f5;font-size:10px;font-weight:800;letter-spacing:.04em}.login-input-wrap{position:relative}.login-input-wrap>svg{position:absolute;left:15px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:#8297af;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;pointer-events:none}.login-input-wrap input{width:100%;height:52px;padding:0 47px;border:1px solid rgba(255,255,255,.14);border-radius:13px;outline:0;background:rgba(3,13,32,.44);color:#fff;font-size:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:border-color .2s,box-shadow .2s,background .2s}.login-input-wrap input::placeholder{color:#74879f}.login-input-wrap input:focus{border-color:rgba(93,221,220,.72);background:rgba(4,17,38,.66);box-shadow:0 0 0 4px rgba(41,207,205,.1)}.login-password-toggle{position:absolute;right:9px;top:50%;width:35px;height:35px;transform:translateY(-50%);border:0;border-radius:10px;display:grid;place-items:center;background:transparent;color:#90a3ba;cursor:pointer}.login-password-toggle:hover{background:rgba(255,255,255,.08);color:#fff}.login-password-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.login-form-note{display:flex;justify-content:flex-start;margin:2px 2px 18px}.login-form-note span{display:flex;align-items:center;gap:8px;color:#889bb2;font-size:9px}.login-form-note i{width:6px;height:6px;box-shadow:0 0 10px rgba(39,223,154,.45)}.login-submit{width:100%;height:53px;border:0;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(110deg,#6f59f4,#6548dc 53%,#087f9e);color:#fff;cursor:pointer;box-shadow:0 15px 30px rgba(61,52,179,.32),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .18s,box-shadow .18s}.login-submit:hover{transform:translateY(-2px);box-shadow:0 19px 35px rgba(61,52,179,.42),inset 0 1px 0 rgba(255,255,255,.25)}.login-submit:focus-visible,.login-password-toggle:focus-visible{outline:2px solid #7ceae7;outline-offset:3px}.login-submit span{font-size:18px}.login-submit.loading{opacity:.72;pointer-events:none}.login-card-footer{position:relative;display:flex;align-items:center;gap:10px;margin:24px -30px -30px;padding:17px 30px;border-top:1px solid rgba(255,255,255,.1);background:rgba(1,10,25,.22)}.login-card-footer>span{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:rgba(39,223,154,.12);color:#6ef0bd;font-size:12px;font-weight:900}.login-card-footer p{display:flex;flex-direction:column;margin:0}.login-card-footer strong{font-size:9px}.login-card-footer small{margin-top:3px;color:#8295aa;font-size:8px}.login-footer{padding:0 0 21px;color:#7f91a8;font-size:9px;font-weight:700;letter-spacing:.05em}.login-footer span:last-child{color:#9bb3ca}@media(max-width:1000px){.login-content{grid-template-columns:minmax(0,1fr) 410px;gap:40px}.login-capabilities article{padding:10px}.login-capabilities small{display:none}}@media(max-width:820px){.login-stage{display:block;overflow:auto}.login-header,.login-footer,.login-content{width:min(100% - 36px,570px)}.login-header{padding:18px 0}.login-system-status{display:none}.login-content{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding:36px 0}.login-introduction{text-align:center}.login-introduction h1{font-size:clamp(37px,11vw,54px)}.login-introduction>p{font-size:14px}.login-kicker{justify-content:center}.login-capabilities{justify-content:center}.login-capabilities article{flex:1;justify-content:center}.login-capabilities article div{display:none}.login-card{width:100%;max-width:470px;margin-inline:auto}.login-footer{padding:0 0 18px}.login-footer span:last-child{display:none}}@media(max-width:500px){.login-backdrop{background-position:42% center}.login-logo{width:43px;height:43px}.login-brand strong{font-size:16px}.login-content{padding-top:26px}.login-introduction h1{margin-top:16px}.login-introduction>p{line-height:1.6}.login-capabilities{margin-top:23px}.login-card{padding:23px;border-radius:22px}.login-card-footer{margin:22px -23px -23px;padding:15px 23px}.login-footer{justify-content:center}}