*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --deep:#061f35;--ocean:#0a2d4a;--mid:#0d3a5c;--surface:#0f4778;
  --aqua:#00d4e8;--glow:#7fffd4;--pearl:#c8eaf5;--white:#f0faff;
  --warm:#ff8c69;--gold:#c9a55a;
  --font:'Heebo',sans-serif;
}
html{scroll-behavior:auto}
body{background:var(--deep);color:var(--white);font-family:var(--font);font-weight:300;overflow-x:hidden;cursor:none}

#ocean-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}

.cur{position:fixed;width:10px;height:10px;background:var(--aqua);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:screen;transition:width .2s,height .2s}
.cur-ring{position:fixed;width:34px;height:34px;border:1px solid rgba(0,212,232,.45);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%)}