:root{
  --bg:#fafbfc;
  --bg-soft:#f1f4f9;
  --ink:#0a0f1c;
  --ink-soft:#4a5468;
  --line:#e6ebf2;
  --accent:#5b8def;
  --accent-2:#9bb8ff;
  --cloud:#ffffff;
  --shadow: 0 10px 40px -10px rgba(91,141,239,.18), 0 2px 8px -2px rgba(10,15,28,.04);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased}
body{background:
  radial-gradient(1200px 600px at 80% -10%, #dbe6ff55, transparent 60%),
  radial-gradient(900px 500px at 10% 20%, #eaf0ff66, transparent 60%),
  var(--bg);
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
.serif{font-family:'Instrument Serif',serif;font-weight:400;letter-spacing:-.5px;font-style:italic}

nav.top{
  position:sticky;top:0;z-index:50;
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 40px;
  backdrop-filter:saturate(180%) blur(20px);
  background:rgba(250,251,252,.7);
  border-bottom:1px solid var(--line);
}
.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;letter-spacing:-.3px}
.logo-icon{
  width:28px;height:28px;border-radius:9px;
  background:linear-gradient(135deg,#5b8def,#9bb8ff);
  display:grid;place-items:center;color:#fff;font-size:14px;
  box-shadow:0 6px 16px -4px rgba(91,141,239,.5);
}
.btn{
  padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;
  transition:all .2s ease;cursor:pointer;border:none;font-family:inherit;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;
}
.btn-ghost{background:transparent;color:var(--ink)}
.btn-ghost:hover{background:var(--bg-soft)}
.btn-primary{
  background:var(--ink);color:#fff;
  box-shadow:0 4px 12px -2px rgba(10,15,28,.2);
}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px -4px rgba(10,15,28,.3)}
.btn-accent{background:linear-gradient(135deg,#5b8def,#9bb8ff);color:#fff;box-shadow:0 6px 16px -4px rgba(91,141,239,.5)}
.btn-accent:hover{transform:translateY(-1px);box-shadow:0 10px 24px -6px rgba(91,141,239,.6)}
.btn-lg{padding:14px 26px;font-size:15px;border-radius:12px}
.btn-block{display:flex;width:100%}