:root{--bg:#f1f0ff;--ink:#17144a;--muted:#6a6894;--line:#17144a;--accent:#5b4bff;--accent2:#ff5fb0;--display:"Bricolage Grotesque",system-ui,sans-serif}
body{background:radial-gradient(60vmax 50vmax at 20% -10%,#dcd9ff 0,transparent 60%),radial-gradient(50vmax 40vmax at 110% 30%,#ffd9ee 0,transparent 60%),var(--bg)}
.logo span{font-family:var(--display);font-weight:800}
.toplink{font-size:13px;font-weight:800;color:var(--accent)}
h1{font-size:44px;letter-spacing:-.02em}
h1 em{font-style:normal;background:linear-gradient(90deg,#5b4bff,#ff5fb0,#ffb347);-webkit-background-clip:text;background-clip:text;color:transparent}
.orbs{position:relative;height:170px;display:flex;align-items:center;justify-content:center}
.orbs i{position:absolute;border-radius:50%;filter:blur(18px);opacity:.9;animation:fl 6s ease-in-out infinite}
.orbs i:nth-child(1){width:150px;height:150px;background:#5b4bff;left:calc(50% - 130px);top:6px}
.orbs i:nth-child(2){width:140px;height:140px;background:#ff5fb0;left:calc(50% - 20px);top:20px;animation-delay:-2s}
.orbs i:nth-child(3){width:120px;height:120px;background:#ffb347;left:calc(50% - 75px);top:44px;animation-delay:-4s}
.orbs b{position:relative;font-size:58px;font-weight:400;z-index:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}
@keyframes fl{50%{transform:translate(10px,-10px) scale(1.08)}}
.rname{font-size:34px}