:root{
  --bg:#010711;
  --panel:#071421ee;
  --blue:#168bff;
  --green:#53e529;
  --text:#f4f8ff;
  --muted:#91a8bd;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
body{overflow-x:hidden}
.landing-master{position:relative;width:100vw;min-height:100vh;background:#010711;overflow:hidden}
.landing-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;user-select:none;-webkit-user-drag:none}
.hotspot{position:absolute;z-index:3;border:0;background:transparent;cursor:pointer;text-decoration:none;padding:0}
.hotspot:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:8px}
.menu-hotspot{left:2.8%;top:2.3%;width:8.8%;height:5.5%}
.request-hotspot{left:30.2%;top:63.4%;width:20.9%;height:7.4%}
.login-hotspot{left:52.7%;top:63.4%;width:17.2%;height:7.4%}
.drawer{position:fixed;z-index:20;top:0;left:-340px;width:min(330px,86vw);height:100vh;background:#020b14f7;border-right:1px solid #1b3a52;transition:.25s;padding:90px 30px;box-shadow:20px 0 50px #0008}.drawer.open{left:0}.drawer a{display:block;color:white;text-decoration:none;padding:15px 0;border-bottom:1px solid #132839}.drawer a:hover{color:var(--blue)}
dialog{border:1px solid #1f4f73;border-radius:14px;background:#06121f;color:white;width:min(520px,92vw);padding:0;box-shadow:0 30px 90px #000b}dialog::backdrop{background:#000b}.modal{padding:26px}.modal h2{margin-top:0}.modal label{display:block;text-align:left;color:#b9cad8;font-size:13px;margin:13px 0 5px}.modal input,.modal select,.modal textarea{width:100%;padding:12px;background:#020b13;border:1px solid #24445d;color:white;border-radius:7px}.modal textarea{height:90px}.row{display:flex;gap:10px;margin-top:18px}.btn{min-width:0;padding:12px 18px;border-radius:8px;border:1px solid var(--blue);color:white;background:#07131f;font-weight:700;cursor:pointer}.btn.primary{border-color:var(--green)}.row button{flex:1}.msg{font-size:13px;color:var(--muted);margin-top:12px}
@media (max-aspect-ratio:3/2){
  .landing-art{object-fit:cover;object-position:center}
}
@media (max-width:760px){
  .landing-master{min-height:100svh}
  .landing-art{object-fit:cover;object-position:center top}
  .menu-hotspot{left:2%;top:2%;width:22%;height:8%}
  .request-hotspot{left:29%;top:63%;width:23%;height:8%}
  .login-hotspot{left:52%;top:63%;width:20%;height:8%}
}