:root{
  --txt:#002b30;
  --txt-muted:#3a6a71;
  --primary:#146772;
  --primary-hover:#125f69;
  --bg:#f2f7f7;
  --border:#e6efef;
}
body {
  margin:0;
  font-family:'Montserrat',sans-serif;
  background:linear-gradient(135deg,#f2f7f7,#eaf2f3);
  color:var(--txt);
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:100vh;
}
.landing .box {
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
  padding:40px 30px;
  text-align:center;
  max-width:500px;
  box-shadow:0 4px 12px rgba(0,0,0,0.05);
  position:relative;
}
.bar {
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:20px;
  background:var(--primary);
  border-top-left-radius:12px;
  border-top-right-radius:12px;
}
.logo {
  width:64px;
  height:64px;
  margin:24px auto 12px auto;
  display:block;
}
h1 {
  margin:0;
  color:var(--primary);
}
.note {
  font-size:14px;
  color:var(--txt-muted);
}