/* Echo Technologies — Premium access */
body.login-page{background:#070d16;color:#eff6ff;overflow-x:hidden;min-height:100vh}
.login-page::selection{background:#1679ed;color:#fff}
.login-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 30% 45%,rgba(11,99,230,.16),transparent 43%),radial-gradient(circle at 87% 10%,rgba(16,74,145,.11),transparent 38%)}
.login-grid{position:fixed;inset:0;pointer-events:none;opacity:.27;background-image:linear-gradient(rgba(80,150,230,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(80,150,230,.085) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,#000,transparent 85%)}
.login-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);min-height:100vh;max-width:1800px;margin:auto}
.login-showcase{position:relative;display:flex;flex-direction:column;padding:clamp(28px,4vw,70px) clamp(30px,5.5vw,105px);border-right:1px solid rgba(138,171,208,.12);overflow:hidden}
.login-brand{display:flex;align-items:center;gap:14px;font-size:15px;letter-spacing:.14em;font-weight:750}
.login-wordmark strong{font-weight:350;color:#91a5c1}
.login-monogram{height:45px;width:45px;display:grid;place-items:center;font-size:30px;font-weight:850;background:linear-gradient(145deg,#1789ff,#0751b3);border-radius:12px;box-shadow:0 0 35px #117cfc40;position:relative;letter-spacing:-4px;padding-right:4px}
.login-dot{position:absolute;right:-3px;top:-3px;width:9px;height:9px;border-radius:50%;background:#71c6ff;box-shadow:0 0 12px #62b9ff}
.showcase-center{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;max-width:650px;padding:95px 0 170px;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.22em;color:#71b9ff}
.eyebrow-led{width:7px;height:7px;box-shadow:0 0 14px #178aff;border-radius:50%;background:#168aff}
.showcase-center h1{font-size:clamp(44px,5.1vw,88px);line-height:1.065;letter-spacing:-.075em;margin:24px 0;max-width:800px;font-weight:760}
.showcase-center h1 span{color:#278dff}
.showcase-center p{font-size:clamp(15px,1.2vw,18px);max-width:450px;line-height:1.75;color:#9badc7;margin:0}
.showcase-visual{position:absolute;width:430px;height:430px;right:-65px;bottom:-100px;opacity:.82;pointer-events:none}
.visual-orbit{position:absolute;inset:0;border:1px solid #2f7abb36;border-radius:50%;transform:rotateX(58deg) rotate(-25deg);box-shadow:0 0 55px #0c70e210 inset}
.orbit-mid{inset:48px;border-color:#348ce35c;transform:rotateX(50deg) rotate(35deg)}
.orbit-inner{inset:105px;border-color:#349dffa0;transform:rotateX(45deg) rotate(-30deg)}
.visual-core{position:absolute;inset:150px;border-radius:28px;display:grid;place-items:center;color:#a7d6ff;font-size:66px;font-weight:850;background:radial-gradient(circle at 30% 25%,#187af7,#0c2a59 75%);box-shadow:0 0 80px #0d75ff55,0 0 3px 1px #439fff70;border:1px solid #428de2aa}
.visual-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#63c4ff;box-shadow:0 0 16px 4px #197eff}
.spark-one{top:66px;left:85px}.spark-two{right:37px;top:190px}.spark-three{bottom:40px;left:120px}
.showcase-footer{position:relative;display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.12em;color:#768ba8;z-index:2}
.login-access{display:flex;flex-direction:column;padding:clamp(25px,3.5vw,60px) clamp(28px,5.7vw,104px);background:linear-gradient(140deg,#0c1420e8,#09101ae8);position:relative}
.access-top,.access-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:10px;letter-spacing:.12em;color:#8597ad}
.access-status{display:flex;align-items:center;gap:9px}.access-status span{width:6px;height:6px;border-radius:50%;background:#39d5a3;box-shadow:0 0 12px #39d5a377}
.access-version{color:#4f6682}
.access-content{width:100%;max-width:440px;margin:auto;position:relative;padding:65px 0}
.access-symbol{width:57px;height:57px;border-radius:17px;background:linear-gradient(145deg,#172f51,#101d30);border:1px solid #32577f;display:grid;place-items:center;box-shadow:0 0 40px #076dde20;margin-bottom:40px;color:#3d9bff}
.symbol-lines{font-size:29px}
.access-overline{font-size:10px;color:#479dff;letter-spacing:.22em;font-weight:800;margin-bottom:13px}
.access-heading h2{font-size:clamp(32px,3vw,46px);line-height:1.15;letter-spacing:-.055em;margin:0;font-weight:750}
.accent-mark{color:#2589ff}
.access-heading p{font-size:14px;line-height:1.7;color:#94a8c1;margin:15px 0 36px;max-width:340px}
.access-form{display:flex;flex-direction:column;gap:10px}
.access-form>label{font-size:12px;color:#b9c9dd;font-weight:650;margin:8px 0 2px}
.login-control{height:55px;display:flex;align-items:center;border-radius:11px;border:1px solid #283c55;background:#0e1929;transition:border .2s,box-shadow .2s}
.login-control:focus-within{border-color:#278dff;box-shadow:0 0 0 3px #278dff1a}
.control-icon{width:48px;flex-shrink:0;text-align:center;color:#6484ab;font-size:18px}
.lock-icon{font-size:12px}
.login-control input{margin:0;min-width:0;flex:1;background:transparent;border:0;outline:0;box-shadow:none;padding:0 14px 0 0;color:#f3f8ff;height:100%;font-size:14px}
.login-control input:focus{border:0}
.login-control input::placeholder{color:#637b98}
.login-submit{margin-top:20px;min-height:57px;display:flex;align-items:center;justify-content:space-between;border-radius:11px;padding:0 22px;background:linear-gradient(115deg,#0767dc,#228cfb);box-shadow:0 12px 34px #0467de32;transition:transform .2s,filter .2s}
.login-submit:hover{transform:translateY(-2px);filter:brightness(1.12)}
.login-submit span:last-child{font-size:24px;font-weight:350}
.access-note{display:flex;align-items:flex-start;gap:12px;margin-top:36px;padding-top:24px;border-top:1px solid #233349;font-size:12px;line-height:1.65;color:#788fa9}
.note-mark{display:grid;place-items:center;border:1px solid #385779;color:#80b8f4;border-radius:50%;font-size:10px;min-width:17px;height:17px;margin-top:1px}
.login-error{padding:13px 16px;background:#381b2a;border:1px solid #ad485e;border-radius:9px;color:#ffc9d0;font-size:13px;margin-bottom:17px}
@media(max-width:1020px){.login-shell{grid-template-columns:minmax(0,1fr) minmax(380px,1fr)}.login-showcase{padding:32px}.showcase-center h1{font-size:54px}.showcase-visual{right:-150px}}
@media(max-width:760px){.login-shell{display:block}.login-showcase{min-height:170px;padding:24px 24px 18px;border-right:0;border-bottom:1px solid #213249}.showcase-center{padding:25px 0 0}.showcase-center h1{font-size:30px;letter-spacing:-.05em;margin:8px 0}.showcase-center p,.showcase-visual,.showcase-footer,.eyebrow{display:none}.login-brand{font-size:13px}.login-monogram{width:35px;height:35px;font-size:23px}.login-access{min-height:calc(100vh - 170px);padding:25px 24px}.access-content{padding:55px 0}.access-symbol{margin-bottom:28px}.access-heading h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.login-submit{transition:none}.login-submit:hover{transform:none}}