@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--navy: #16395f;--orange: #f15a25;--orange-light: #f37227;--turquoise: #14819a;--turquoise-bright: #1cc7d0;--yellow: #fdbb2d;--black: #17121e;--beige: #f0c7b1;--pink-light: #f1e7e5;--primary: var(--orange);--primary-hover: var(--orange-light);--bg-color: var(--pink-light);--surface: #ffffff;--text: var(--navy);--text-muted: var(--black);--border: var(--beige);--ring: rgba(241, 90, 37, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(ellipse at top left,rgba(243,114,39,.15) 0%,transparent 60%),radial-gradient(ellipse at bottom right,rgba(20,129,154,.15) 0%,transparent 60%);color:var(--text);min-height:100vh}.pill-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.pill{position:absolute;box-shadow:inset -20px -20px 40px #0000001f,inset 10px 10px 30px #fffc,15px 25px 40px #16395f26}.pill-teal{width:130px;height:280px;border-radius:65px;background:linear-gradient(135deg,var(--turquoise-bright),var(--turquoise));top:15%;left:10%;animation:floatTeal 12s infinite ease-in-out}.pill-yellow{width:100px;height:220px;border-radius:50px;background:linear-gradient(135deg,#ffe066,var(--yellow));bottom:10%;right:15%;animation:floatYellow 15s infinite ease-in-out;animation-delay:-5s}.pill-white{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#ffffff,#f1e7e5);top:25%;right:10%;box-shadow:inset -15px -15px 30px #16395f14,inset 10px 10px 30px #fff,15px 25px 40px #16395f1a;animation:floatWhite 18s infinite ease-in-out;animation-delay:-9s}.pill-small-orange{width:60px;height:140px;border-radius:30px;background:linear-gradient(135deg,var(--orange-light),var(--orange));bottom:20%;left:20%;animation:floatOrange 14s infinite ease-in-out;animation-delay:-2s}@keyframes floatTeal{0%,to{transform:translateY(0) rotate(25deg)}50%{transform:translateY(-40px) rotate(30deg)}}@keyframes floatYellow{0%,to{transform:translateY(0) rotate(-20deg)}50%{transform:translateY(-30px) rotate(-10deg)}}@keyframes floatWhite{0%,to{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-50px) rotate(-5deg)}}@keyframes floatOrange{0%,to{transform:translateY(0) rotate(-35deg)}50%{transform:translateY(-25px) rotate(-25deg)}}