/* 5 · Aura — soft blurred rainbow glows, ultra-calm */
:root{--rb:linear-gradient(90deg,#c5ddff,#ddd0ff,#ffd0e8,#ffe9c5,#c8f0dd)}
h1,h2,h3,nav a,.btn,button{font-weight:400!important}
body{background:#fbfbfe}
nav{border-bottom:0!important;position:relative}
nav::after{content:"";position:absolute;left:10%;right:10%;bottom:-1px;height:1px;background:var(--rb);opacity:.7}
.hero{position:relative}
.hero::before{content:"";position:absolute;left:50%;top:10%;width:min(520px,80vw);height:320px;transform:translateX(-50%);
  background:radial-gradient(circle at 30% 40%,rgba(197,221,255,.7),transparent 55%),
             radial-gradient(circle at 70% 50%,rgba(255,208,232,.65),transparent 55%),
             radial-gradient(circle at 50% 70%,rgba(200,240,221,.55),transparent 55%);
  filter:blur(40px);z-index:-1;pointer-events:none}
section{position:relative;border-top:0!important}
section::before{content:"";position:absolute;inset:auto 15% -40px 15%;height:80px;filter:blur(50px);opacity:.45;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse,rgba(221,208,255,.8),transparent 70%)}
.btn{background:rgba(255,255,255,.7)!important;color:#222!important;border:0!important;border-radius:999px;
  backdrop-filter:blur(10px);box-shadow:0 0 0 1px rgba(200,180,255,.35),0 8px 28px rgba(180,160,255,.18);transition:box-shadow .4s}
.btn:hover{box-shadow:0 0 0 1px rgba(255,180,220,.5),0 0 40px rgba(197,221,255,.55),0 0 70px rgba(255,208,232,.35)}
.btn.ghost{background:transparent!important}
.feature,.post{border:0!important;border-radius:28px!important;background:rgba(255,255,255,.65);backdrop-filter:blur(8px);
  box-shadow:0 0 0 1px rgba(200,180,255,.2),0 20px 50px rgba(180,160,255,.1)}
.gel-note{font-family:'Caveat',cursive;font-size:20px;color:#a090d0;opacity:.8;display:inline-block}
.spark{opacity:.55;margin:0 .3em;filter:blur(.2px)}
.rules span,.tag{border:0!important;border-radius:999px;background:rgba(255,255,255,.7);backdrop-filter:blur(6px);
  box-shadow:0 0 20px rgba(197,221,255,.35);padding:8px 14px}
.signup-band.dark{background:transparent!important;color:#000!important;border-top:0!important;position:relative}
.signup-band.dark::before{content:"";position:absolute;inset:10% 10%;background:
  radial-gradient(circle at 30%,rgba(197,221,255,.55),transparent 60%),
  radial-gradient(circle at 70%,rgba(255,208,232,.5),transparent 60%);filter:blur(40px);z-index:-1}
.signup-band.dark input{background:rgba(255,255,255,.75)!important;color:#000!important;border:0!important;border-radius:999px;
  box-shadow:0 0 0 1px rgba(200,180,255,.35),0 0 30px rgba(197,221,255,.25)}
.signup-band.dark input:focus{box-shadow:0 0 0 2px rgba(200,180,255,.5),0 0 40px rgba(255,208,232,.4)}
footer{border-top:0!important;background:transparent}
footer a{text-decoration:none;opacity:.7}
footer a:hover{opacity:1;background:var(--rb) left bottom/100% 1px no-repeat}
.vz-blob{filter:blur(.3px) saturate(1.05);box-shadow:0 0 30px rgba(197,221,255,.55),0 0 60px rgba(255,208,232,.35)!important}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}

/* --- 6 · Aura mix additions --- */
:root{--ink:linear-gradient(90deg,#7ec8ff,#b79cff,#ff9ed2,#ffd48a,#8fe7c2,#7ec8ff);--foil:linear-gradient(120deg,#a8d8ff 0%,#c9b6ff 25%,#ffb8e0 50%,#ffe0a8 75%,#a8f0d0 100%)}
/* Holographic foil line under nav */
nav::after{left:0!important;right:0!important;bottom:-2px!important;height:2px!important;opacity:1!important;background:var(--foil)!important;background-size:200% 100%!important;animation:shimmer 6s linear infinite}
@keyframes shimmer{to{background-position:200% 0}}
/* Gel-pen ink note, Aura palette, subtle */
.gel-note{font-family:'Caveat',cursive!important;font-size:22px!important;background:linear-gradient(90deg,#9fbff0,#b7a6ec,#eaa6cc);-webkit-background-clip:text;background-clip:text;color:transparent!important;opacity:.9!important;transform:rotate(-2deg);display:inline-block;margin-top:10px}
/* Aura pills with a soft gel-pen gradient border */
.btn,.btn.ghost{border-radius:999px!important;border:1.5px solid transparent!important;
  background:linear-gradient(rgba(255,255,255,.82),rgba(255,255,255,.82)) padding-box,linear-gradient(90deg,#c5ddff,#ddd0ff,#ffd0e8,#ddd0ff,#c5ddff) border-box!important;
  box-shadow:0 8px 28px rgba(180,160,255,.16)!important}
.btn:hover{box-shadow:0 0 36px rgba(197,221,255,.5),0 0 64px rgba(255,208,232,.3)!important}