:root{--navy:#03152d;--navy2:#06264b;--blue:#087ff5;--cyan:#12c8ed;--violet:#8054f4;--ink:#071936;--muted:#71849b;--line:#aabbd0}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body.atlas-login-page{overflow:hidden;background:var(--navy);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.atlas-login-shell{display:grid;grid-template-columns:minmax(560px,1.65fr) minmax(470px,1fr);min-height:100vh}
.atlas-login-scene{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 76% 34%,rgba(14,101,188,.30),transparent 28%),linear-gradient(135deg,#021124 0%,#05203f 60%,#031831 100%);color:#fff}
.atlas-tech-grid{position:absolute;inset:0;opacity:.17;background-image:radial-gradient(circle,rgba(46,158,255,.55) 1px,transparent 1.5px);background-size:20px 20px;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.atlas-scene-logo{position:absolute;z-index:5;top:42px;left:48px}
.atlas-scene-logo img{display:block;width:145px;height:auto;filter:none}
.atlas-hero-mark{position:absolute;z-index:3;left:18%;top:14%;width:min(46vw,560px);height:min(69vh,650px);display:flex;align-items:center;justify-content:center;animation:atlasFloat 6.5s ease-in-out infinite}
.atlas-hero-mark:before{position:absolute;inset:15%;border-radius:50%;content:"";background:radial-gradient(circle,rgba(0,156,255,.20),transparent 68%);filter:blur(20px)}
.atlas-hero-mark img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 40px rgba(0,7,20,.32)) brightness(1.22) saturate(1.2);opacity:.85}
.atlas-orbit{position:absolute;z-index:2;border:1px solid rgba(56,169,255,.35);border-radius:50%;animation:atlasOrbit 18s linear infinite}
.atlas-orbit--one{left:8%;top:16%;width:78%;height:44%;transform:rotate(-12deg)}
.atlas-orbit--two{left:1%;top:29%;width:90%;height:42%;transform:rotate(9deg);animation-duration:25s;animation-direction:reverse}
.atlas-orbit--three{left:15%;top:43%;width:72%;height:33%;transform:rotate(-8deg);animation-duration:31s}
.atlas-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#8ce8ff;box-shadow:0 0 7px #36cfff,0 0 18px #1086ff;animation:atlasPulse 2.4s ease-in-out infinite}
.atlas-orbit i:nth-child(1){left:15%;top:18%}
.atlas-orbit i:nth-child(2){right:14%;top:42%;animation-delay:.7s}
.atlas-orbit i:nth-child(3){left:50%;bottom:-4px;animation-delay:1.3s}
.atlas-circuit{position:absolute;z-index:1;left:0;width:49%;height:150px;opacity:.62;background:linear-gradient(90deg,rgba(15,126,230,.75),rgba(15,126,230,.75)) 0 40px/42% 1px no-repeat,linear-gradient(90deg,rgba(15,126,230,.7),rgba(15,126,230,.7)) 0 95px/70% 1px no-repeat}
.atlas-circuit:before,.atlas-circuit:after{position:absolute;width:90px;height:54px;border:1px solid rgba(25,140,244,.55);border-width:1px 1px 0 0;content:"";transform:skewX(-38deg)}
.atlas-circuit:before{left:38%;top:40px}
.atlas-circuit:after{left:64%;top:95px}
.atlas-circuit--one{top:33%;animation:circuitDrift 8s ease-in-out infinite}
.atlas-circuit--two{top:58%;transform:scale(.8);animation:circuitDrift 11s ease-in-out infinite reverse}
.atlas-circuit i{position:absolute;width:5px;height:5px;border-radius:50%;background:#16bfff;box-shadow:0 0 12px #1bc8ff;animation:electricRun 3.8s linear infinite}
.atlas-circuit i:nth-child(1){top:38px;left:1%}
.atlas-circuit i:nth-child(2){top:93px;left:10%;animation-delay:1.2s}
.atlas-circuit i:nth-child(3){top:38px;left:28%;animation-delay:2.1s}
.atlas-system-status{position:absolute;z-index:6;left:48px;bottom:42px;display:flex;gap:26px}
.atlas-system-status>div{display:flex;align-items:center;gap:9px;min-width:125px}
.atlas-system-status>div+div{padding-left:24px;border-left:1px solid rgba(255,255,255,.22)}
.atlas-system-status span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #159dff;border-radius:50%;color:#e3f6ff;box-shadow:inset 0 0 18px rgba(20,144,255,.12)}
.atlas-system-status b{width:7px;height:7px;border-radius:50%;background:#59d993;box-shadow:0 0 12px #59d993}
.atlas-system-status p,.atlas-system-status strong,.atlas-system-status small{margin:0;display:block}
.atlas-system-status strong{font-size:11px}
.atlas-system-status small{margin-top:2px;color:#bed0e2;font-size:10px}
.atlas-login-access{position:relative;z-index:8;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:60px 8% 64px;background:linear-gradient(135deg,#e8eef5 0%,#fbfcfe 48%,#eef3f8 100%);box-shadow:-22px 0 55px rgba(1,15,35,.18)}
.atlas-login-access:before{position:absolute;left:-170px;top:-6%;width:250px;height:112%;content:"";background:linear-gradient(155deg,#edf3f8,#fff 55%,#dce5ef);clip-path:polygon(72% 0,100% 0,100% 100%,0 100%,48% 72%)}
.atlas-login-access:after{position:absolute;left:-174px;top:0;width:4px;height:100%;content:"";background:linear-gradient(180deg,transparent 4%,var(--cyan) 28%,var(--violet) 73%,transparent 96%);filter:drop-shadow(0 0 8px rgba(18,200,237,.6))}
.atlas-login-facets{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.atlas-login-facets i{position:absolute;border:1px solid rgba(65,89,119,.06);background:rgba(255,255,255,.34);clip-path:polygon(50% 0,100% 100%,0 73%)}
.atlas-login-facets i:nth-child(1){right:-8%;top:-10%;width:58%;height:54%}
.atlas-login-facets i:nth-child(2){right:-15%;bottom:-18%;width:75%;height:62%;transform:rotate(18deg)}
.atlas-login-facets i:nth-child(3){left:2%;bottom:-18%;width:46%;height:46%;transform:rotate(-22deg)}
.atlas-login-card{position:relative;z-index:2;width:100%;max-width:470px}
.atlas-login-eyebrow{display:block;margin-bottom:17px;color:#5e7692;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.atlas-login-card h2{margin:0 0 48px;color:var(--ink);font-size:54px;font-weight:750;letter-spacing:-.04em}
.atlas-company{display:flex;align-items:center;height:56px;margin-bottom:27px;padding:0 17px;border:1px solid #a9bbcf;border-radius:8px;background:rgba(255,255,255,.42);color:#173451}
.atlas-company i:first-child{margin-right:13px;color:#526f8e;font-size:18px}
.atlas-company i:last-child{margin-left:auto;color:#516d88;font-size:11px}
.atlas-company span{font-size:14px;font-weight:600}
.atlas-login-alert{display:flex;gap:10px;margin:-12px 0 19px;padding:12px 14px;border:1px solid;border-radius:9px;font-size:11px}
.atlas-login-alert strong,.atlas-login-alert span{display:block}
.atlas-login-alert span{margin-top:2px}
.atlas-login-alert--danger{border-color:#e9bdc4;background:#fff2f4;color:#a32c3e}
.atlas-login-alert--success{border-color:#b9dfd0;background:#effaf5;color:#14704d}
.atlas-login-form{display:flex;flex-direction:column;gap:22px}
.atlas-login-field label{display:block;margin:0 0 7px;color:#36516d;font-size:11px;font-weight:700}
.atlas-login-input{position:relative;display:flex;align-items:center;border-bottom:1px solid #91a7bd}
.atlas-login-input>i{position:absolute;left:10px;color:#607e9d;font-size:17px}
.atlas-login-input input{width:100%;height:54px;padding:0 48px 0 45px;border:0;outline:0;background:transparent;color:#173451;font-size:14px}
.atlas-login-input input::placeholder{color:#7990a8}
.atlas-login-input:focus-within{border-color:#087ff5;box-shadow:0 2px 0 rgba(8,127,245,.16)}
.atlas-login-password-toggle{position:absolute;right:0;width:42px;height:42px;border:0;background:transparent;color:#587694}
.atlas-login-options{display:flex;align-items:center;justify-content:space-between;margin-top:1px;font-size:11px}
.atlas-login-options label{display:flex;align-items:center;gap:8px;margin:0;color:#60758b;font-weight:500;cursor:pointer}
.atlas-login-options input{position:absolute;opacity:0}
.atlas-login-options label span{width:18px;height:18px;border:1px solid #a7b8ca;border-radius:3px;background:rgba(255,255,255,.5)}
.atlas-login-options input:checked+span{border-color:#1685ef;background:#1685ef;box-shadow:inset 0 0 0 4px #fff}
.atlas-login-options a{color:#0877e6}
.atlas-login-submit{display:flex;align-items:center;justify-content:center;gap:22px;height:56px;margin-top:9px;border:0;border-radius:7px;background:linear-gradient(100deg,#058ceb,#1682ed 48%,#8054f4);color:#fff;font-size:14px;font-weight:700;box-shadow:0 14px 30px rgba(22,111,215,.22);transition:.2s ease}
.atlas-login-submit:hover,.atlas-login-submit:focus{outline:0;transform:translateY(-2px);box-shadow:0 19px 38px rgba(22,111,215,.3)}
.atlas-login-help{margin-top:16px;padding:10px;border-radius:8px;background:#e7f2fd;color:#315c80;font-size:10px;text-align:center}
.atlas-login-footer{position:absolute;bottom:25px;right:8%;left:8%;z-index:2;color:#8c9cac;font-size:9px;text-align:center}
@keyframes atlasFloat{50%{transform:translateY(-18px) rotate(.5deg)}
}
@keyframes atlasOrbit{to{transform:rotate(348deg)}
}
@keyframes atlasPulse{50%{opacity:.35;transform:scale(.62)}
}
@keyframes circuitDrift{50%{transform:translateX(34px)}
}
@keyframes electricRun{0%{transform:translateX(0);opacity:0}
10%{opacity:1}
90%{opacity:1}
100%{transform:translateX(420px);opacity:0}
}
@media(max-width:1100px){.atlas-login-shell{grid-template-columns:minmax(430px,1.15fr) minmax(420px,1fr)}
.atlas-scene-logo img{width:130px}
.atlas-system-status>div{min-width:auto}
.atlas-system-status p{display:none}
.atlas-login-access:before,.atlas-login-access:after{display:none}
}
@media(max-width:820px){body.atlas-login-page{overflow:auto}
.atlas-login-shell{display:block}
.atlas-login-scene{min-height:310px}
.atlas-scene-logo{top:26px;left:25px}
.atlas-scene-logo img{width:115px}
.atlas-hero-mark{left:25%;top:18%;width:50%;height:65%}
.atlas-system-status{left:25px;right:25px;bottom:23px;justify-content:center}
.atlas-system-status>div+div{padding-left:16px}
.atlas-login-access{min-height:650px;padding:68px 26px 82px}
.atlas-login-card{max-width:520px}
.atlas-login-card h2{margin-bottom:34px;font-size:42px}
}
@media(max-width:520px){.atlas-login-scene{min-height:230px}
.atlas-scene-logo img{width:100px}
.atlas-system-status{gap:10px}
.atlas-system-status span{width:34px;height:34px}
.atlas-system-status>div+div{padding-left:8px}
.atlas-login-access{min-height:620px;padding:56px 20px 72px}
.atlas-login-card h2{font-size:36px}
.atlas-company{height:52px}
}
@media(prefers-reduced-motion:reduce){.atlas-hero-mark,.atlas-orbit,.atlas-orbit i,.atlas-circuit,.atlas-circuit i{animation:none!important}
.atlas-login-submit{transition:none}
}

/* Fidelity pass: geometric hero A and proposal-style diagonal split */
.atlas-login-shell{position:relative;display:block;min-height:100vh;overflow:hidden}
.atlas-login-scene{position:absolute;inset:0;min-height:100vh}
.atlas-hero-mark img{display:none}
.atlas-a-leg{position:absolute;inset:3% 5% 4%;border-radius:3px;filter:drop-shadow(0 24px 40px rgba(0,7,20,.32))}
.atlas-a-leg--left{background:linear-gradient(140deg,rgba(104,170,234,.72),rgba(7,172,239,.94));clip-path:polygon(46% 0,61% 0,28% 100%,0 100%)}
.atlas-a-leg--right{background:linear-gradient(155deg,rgba(74,143,211,.78),rgba(13,57,126,.94));clip-path:polygon(46% 0,61% 0,100% 100%,72% 100%)}
.atlas-a-bar{position:absolute;left:14%;bottom:16%;width:61%;height:19%;transform:skewX(-25deg);border-radius:3px;background:linear-gradient(100deg,#315fe8,#7650f4);box-shadow:0 18px 36px rgba(44,80,236,.24)}
.atlas-a-accent{position:absolute;left:18%;bottom:13%;width:57%;height:2px;transform:rotate(-17deg);background:linear-gradient(90deg,transparent,#40d9ff 20%,#7d68ff 85%,transparent);box-shadow:0 0 16px #16bfff}
.atlas-login-access{position:absolute;z-index:8;top:0;right:0;bottom:0;width:60%;min-height:100vh;padding:60px 6% 64px 17%;background:linear-gradient(135deg,#e7edf5 0%,#fff 47%,#edf2f8 100%);clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);box-shadow:none;filter:drop-shadow(-3px 0 0 rgba(21,196,238,.72))}
.atlas-login-access:before,.atlas-login-access:after{display:none}
@media(max-width:1100px){.atlas-login-access{width:62%;padding-left:19%}}
@media(max-width:820px){.atlas-login-shell{display:block;overflow:visible}.atlas-login-scene{position:relative;min-height:310px}.atlas-login-access{position:relative;width:100%;min-height:650px;padding:68px 26px 82px;background:linear-gradient(135deg,#e8eef5,#fbfcfe 48%,#eef3f8);clip-path:none;filter:none}.atlas-login-access:before,.atlas-login-access:after{display:none}}

/* Proposal fidelity: open A, centered outline icons and visible lower facets */
.atlas-a-leg--left{background:linear-gradient(140deg,rgba(104,170,234,.72),rgba(7,172,239,.94));clip-path:polygon(40% 0,49% 0,28% 100%,0 100%)}
.atlas-a-leg--right{background:linear-gradient(155deg,rgba(74,143,211,.78),rgba(13,57,126,.94));clip-path:polygon(56% 0,65% 0,100% 100%,72% 100%)}
.atlas-a-bar{left:12%;bottom:17%;width:48%;height:19%}
.atlas-a-accent{left:14%;bottom:14%;width:48%}
.atlas-line-icon,.atlas-chevron-icon,.atlas-eye-icon{display:block;flex:0 0 auto;fill:none;stroke:#587694;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.atlas-line-icon{width:23px;height:23px;margin-right:14px}
.atlas-chevron-icon{width:18px;height:18px;margin-left:auto}
.atlas-eye-icon{width:23px;height:23px}
.atlas-company .atlas-line-icon{margin-right:13px}
.atlas-login-field label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.atlas-login-input{height:62px}
.atlas-login-input>.atlas-line-icon{margin:0 14px 0 9px}
.atlas-login-input input{height:60px;padding:0 48px 0 0;background:transparent!important}
.atlas-login-input input:-webkit-autofill,.atlas-login-input input:-webkit-autofill:hover,.atlas-login-input input:-webkit-autofill:focus{-webkit-text-fill-color:#173451;-webkit-box-shadow:0 0 0 1000px #f8fafc inset;transition:background-color 9999s ease-out}
.atlas-login-password-toggle{display:grid;place-items:center}
.atlas-login-facets{z-index:0}
.atlas-login-facets:before,.atlas-login-facets:after{position:absolute;content:"";pointer-events:none}
.atlas-login-facets:before{right:-5%;bottom:-14%;width:72%;height:54%;background:linear-gradient(135deg,rgba(210,219,231,.2),rgba(159,178,202,.12));clip-path:polygon(58% 0,100% 43%,76% 100%,0 68%)}
.atlas-login-facets:after{left:3%;bottom:-18%;width:52%;height:43%;border:1px solid rgba(126,151,181,.13);background:linear-gradient(150deg,rgba(255,255,255,.15),rgba(190,205,223,.12));clip-path:polygon(0 35%,56% 0,100% 100%,22% 78%)}
.atlas-login-facets i{border-color:rgba(70,100,136,.1);background:rgba(201,213,228,.11)}

/* Exact hero mark proportions from the approved login proposal */
.atlas-hero-mark{left:8%;top:10%;width:min(58vw,680px);height:min(76vh,690px)}
.atlas-a-leg{inset:0 3% 2%;overflow:hidden}
.atlas-a-leg--left{background:linear-gradient(142deg,#69a9e5 0%,#237fca 42%,#08a9e7 100%);clip-path:polygon(44% 0,60% 0,25% 100%,0 100%)}
.atlas-a-leg--left:after{position:absolute;top:0;left:44%;width:16%;height:23%;content:"";background:linear-gradient(145deg,rgba(224,242,255,.38),rgba(69,135,205,.04));clip-path:polygon(0 0,100% 0,100% 100%)}
.atlas-a-leg--right{background:linear-gradient(150deg,#438ed0 0%,#15529b 48%,#092f6b 100%);clip-path:polygon(44% 0,60% 0,100% 100%,75% 100%)}
.atlas-a-bar{left:7%;bottom:14%;width:48%;height:23%;transform:skewX(-24deg);background:linear-gradient(110deg,rgba(93,96,242,.94),#453cca 82%);box-shadow:0 16px 34px rgba(20,35,150,.23)}
.atlas-a-accent{left:8%;bottom:11%;width:48%;transform:rotate(-16deg)}
@media(max-width:1100px) and (min-width:821px){.atlas-hero-mark{left:5%;width:min(57vw,590px)}}

/* Hero A silhouette matched to the final visual reference */
.atlas-hero-mark{left:1.5%;top:10%;width:min(50vw,540px);height:min(78vh,700px)}
.atlas-a-leg{inset:0 0 1%}
.atlas-a-leg--left{background:linear-gradient(145deg,#83b8e9 0%,#237fc5 38%,#08a8df 100%);clip-path:polygon(48% 0,66% 0,28% 100%,0 100%)}
.atlas-a-leg--left:before{position:absolute;inset:0;content:"";background:linear-gradient(145deg,rgba(224,242,255,.38),rgba(55,126,196,.02) 48%);clip-path:polygon(48% 0,66% 0,51% 31%)}
.atlas-a-leg--left:after{top:0;left:48%;width:18%;height:28%;background:linear-gradient(145deg,rgba(232,246,255,.38),rgba(53,122,190,.03));clip-path:polygon(0 0,100% 0,100% 100%)}
.atlas-a-leg--right{background:linear-gradient(150deg,#4b92d0 0%,#185299 45%,#082a5f 100%);clip-path:polygon(48% 0,66% 0,100% 100%,76% 100%)}
.atlas-a-bar{left:0;bottom:-1%;width:55%;height:48%;transform:none;border-radius:0;background:linear-gradient(145deg,rgba(105,101,244,.92),rgba(42,41,154,.96));clip-path:polygon(43% 0,100% 0,55% 100%,0 100%);box-shadow:none}
.atlas-a-accent{left:2%;bottom:4%;width:51%;transform:rotate(-17deg)}
@media(max-width:1100px) and (min-width:821px){.atlas-hero-mark{left:1%;width:min(49vw,500px)}}

/* User-reviewed alignment: rightward, open legs and translucent curved accent */
.atlas-hero-mark{left:10%;top:10%;width:min(54vw,590px);height:min(77vh,695px)}
.atlas-a-leg{opacity:.78}
.atlas-a-leg--left{background:linear-gradient(145deg,rgba(131,196,239,.84) 0%,rgba(28,135,204,.86) 48%,rgba(0,187,231,.82) 100%);clip-path:polygon(42% 0,51% 0,22% 100%,0 100%)}
.atlas-a-leg--left:before{clip-path:polygon(42% 0,51% 0,47% 34%)}
.atlas-a-leg--left:after{left:42%;width:9%;opacity:.7}
.atlas-a-leg--right{background:linear-gradient(150deg,rgba(88,158,216,.83) 0%,rgba(20,83,155,.84) 48%,rgba(4,38,88,.86) 100%);clip-path:polygon(58% 0,67% 0,100% 100%,78% 100%)}
.atlas-a-bar{left:1%;bottom:1%;width:52%;height:47%;transform:skewX(-22deg);clip-path:none;border-radius:48% 4px 4px 12%;background:linear-gradient(145deg,rgba(120,105,246,.78),rgba(48,42,174,.84));box-shadow:inset 14px 0 24px rgba(151,135,255,.2)}
.atlas-a-accent{left:4%;bottom:3%;width:48%;opacity:.72}
@media(max-width:1100px) and (min-width:821px){.atlas-hero-mark{left:8%;width:min(53vw,550px)}}

/* Final reference trace: joined crown, triangular opening and diagonal violet blade */
.atlas-hero-mark{left:9%;top:8%;width:min(53vw,570px);height:min(79vh,705px)}
.atlas-a-leg{opacity:.69}
.atlas-a-leg--left{background:linear-gradient(143deg,rgba(146,198,239,.88) 0%,rgba(41,126,194,.84) 43%,rgba(0,184,226,.8) 100%);clip-path:polygon(43% 0,60% 0,24% 100%,0 100%)}
.atlas-a-leg--left:before{background:linear-gradient(145deg,rgba(230,246,255,.43),rgba(71,139,200,.02));clip-path:polygon(43% 0,60% 0,50% 25%)}
.atlas-a-leg--left:after{left:43%;width:17%;height:26%;opacity:.72}
.atlas-a-leg--right{background:linear-gradient(151deg,rgba(91,158,216,.86) 0%,rgba(21,84,157,.82) 49%,rgba(3,35,81,.86) 100%);clip-path:polygon(43% 0,60% 0,100% 100%,76% 100%)}
.atlas-a-bar{left:0;bottom:-1%;width:53%;height:44%;transform:none;clip-path:polygon(36% 0,100% 0,55% 100%,0 100%);border-radius:0;background:linear-gradient(142deg,rgba(117,105,247,.72),rgba(48,42,164,.82));box-shadow:none}
.atlas-a-bar:before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 38% 4%,rgba(180,167,255,.34),transparent 35%)}
.atlas-a-accent{left:1%;bottom:0;width:51%;opacity:.58;transform:rotate(-14deg)}
@media(max-width:1100px) and (min-width:821px){.atlas-hero-mark{left:7%;width:min(52vw,535px)}}

/* Wider inner opening requested after visual review */
.atlas-a-leg--left{clip-path:polygon(43% 0,54% 0,18% 100%,0 100%)}
.atlas-a-leg--left:before{clip-path:polygon(43% 0,54% 0,49% 22%)}
.atlas-a-leg--left:after{left:43%;width:11%;height:23%}
.atlas-a-leg--right{clip-path:polygon(49% 0,60% 0,100% 100%,82% 100%)}

/* Keep the approved stroke thickness; widen the stance by moving each leg outward */
.atlas-a-leg--left{clip-path:polygon(43% 0,60% 0,24% 100%,0 100%);transform:translateX(-6%)}
.atlas-a-leg--left:before{clip-path:polygon(43% 0,60% 0,50% 25%)}
.atlas-a-leg--left:after{left:43%;width:17%;height:26%}
.atlas-a-leg--right{clip-path:polygon(43% 0,60% 0,100% 100%,76% 100%);transform:translateX(6%)}

/* Final placement: wider/lower mark with its right edge tucked under the white panel */
.atlas-hero-mark{left:18%;top:12%;width:min(59vw,640px);height:min(72vh,640px)}
.atlas-a-leg--left{transform:translateX(-9%)}
.atlas-a-leg--right{transform:translateX(9%)}
.atlas-a-bar{left:-4%;width:53%}
.atlas-a-accent{left:-2%;width:52%}
@media(max-width:1100px) and (min-width:821px){.atlas-hero-mark{left:15%;width:min(58vw,600px);height:min(71vh,620px)}}

/* Joined crown without changing the approved open stance */
.atlas-hero-mark:after{position:absolute;z-index:5;left:34%;top:0;width:35%;height:8%;content:"";background:linear-gradient(110deg,rgba(127,184,229,.78) 0%,rgba(70,139,202,.77) 48%,rgba(39,104,177,.78) 100%);clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);filter:drop-shadow(0 5px 10px rgba(4,31,71,.08))}

/* Deeper crown blend and left-only rounding on the violet diagonal */
.atlas-hero-mark:after{height:15%;clip-path:polygon(0 0,100% 0,68% 100%,32% 100%);background:linear-gradient(112deg,rgba(132,188,232,.75) 0%,rgba(73,143,205,.76) 49%,rgba(37,101,175,.77) 100%)}
.atlas-a-bar{clip-path:none;transform:skewX(-22deg);border-radius:30% 3px 3px 14%}

/* Final polish: original height with a shorter horizontal reach */
.atlas-a-bar{height:44%;bottom:-1%;width:45%}

/* Clean violet block: shorter and without the unwanted translucent overlap */
.atlas-a-bar{width:41%;background:linear-gradient(142deg,rgba(112,101,239,.96),rgba(48,42,164,.97))}
.atlas-a-bar:before{display:none}

/* Align the violet blade exactly with the outer edge of the left A leg */
.atlas-a-bar{left:-9%;transform-origin:left bottom;background:linear-gradient(142deg,rgba(112,101,239,.84),rgba(48,42,164,.88))}

/* Reference finish: folded A crown, softer violet and dark lower fade */
.atlas-hero-mark:after{display:none}
.atlas-a-leg--left{clip-path:polygon(50% 0,60% 0,24% 100%,0 100%)}
.atlas-a-leg--left:before{clip-path:polygon(50% 0,60% 0,54% 24%)}
.atlas-a-leg--left:after{left:50%;width:10%;height:24%}
.atlas-a-leg--right{clip-path:polygon(42% 0,52% 0,100% 100%,76% 100%)}
.atlas-a-bar{background:linear-gradient(142deg,rgba(112,101,239,.72),rgba(48,42,164,.78))}
.atlas-login-scene:after{position:absolute;z-index:4;right:0;bottom:0;left:0;height:28%;content:"";pointer-events:none;background:linear-gradient(180deg,rgba(2,17,39,0),rgba(2,16,37,.5) 48%,rgba(1,13,31,.94) 100%)}

/* Shorter violet block, preserving every other approved property */
.atlas-a-bar{width:37%}

/* Slightly thicker A legs while preserving the approved outer silhouette */
.atlas-a-leg--left{clip-path:polygon(47% 0,60% 0,28% 100%,0 100%)}
.atlas-a-leg--left:before{clip-path:polygon(47% 0,60% 0,53% 24%)}
.atlas-a-leg--left:after{left:47%;width:13%}
.atlas-a-leg--right{clip-path:polygon(42% 0,55% 0,100% 100%,72% 100%)}

/* Thicker approved A legs without changing placement, height or violet blade */
.atlas-a-leg--left{clip-path:polygon(44% 0,60% 0,32% 100%,0 100%)}
.atlas-a-leg--left:before{clip-path:polygon(44% 0,60% 0,53% 24%)}
.atlas-a-leg--left:after{left:44%;width:16%}
.atlas-a-leg--right{clip-path:polygon(42% 0,58% 0,100% 100%,68% 100%)}

/* Value proposition below the hero mark, keeping the A visually unobstructed */
.atlas-login-message{position:absolute;z-index:6;left:48px;bottom:124px;width:min(41vw,550px);color:#fff;pointer-events:none;text-shadow:0 2px 16px rgba(0,10,28,.68)}
.atlas-login-message>span{display:flex;align-items:center;gap:8px;margin-bottom:11px;color:#79d4ff;font-size:13px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.atlas-login-message>span:after{width:58px;height:1px;content:"";background:linear-gradient(90deg,rgba(42,186,255,.9),rgba(120,80,244,0));box-shadow:0 0 8px rgba(39,185,255,.45)}
.atlas-login-message>span i{margin-right:7px;font-size:9px}
.atlas-login-message h2{margin:0;color:#fff;font-size:46px;font-weight:820;line-height:1.03;letter-spacing:-.035em}
.atlas-login-message h2 strong{position:relative;display:table;margin-top:3px;background:linear-gradient(100deg,#79ddff 0%,#70b9ff 48%,#b5a0ff 100%);color:#8edfff;font-weight:850;letter-spacing:-.045em;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;filter:drop-shadow(0 0 10px rgba(61,163,255,.2))}
.atlas-login-message h2 strong:after{position:absolute;right:2%;bottom:-7px;left:2%;height:2px;border-radius:999px;content:"";background:linear-gradient(90deg,rgba(21,191,242,0),rgba(21,191,242,.85) 22%,rgba(126,82,244,.9) 78%,rgba(126,82,244,0));box-shadow:0 0 10px rgba(57,137,250,.4)}
.atlas-login-message p{max-width:535px;margin:17px 0 0;color:#c9e0f3;font-size:14px;line-height:1.55}
@media(max-width:1100px) and (min-width:821px){.atlas-login-message{left:30px;bottom:112px;width:41vw}.atlas-login-message h2{font-size:35px}.atlas-login-message p{font-size:12px}}
@media(max-width:820px){.atlas-login-message{display:none}}

/* Blue-violet energy seam and barely-visible technology rings on the light panel */
.atlas-login-access{filter:drop-shadow(-2px 0 0 rgba(18,200,237,.62)) drop-shadow(-5px 0 12px rgba(100,79,244,.18))}
.atlas-login-access:before{display:block;position:absolute;z-index:1;inset:0;width:auto;height:auto;content:"";transform:none;background:linear-gradient(180deg,rgba(18,200,237,.25) 0%,rgba(18,200,237,1) 24%,rgba(42,137,246,1) 53%,rgba(126,82,244,1) 79%,rgba(126,82,244,.35) 100%);clip-path:polygon(28% 0,28.4% 0,.4% 100%,0 100%);filter:drop-shadow(2px 0 4px rgba(35,187,250,.7)) drop-shadow(3px 0 10px rgba(126,82,244,.42));pointer-events:none}
.atlas-login-facets{background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-image:radial-gradient(circle at 81% 23%,rgba(53,171,243,.34) 0 2px,rgba(53,171,243,.13) 3px 6px,transparent 7px),radial-gradient(circle at 66% 68%,rgba(131,91,244,.31) 0 2px,rgba(131,91,244,.11) 3px 6px,transparent 7px),linear-gradient(137deg,transparent 0 54%,rgba(56,158,233,.145) 54.15%,rgba(56,158,233,.145) 54.3%,transparent 54.45%),linear-gradient(32deg,transparent 0 63%,rgba(127,87,241,.12) 63.15%,rgba(127,87,241,.12) 63.3%,transparent 63.45%),linear-gradient(156deg,transparent 0 72%,rgba(36,175,233,.09) 72.12%,rgba(36,175,233,.09) 72.25%,transparent 72.38%);animation:atlasLoginNetwork 14s ease-in-out infinite alternate}
@keyframes atlasLoginNetwork{0%{background-position:0 0,0 0,0 0,0 0,0 0;opacity:.84}50%{background-position:7px -5px,-6px 7px,4px -3px,-3px 4px,5px 2px;opacity:1}100%{background-position:-5px 6px,7px -5px,-4px 5px,5px -4px,-3px 5px;opacity:.9}}
@media(prefers-reduced-motion:reduce){.atlas-login-facets{animation:none!important}}

/* ARIA presentation: informative before authentication, contextual assistance after login */
.atlas-login-aria{position:relative;display:flex;align-items:center;gap:12px;margin:-13px 0 22px;padding:10px 14px 10px 10px;overflow:hidden;border:1px solid rgba(70,139,211,.2);border-radius:13px;background:linear-gradient(110deg,rgba(238,248,255,.88),rgba(244,241,255,.82));box-shadow:0 10px 28px rgba(32,88,151,.08)}
.atlas-login-aria:after{position:absolute;right:-24px;bottom:-35px;width:90px;height:90px;border:1px solid rgba(105,83,237,.15);border-radius:50%;content:"";box-shadow:0 0 0 13px rgba(38,161,234,.045),0 0 0 28px rgba(108,82,237,.035)}
.atlas-login-aria__portrait{position:relative;z-index:1;flex:0 0 54px;width:54px;height:54px;padding:2px;overflow:hidden;border:1px solid rgba(55,170,239,.65);border-radius:17px;background:linear-gradient(145deg,#15b7ec,#6855ee);box-shadow:0 5px 16px rgba(40,126,215,.2)}
.atlas-login-aria__portrait img{display:block;width:100%;height:100%;border-radius:14px;object-fit:cover}
.atlas-login-aria__copy{position:relative;z-index:1;display:flex;min-width:0;flex:1;flex-direction:column}
.atlas-login-aria__copy small{margin-bottom:2px;color:#168bc9;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.atlas-login-aria__copy strong{color:#102d4d;font-size:13px;line-height:1.2}
.atlas-login-aria__copy p{margin:3px 0 0;color:#627b92;font-size:9px;line-height:1.35}
.atlas-login-aria__status{position:relative;z-index:1;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#3bd698;box-shadow:0 0 0 4px rgba(59,214,152,.12),0 0 12px rgba(59,214,152,.7);animation:ariaLoginPulse 2.2s ease-in-out infinite}
@keyframes ariaLoginPulse{50%{opacity:.55;transform:scale(.78)}}
@media(max-width:520px){.atlas-login-aria{margin-top:-10px}.atlas-login-aria__copy p{font-size:8.5px}}
@media(prefers-reduced-motion:reduce){.atlas-login-aria__status{animation:none}}

/* Full-body ARIA reveal across the blue/light seam */
.atlas-aria-showcase{position:absolute;z-index:10;left:37.5vw;bottom:0;width:min(19vw,310px);height:min(86vh,790px);pointer-events:none;animation:ariaShowcaseIn 1s cubic-bezier(.2,.75,.2,1) both}
.atlas-aria-showcase>img{position:absolute;right:0;bottom:-1%;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(-14px 18px 28px rgba(0,15,40,.38));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.atlas-aria-showcase__intro{position:absolute;z-index:2;top:22%;right:66%;width:205px;padding:12px 14px;border:1px solid rgba(97,203,255,.44);border-radius:14px 14px 3px 14px;background:linear-gradient(135deg,rgba(4,38,74,.92),rgba(24,70,127,.88) 58%,rgba(91,68,196,.86));box-shadow:0 15px 35px rgba(0,12,33,.28),inset 0 0 24px rgba(64,178,255,.08);color:#fff;backdrop-filter:blur(10px)}
.atlas-aria-showcase__intro:after{position:absolute;right:-8px;bottom:9px;width:16px;height:16px;content:"";background:rgba(35,71,135,.92);clip-path:polygon(0 0,100% 100%,0 100%)}
.atlas-aria-showcase__intro small,.atlas-aria-showcase__intro strong,.atlas-aria-showcase__intro span{display:block}
.atlas-aria-showcase__intro small{margin-bottom:4px;color:#6bdcff;font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.atlas-aria-showcase__intro strong{font-size:16px;letter-spacing:.01em}
.atlas-aria-showcase__intro span{margin-top:4px;color:#cee9fa;font-size:9px;line-height:1.4}
.atlas-aria-showcase__signal{position:absolute;z-index:3;top:19.5%;right:9%;width:8px;height:8px;border-radius:50%;background:#62e4b2;box-shadow:0 0 0 5px rgba(98,228,178,.12),0 0 17px #62e4b2;animation:ariaShowcaseSignal 2.1s ease-in-out infinite}
@keyframes ariaShowcaseIn{from{opacity:0;transform:translateY(34px) scale(.97)}}
@keyframes ariaShowcaseSignal{50%{opacity:.48;transform:scale(.72)}}
@media(max-width:1250px) and (min-width:821px){.atlas-aria-showcase{left:35.5vw;width:min(18vw,230px);height:72vh}.atlas-aria-showcase__intro{right:57%;width:172px}.atlas-aria-showcase__intro span{font-size:8px}}
@media(max-width:1000px) and (min-width:821px){.atlas-aria-showcase__intro{display:none}}
@media(max-width:820px){.atlas-aria-showcase{z-index:7;left:auto;right:4%;width:145px;height:270px}.atlas-aria-showcase__intro{top:24%;right:72%;width:155px;padding:9px 11px}.atlas-aria-showcase__intro strong{font-size:13px}.atlas-aria-showcase__intro span{font-size:8px}.atlas-aria-showcase__signal{top:18%;right:8%}}
@media(max-width:520px){.atlas-aria-showcase{right:-2%;width:112px;height:205px}.atlas-aria-showcase__intro{right:75%;width:135px}.atlas-aria-showcase__intro span{display:none}}
@media(prefers-reduced-motion:reduce){.atlas-aria-showcase,.atlas-aria-showcase__signal{animation:none}}

/* Integrated ARIA cutout: no rectangular artwork over the approved login */
.atlas-aria-showcase{left:43.5vw;width:min(15.5vw,250px);height:min(78vh,720px)}
.atlas-aria-showcase:before{position:absolute;z-index:-1;left:7%;top:25%;width:110%;aspect-ratio:1;border:1px solid rgba(75,177,246,.17);border-radius:50%;content:"";background:radial-gradient(circle,rgba(67,139,241,.1),transparent 67%);box-shadow:0 0 0 22px rgba(111,81,240,.025),0 0 42px rgba(33,145,231,.12)}
.atlas-aria-showcase>img{right:0;bottom:-2%;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(-9px 15px 19px rgba(1,19,43,.3));-webkit-mask-image:none;mask-image:none}
.atlas-aria-showcase__intro{top:28%;right:58%;width:180px;padding:10px 12px}
.atlas-aria-showcase__intro strong{font-size:14px}.atlas-aria-showcase__intro span{font-size:8.5px}
.atlas-aria-showcase__signal{top:22%;right:13%}
@media(max-width:1250px) and (min-width:821px){.atlas-aria-showcase{left:42vw;width:min(15vw,205px);height:68vh}.atlas-aria-showcase__intro{top:29%;right:54%;width:155px}.atlas-aria-showcase__signal{top:23%}}
@media(max-width:1000px) and (min-width:821px){.atlas-aria-showcase{left:40.5vw;width:145px;height:60vh}}
@media(max-width:820px){.atlas-aria-showcase{left:auto;right:3%;width:120px;height:245px}.atlas-aria-showcase__intro{top:30%;right:68%;width:145px}.atlas-aria-showcase__signal{top:22%;right:12%}}
@media(max-width:520px){.atlas-aria-showcase{right:0;width:92px;height:190px}.atlas-aria-showcase__intro{right:70%;width:125px}}
.atlas-login-step{margin:-22px 0 24px;padding:15px 16px;border:1px solid rgba(39,126,211,.18);border-radius:14px;background:linear-gradient(135deg,#edf7ff,#f4f1ff)}.atlas-login-step span,.atlas-login-step strong,.atlas-login-step p{display:block}.atlas-login-step span{color:#168bc9;font-size:9px;font-weight:850;letter-spacing:.14em}.atlas-login-step strong{margin-top:4px;color:#102f50;font-size:18px}.atlas-login-step p{margin:6px 0 0;color:#60788f;font-size:11px;line-height:1.5}.atlas-login-cancel{display:block;margin-top:14px;color:#315f89;font-size:12px;font-weight:750;text-align:center;text-decoration:none}.atlas-login-cancel:hover{color:#137cb8;text-decoration:none}

/* User-approved placement: ARIA beside, never over, the login form */
.atlas-aria-showcase{left:auto;right:1.2vw;bottom:1.5%;width:min(11vw,185px);height:min(62vh,570px)}
.atlas-aria-showcase:before{left:-8%;top:25%;width:116%}
.atlas-aria-showcase__intro{top:2%;right:0;width:175px;border-radius:13px 13px 4px 13px}
.atlas-aria-showcase__intro:after{right:20px;bottom:-8px;transform:rotate(45deg)}
.atlas-aria-showcase__signal{top:18%;right:7%}
@media(max-width:1500px) and (min-width:1251px){.atlas-aria-showcase{right:.7vw;width:10vw;height:56vh}.atlas-aria-showcase__intro{width:150px}.atlas-aria-showcase__intro span{font-size:8px}}
@media(max-width:1250px) and (min-width:821px){.atlas-aria-showcase{left:auto;right:.4vw;width:10.5vw;height:50vh}.atlas-aria-showcase__intro{display:none}.atlas-aria-showcase__signal{top:20%;right:6%}}
@media(max-width:820px){.atlas-aria-showcase{display:none}}

/* Collision-safe widths for the right-side assistant */
.atlas-aria-showcase{width:min(8.5vw,185px);height:min(60vh,555px)}
@media(max-width:1650px) and (min-width:1251px){.atlas-aria-showcase__intro{width:125px}.atlas-aria-showcase__intro span{font-size:7.7px}}
@media(max-width:1250px) and (min-width:821px){.atlas-aria-showcase{left:auto;right:.2vw;width:7.5vw;height:47vh}.atlas-aria-showcase__intro{display:none}}