:root{
  --sea-900:#08324d;
  --sea-800:#0d4f76;
  --sea-700:#1f79ad;
  --sea-100:#eaf6ff;
  --sand-100:#f8fbff;
}
html,body{
  margin:0;
  padding:0;
}
body{
  background:radial-gradient(circle at 15% -10%,#f7fcff 0%,#eef8ff 45%,#e7f3fb 100%);
  color:#163247;
  font-family:"Segoe UI",Arial,sans-serif;
}
.page-shell{
  max-width:1100px;
  margin:24px auto 0;
  padding:0 16px;
}
.glass-card{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(22,80,117,.1);
  border-radius:18px;
  box-shadow:0 16px 40px rgba(7,55,86,.12);
}
.section-title{
  color:var(--sea-900);
  font-weight:800;
  letter-spacing:.2px;
}
.btn-sea{
  background:linear-gradient(120deg,var(--sea-700),var(--sea-800));
  border:none;
  color:#fff;
  border-radius:12px;
  font-weight:700;
  padding:12px 18px;
}
.btn-sea:hover{
  background:linear-gradient(120deg,#206f9e,#0d4262);
  color:#fff;
}
.form-control,.form-select{
  border-radius:12px;
  border:1px solid #c6dfef;
  padding:.68rem .82rem;
}
.form-control:focus,.form-select:focus{
  border-color:#5ab4e4;
  box-shadow:0 0 0 .2rem rgba(52,155,219,.15);
}
.alert{
  border-radius:12px;
}