:root{--rose:#b52d56;--rose-soft:#d57492;--ink:#202027;--muted:#77717b;--line:#e7e0e5}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fbfafb}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}
.login-layout{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(450px,.93fr);min-height:100vh}
.intro{position:relative;overflow:hidden;color:#f7f4f5;background:#242329}.intro:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(210,156,177,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(210,156,177,.045) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(130deg,transparent 10%,#000 100%);pointer-events:none}.intro:after{content:"";position:absolute;width:460px;height:460px;right:-230px;top:19%;border:1px solid rgba(213,116,146,.15);border-radius:50%;box-shadow:0 0 0 65px rgba(213,116,146,.025),0 0 0 130px rgba(213,116,146,.02);pointer-events:none}
.intro-inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;max-width:820px;min-height:100vh;margin:0 auto;padding:clamp(2rem,5vw,4.5rem)}
.brand{display:inline-flex;align-items:center;gap:.8rem;align-self:flex-start}.brand-logo{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.15);border-radius:.6rem;background:#302b32}.brand-logo img{width:39px;height:39px;object-fit:contain}.brand strong,.brand small{display:block}.brand strong{font-size:1.1rem;letter-spacing:.08em}.brand small{margin-top:.05rem;color:#b5aeb6;font:600 .58rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.intro-main{padding:4.5rem 0 3rem}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;color:#d788a1;font:700 .67rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.eyebrow span{width:18px;height:2px;background:currentColor}.intro h1{margin:1.35rem 0 1.15rem;font-size:clamp(3.5rem,5.3vw,6rem);line-height:1.04;letter-spacing:-.065em}.intro h1 em{font-style:normal;color:#d87593}.intro-main p{max-width:530px;margin:0;color:#bdb8bf;font-size:1rem;line-height:1.75}
.pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:580px;gap:.5rem;margin-top:2.4rem}.pipeline div{min-width:0;padding:.85rem .7rem;border:1px solid rgba(255,255,255,.13);border-radius:.5rem;background:rgba(255,255,255,.035)}.pipeline div:last-child{border-color:rgba(216,116,147,.5);background:rgba(181,45,86,.16)}.pipeline b,.pipeline span{display:block}.pipeline b{color:#d788a1;font:700 .65rem ui-monospace,SFMono-Regular,Consolas,monospace}.pipeline span{margin-top:.85rem;font-size:.82rem;font-weight:700}
.metrics{max-width:590px;padding:1.1rem 1.25rem;border:1px solid rgba(255,255,255,.13);border-radius:.7rem;background:rgba(255,255,255,.045)}.metrics-title{display:flex;align-items:center;gap:.6rem;color:#b9adb6;font:700 .61rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.status-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#d87593}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.15rem}.metric-grid div{padding:0 1.15rem;border-left:1px solid rgba(255,255,255,.13)}.metric-grid div:first-child{padding-left:0;border:0}.metric-grid strong,.metric-grid span{display:block}.metric-grid strong{font-size:1.55rem;line-height:1.1;font-variant-numeric:tabular-nums}.metric-grid span{margin-top:.35rem;color:#aca6af;font-size:.68rem}
.signin{position:relative;display:grid;place-items:center;min-height:100vh;padding:4.5rem 2rem;background:linear-gradient(155deg,#fbfafb,#f5f0f3)}.signin-inner{width:min(415px,100%)}.return-link{display:inline-flex;margin-bottom:4rem;color:#a0375c;font-size:.79rem;font-weight:750}.return-link:hover{text-decoration:underline}.signin-heading h2{margin:.6rem 0 .35rem;font-size:clamp(2.2rem,3vw,2.9rem);line-height:1.1;letter-spacing:-.055em}.signin-heading p{margin:0 0 2rem;color:var(--muted);font-size:.88rem}.field{margin-bottom:1.2rem}.field label{display:block;margin-bottom:.45rem;color:#3f3a42;font-size:.78rem;font-weight:750}.field input{width:100%;height:50px;padding:0 .9rem;border:1px solid #dcd5da;border-radius:.55rem;outline:none;background:#fff;color:var(--ink)}.field input:focus{border-color:var(--rose);box-shadow:0 0 0 3px rgba(181,45,86,.11)}.login-btn{display:flex;align-items:center;justify-content:space-between;width:100%;height:50px;margin-top:1.7rem;padding:0 1rem;border:0;border-radius:.55rem;background:var(--rose);color:#fff;font-size:.84rem;font-weight:750}.login-btn:hover{background:#982444}.login-btn:disabled{opacity:.65;cursor:wait}.signin-note{margin-top:1.25rem;color:#908a92;font-size:.75rem}.signin-footer{position:absolute;bottom:1.7rem;left:2rem;right:2rem;color:#99909a;text-align:center;font-size:.7rem}.signin-footer span{padding:0 .35rem;color:#c9bac3}.login-error{display:none;margin-bottom:1.15rem;padding:.8rem .9rem;border:1px solid #e8bac8;border-radius:.5rem;background:#fff2f5;color:#9f2c4e;font-size:.78rem}.login-error.show{display:block}:focus-visible{outline:3px solid #d57492;outline-offset:3px}
@media(max-width:920px){.login-layout{grid-template-columns:1fr}.intro-inner{min-height:auto;padding:2rem}.intro-main{padding:3.3rem 0 2.5rem}.intro h1{font-size:clamp(3rem,8vw,4.8rem)}.signin{min-height:auto;padding:3rem 2rem 5rem}.return-link{margin-bottom:2rem}.signin-footer{bottom:1.2rem}}
@media(max-width:560px){.intro-inner{padding:1.35rem}.brand-logo{width:42px;height:42px}.intro-main{padding:2.6rem 0 2rem}.intro h1{font-size:clamp(2.75rem,13vw,4rem)}.intro-main p{font-size:.88rem}.pipeline{gap:.3rem;margin-top:1.7rem}.pipeline div{padding:.6rem .4rem}.pipeline span{font-size:.67rem}.metrics{padding:1rem}.metric-grid div{padding:0 .5rem}.metric-grid strong{font-size:1.25rem}.metric-grid span{font-size:.59rem}.signin{padding:2.25rem 1.35rem 5rem}.signin-inner{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}