/* Global Apple-like liquid glass aesthetic */
:root{
  --bg-1:#0b1220; /* deep blue/black */
  --bg-2:#0e1628;
  --accent:#8ab4ff; /* subtle blue */
  --accent-2:#a78bfa; /* purple */
  --card:#ffffff1a; /* 10% white */
  --stroke:#ffffff33;
  --text:#e6ecff;
  --muted:#c9d3ffcc;
}

html,body{height:100%;}
body{
  background: radial-gradient(1200px 600px at 10% 10%, #1b2a4a55, transparent),
              radial-gradient(900px 500px at 90% 30%, #6d28d955, transparent),
              linear-gradient(135deg, var(--bg-1), var(--bg-2));
  color:var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Glass panels */
.glass{background:var(--card);backdrop-filter: blur(14px) saturate(130%);-webkit-backdrop-filter: blur(14px) saturate(130%);border:1px solid var(--stroke);box-shadow:0 10px 30px #00000040;}

/* Soft rounded corners */
.round-xl{border-radius:18px;}
.round-2xl{border-radius:22px;}

/* Subtle neon edges */
.edge{position:relative;}
.edge::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff22,transparent 35%,#60a5fa33 65%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;}

/* Motion */
@keyframes float {0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.float{animation:float 8s ease-in-out infinite;}
@keyframes fadeInUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.fade{opacity:0;animation:fadeInUp .7s ease-out forwards;}

/* Buttons */
.btn{display:inline-flex;gap:.5rem;align-items:center;justify-content:center;padding:.8rem 1.1rem;border-radius:14px;background:#11182780;color:var(--text);border:1px solid #ffffff2b;transition:.25s box-shadow,.25s transform,.25s background;}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #00000050;background:#1f293780;}
.btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:transparent;}
.btn.primary:hover{box-shadow:0 10px 30px #1d4ed855;}

/* Nav */
.nav-blur{backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);background:#0b1220aa;border-bottom:1px solid #ffffff1f;}

/* Section headings */
.h-title{font-family: "SF Pro Display", Inter, ui-sans-serif, system-ui;letter-spacing:.2px;}
.subtle{color:#cbd5e1;}

/* Cards grid hover */
.card{transition:transform .25s ease, box-shadow .25s ease;}
.card:hover{transform:translateY(-6px);box-shadow:0 14px 36px #00000055;}

/* Decorative blobs */
.blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;}
.blob.blue{background:#60a5fa44;}
.blob.purple{background:#a78bfa44;}

/* Footer */
.footer{border-top:1px solid #ffffff1f;background:#0b1220aa;backdrop-filter: blur(10px);}