:root{color-scheme:dark;--bg:#030908;--ink:#f3f7f4;--line:rgba(183,220,205,.14);--accent:#80efb4;--accent-bright:#b8ffd8;--error:#ffad9f}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}
.site-shell{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;padding:30px clamp(24px,5vw,78px) 24px}
.atmosphere,.grid,.network,.noise,.horizon{position:absolute;inset:0;pointer-events:none}.atmosphere{z-index:-1;background:radial-gradient(circle at 14% 85%,rgba(37,113,82,.22),transparent 34%),radial-gradient(circle at 82% 18%,rgba(24,93,76,.17),transparent 30%),linear-gradient(118deg,#081816 0%,#050d0c 54%,#020706 100%)}
.grid{opacity:.37;background-image:linear-gradient(rgba(120,210,172,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(120,210,172,.045) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 88%)}
.glow{position:absolute;border-radius:50%;filter:blur(1px)}.glow--one{width:45vw;height:45vw;left:-28vw;bottom:-20vw;box-shadow:0 0 160px 30px rgba(76,240,159,.12)}.glow--two{width:26vw;height:26vw;right:-16vw;top:-13vw;box-shadow:0 0 150px 40px rgba(50,153,126,.12)}
.network{width:100%;height:100%;opacity:.72}.signal circle{transform-origin:1052px 473px;animation:pulse 5s ease-out infinite}.signal circle:nth-child(2){animation-delay:1.15s}.signal circle:nth-child(3){animation-delay:2.3s}
.mast{position:absolute;bottom:0;width:110px;height:470px;opacity:.07;background:linear-gradient(75deg,transparent 48.5%,#b1e7d0 49%,#b1e7d0 51%,transparent 51.5%),linear-gradient(-75deg,transparent 48.5%,#b1e7d0 49%,#b1e7d0 51%,transparent 51.5%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%)}.mast::before{content:"";position:absolute;left:49%;top:0;bottom:0;width:2px;background:#b1e7d0}.mast i{position:absolute;left:11%;right:11%;height:2px;background:#b1e7d0}.mast i:nth-child(1){top:20%}.mast i:nth-child(2){top:40%}.mast i:nth-child(3){top:60%}.mast i:nth-child(4){top:80%}.mast i:nth-child(5){top:94%}.mast--far{right:18%;transform:scale(.62);transform-origin:bottom}.mast--near{right:-1%;height:620px;width:150px;opacity:.055}
.horizon{top:auto;height:30%;background:linear-gradient(to top,rgba(2,7,6,.9),transparent)}.noise{opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.header,.footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.brand{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:12px}.brand__mark{width:37px;height:37px;display:grid;place-items:center}.brand__mark svg{width:100%;height:100%;fill:var(--accent);stroke:rgba(255,255,255,.22);stroke-width:.4}.brand__name{font-size:23px;font-weight:650;line-height:1;letter-spacing:-.05em}.brand__name span{color:var(--accent)}
.system-state{display:flex;align-items:center;gap:9px;color:#85948f;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.system-state span{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(128,239,180,.08),0 0 13px rgba(128,239,180,.5)}
.content{align-self:center;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,440px);gap:clamp(50px,10vw,160px);align-items:center;width:min(1220px,100%);margin:48px auto}.intro{max-width:710px}.eyebrow{display:flex;align-items:center;gap:14px;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.eyebrow::before{content:"";width:38px;height:1px;background:var(--accent)}
h1{margin:25px 0 24px;max-width:750px;font-size:clamp(46px,5vw,78px);font-weight:550;line-height:.99;letter-spacing:-.065em}h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(184,255,216,.72)}.intro>p{max-width:540px;margin:0;color:#98a7a2;font-size:clamp(16px,1.35vw,18px);line-height:1.65}.metric-line{margin-top:52px;display:flex;align-items:center;gap:14px;color:#687873;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.metric-line i{width:3px;height:3px;border-radius:50%;background:#3e5e52}
.login-card{position:relative;padding:34px 34px 28px;background:linear-gradient(145deg,rgba(12,31,27,.88),rgba(6,17,15,.72));border:1px solid rgba(156,209,187,.16);box-shadow:0 28px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.login-card::before,.login-card::after{content:"";position:absolute;width:14px;height:14px;border-color:rgba(128,239,180,.55)}.login-card::before{left:-1px;top:-1px;border-left:1px solid;border-top:1px solid}.login-card::after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}.login-card__topline{position:absolute;left:34px;right:34px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.45}
.login-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.section-index{margin-bottom:8px;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}h2{margin:0;font-size:28px;font-weight:550;line-height:1.2;letter-spacing:-.04em}.lock{width:27px;height:27px;fill:none;stroke:#587069;stroke-width:1.4}
.login-form{display:grid;gap:19px}.field{display:grid;gap:8px;color:#a4b0ac;font-size:14px}.input-wrap{position:relative;display:block}.input-wrap>svg{position:absolute;z-index:1;left:15px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:#61736d;stroke-width:1.45}
input{width:100%;height:50px;padding:0 46px;color:var(--ink);caret-color:var(--accent);background:rgba(2,10,8,.56);border:1px solid rgba(153,194,177,.14);border-radius:2px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}input::placeholder{color:#52615c}input:focus{border-color:rgba(128,239,180,.55);background:rgba(3,13,10,.76);box-shadow:0 0 0 3px rgba(128,239,180,.06)}input[aria-invalid="true"]{border-color:rgba(255,143,124,.62)}
.reveal{position:absolute;right:10px;top:50%;width:32px;height:32px;transform:translateY(-50%);display:grid;place-items:center;color:#657a72;background:none;border:0;cursor:pointer}.reveal:hover{color:var(--accent)}.reveal svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.submit{height:52px;margin-top:5px;display:flex;align-items:center;justify-content:center;gap:12px;color:#062017;font-weight:650;background:var(--accent);border:0;border-radius:2px;cursor:pointer;box-shadow:0 10px 28px rgba(61,209,135,.1);transition:transform .2s,background .2s,box-shadow .2s}.submit:hover{background:var(--accent-bright);box-shadow:0 12px 34px rgba(61,209,135,.17);transform:translateY(-1px)}.submit:active{transform:translateY(0)}.submit:disabled{cursor:wait;opacity:.72}.submit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}.submit:hover svg{transform:translateX(3px)}
.form-status{min-height:18px;margin:-7px 0 0;color:var(--error);font-size:13px;line-height:1.4}.security-note{margin-top:19px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:flex-start;color:#7b8f88;font-size:12px;line-height:1.45}.security-note svg{flex:0 0 auto;width:16px;height:16px;fill:none;stroke:#547065;stroke-width:1.4}.footer{color:#61756e;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.footer__code::before{content:"";display:inline-block;width:28px;height:1px;margin:0 12px 3px 0;background:#31433d}
@keyframes pulse{0%{opacity:0;transform:scale(.35)}28%{opacity:.6}100%{opacity:0;transform:scale(1.6)}}
@media(max-width:920px){.site-shell{overflow:auto}.content{grid-template-columns:1fr;gap:52px;width:min(620px,100%);margin:82px auto 72px}.intro{text-align:center;margin:auto}.eyebrow,.metric-line{justify-content:center}.intro>p{margin-inline:auto}.login-card{width:min(440px,100%);margin:auto}.mast--near{right:-8%}}
@media(max-width:560px){.site-shell{padding:22px 18px 20px}.system-state{font-size:0}.content{margin:66px auto 50px;gap:42px}h1{font-size:clamp(39px,12vw,56px)}.intro>p{font-size:16px}.metric-line{margin-top:34px;font-size:11px}.login-card{padding:28px 22px 23px}.login-card__topline{left:22px;right:22px}.footer__code{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}