@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,700;1,400&display=swap');

*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#ffffff;
  --bg2:#f4f7fb;
  --bg3:#eaf1f9;
  --accent:#1a6fb5;
  --accent-light:#e8f2fb;
  --text:#0f1f30;
  --sub:#5a7a9e;
  --border:#d5e3f0;
  --muted:#8faac0;
}

/* LOADING */
.app-spinner{
  position:fixed;top:0;left:0;right:0;bottom:0;
  display:flex;justify-content:center;align-items:center;
  background:#eef3f8;z-index:9999;
  transition:opacity .3s;
}
.app-spinner.hide{opacity:0;pointer-events:none;}
.app-spinner::after{
  content:'';width:32px;height:32px;
  border:3px solid var(--border);
  border-top-color:var(--accent);
  border-radius:50%;
  animation:spin .6s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}