@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#17221d;--muted:#718078;--line:#d8e0d9;--paper:#f4f6f1;--lime:#d5f36b;--orange:#f08a58;--deep:#24342a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,43%) 1fr}.login-card{padding:clamp(36px,7vw,110px);display:flex;flex-direction:column;justify-content:center;background:#fbfcf8}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:var(--ink);color:var(--lime);font-weight:700;font-size:23px;margin-bottom:54px}.kicker,.eyebrow,.topline,.status, label,.metric-row span{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.kicker{color:var(--orange);margin:0 0 17px}h1{font-size:clamp(45px,5vw,78px);line-height:.91;letter-spacing:-.04em;margin:0 0 27px;font-weight:600}h1 em{font-style:normal;color:#87978d}.lede{color:var(--muted);max-width:330px;line-height:1.6;margin:0 0 42px}form{max-width:365px}label{display:block;color:var(--muted);margin:0 0 8px}input{width:100%;background:transparent;border:0;border-bottom:1px solid #b9c5bb;padding:14px 0 12px;margin:0 0 25px;font:15px 'Space Grotesk',sans-serif;color:var(--ink);outline:0}input:focus{border-color:var(--orange)}button{width:100%;border:0;background:var(--ink);color:#fff;padding:17px 20px;text-align:left;font:600 14px 'Space Grotesk',sans-serif;cursor:pointer;display:flex;justify-content:space-between;transition:background .2s}button:hover{background:#34483a}.status{color:var(--muted);margin:32px 0 0}.status span{display:inline-block;width:7px;height:7px;background:#72ad55;border-radius:50%;margin-right:8px}.hero-panel{position:relative;overflow:hidden;background:var(--deep);color:#eef4ea;padding:36px clamp(32px,6vw,100px);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.topline{display:flex;justify-content:space-between;color:#a8b8aa}.radar{position:absolute;width:min(64vw,670px);height:min(64vw,670px);border:1px solid #52675a;border-radius:50%;top:50%;left:50%;transform:translate(-45%,-50%);background:repeating-radial-gradient(circle,transparent 0 82px,#52675a 83px 84px),linear-gradient(90deg,transparent 49.8%,#52675a 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#52675a 50%,transparent 50.2%);opacity:.75}.radar:after{content:'';position:absolute;inset:16%;border:1px solid #52675a;border-radius:50%}.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 82%,rgba(213,243,107,.28) 100%);animation:spin 7s linear infinite}.radar i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px var(--lime)}.radar i:nth-of-type(1){top:29%;left:62%}.radar i:nth-of-type(2){top:61%;left:27%;background:var(--orange);box-shadow:0 0 16px var(--orange)}.radar i:nth-of-type(3){top:68%;left:71%}.hero-copy,.metric-row{position:relative;z-index:1}.hero-copy{margin-top:auto;margin-bottom:50px}.eyebrow{color:var(--lime)}.hero-copy strong{display:block;font-size:clamp(54px,8vw,112px);letter-spacing:-.07em;line-height:1;margin-top:14px}.hero-copy p{margin:10px 0 0;color:#a8b8aa}.metric-row{display:flex;gap:clamp(25px,5vw,80px);border-top:1px solid #52675a;padding-top:19px}.metric-row div{display:flex;flex-direction:column;gap:6px}.metric-row b{font-size:19px}.metric-row span{color:#a8b8aa}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:780px){.shell{display:block}.hero-panel{min-height:400px;padding:24px}.login-card{padding:42px 28px}.brand-mark{margin-bottom:38px}.radar{width:390px;height:390px}.hero-copy{margin-bottom:36px}.metric-row{gap:20px;justify-content:space-between}.metric-row b{font-size:16px}}