:root{
      --card:#ffffff;
      --primary:#0877b9;
      --primary-dark:#045c91;
      --secondary:#00a8d8;
      --text:#123044;
      --muted:#6b7b88;
      --line:#dce8f0;
      --shadow:0 16px 40px rgba(10,73,112,.12);
      --radius:18px;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family:"Segoe UI", Arial, sans-serif;
      background:
        radial-gradient(circle at top left, rgba(0,168,216,.18), transparent 34%),
        linear-gradient(180deg,#f7fbff 0%,#eef6fb 100%);
      color:var(--text);
    }
    .app{max-width:1500px;margin:0 auto;padding:22px}