/* Minimal style to match bottom widgets + split layout */
:root{
  --bg: rgba(0,0,0,0.45);
  --bdr: rgba(255,255,255,0.08);
  --txt: #e2e8f0;
  --mono: ui-monospace, Menlo, Consolas, monospace;
  --glass: rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#0b0f1a;color:var(--txt);font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;min-height:100vh;}
a{color:var(--txt);text-decoration:none}
.btn{font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;display:inline-block;font-weight:800;font-size:12px;letter-spacing:.5px;padding:8px 12px;border-radius:10px;
  background: rgba(0,0,0,.5); border:1px solid var(--bdr); color:var(--txt)}

.split{display:grid;grid-template-columns: 1.5fr 1fr;min-height:100vh}
.left{position:relative;background:#0b0f1a;display:flex;align-items:center;justify-content:flex-start;padding:0;}
.left .logo-wrap{max-width:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;padding-left:0;margin-left:0;}
.left .logo{width:100%;max-width:850px;opacity:.98;filter:drop-shadow(0 18px 48px rgba(0,0,0,.45));margin-left:0;}
.left .fallback{font-size:22px;font-weight:800;letter-spacing:1px;opacity:.9;border:1px dashed var(--bdr);padding:16px 20px;border-radius:12px;background:var(--glass)}

.right{display:grid;place-items:center;padding:24px}
.card{width:100%;max-width:380px;background:#0b0f1a;border:1px solid var(--bdr);border-radius:16px;padding:18px 16px;box-shadow:0 12px 36px rgba(0,0,0,.35)}
.h{font-weight:900;letter-spacing:.6px;margin:0 0 6px 0;font-size:14px;font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;}
.sub{opacity:.85;font-size:12px;margin:0 0 12px 0}
label{display:block;font-size:12px;margin:8px 0 6px 0}
input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--bdr);background:var(--glass);color:var(--txt);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;font-size:12px;outline:none}
input:focus{border-color:rgba(255,255,255,.18)}
.row{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:12px}
.link{font-size:12px;opacity:.9}
.hr{height:1px;background:var(--bdr);margin:12px 0}
.foot{opacity:.8;font-size:11px;text-align:center;margin-top:6px}

@media (max-width: 960px){
  .split{grid-template-columns:1fr}
  .left{position:relative;background:#0b0f1a;display:flex;align-items:center;justify-content:flex-start;padding:0;}
  .left .logo{width:100%;max-width:850px;opacity:.98;filter:drop-shadow(0 18px 48px rgba(0,0,0,.45));margin-left:0;}
}


#wind-face-link {
  position: absolute;
  top: 10vh;
  left: 0;
  width: 50vw;
  height: 80vh;
  z-index: 10;
  display: block;
}
@media (max-width: 768px) {
  #wind-face-link {
    width: 60vw;
    height: 60vh;
  }
}