:root{color-scheme:dark;font-family:Inter,"Segoe UI",sans-serif;color:#e7ece7;background:#11191a}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login{width:360px;max-width:calc(100vw - 48px);margin:auto;padding:50px 0}.brand{display:flex;align-items:center;gap:12px;margin-bottom:65px}.brand span{font-size:12px;letter-spacing:2px;font-weight:700}.brand small{display:block;color:#8ca09a;font-size:8px;letter-spacing:2.3px;margin-top:6px}.eyebrow{color:#b6d99d;font-size:9px;letter-spacing:2px}.intro h1{font-size:48px;font-weight:450;line-height:1.08;letter-spacing:-1.8px;margin:20px 0}.intro p{color:#9baaa6;font-size:13px;margin:0 0 35px}label{font-size:11px;color:#c0cec7;display:block;margin:20px 0 9px}input{display:block;width:100%;height:45px;border:1px solid #3a4847;background:#172121;border-radius:6px;padding:0 13px;color:#edf4ef;font:inherit;font-size:13px}input:focus{outline:2px solid #9ebc83;outline-offset:2px}button{margin-top:27px;background:#c3e29b;color:#233024;border:0;border-radius:6px;padding:14px 17px;width:100%;font:inherit;font-size:12px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between}button:hover{background:#d5edb4}.footnote{font-size:10px;color:#71867e;margin-top:30px}.error{font-size:12px;border:1px solid #6e4b45;background:#412e2c;color:#edc4b7;padding:12px;line-height:1.5;border-radius:5px}.landscape{position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% 45%,#345347 0,#1b342d 40%,#132621 75%);border-left:1px solid #2c3e36}.landscape:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#95b08d0a 1px,transparent 1px),linear-gradient(90deg,#95b08d0a 1px,transparent 1px);background-size:43px 43px;transform:rotate(-20deg) scale(1.4)}.orbit{position:absolute;width:440px;height:440px;left:50%;top:47%;border:1px solid #93b58a55;transform:translate(-50%,-50%) rotate(45deg);border-radius:20px}.orbit.two{width:310px;height:310px;border-color:#bdce9d65}.cross{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);color:#b5d39b;font-size:130px;font-weight:200;text-shadow:0 0 80px #a6cf7240}.coordinates{position:absolute;bottom:40px;left:40px;letter-spacing:2px;font-size:9px;color:#7c9b83}@media(max-width:850px){body{grid-template-columns:1fr}.landscape{display:none}.brand{margin-bottom:45px}.intro h1{font-size:41px}.login{padding:35px 0}}