body:before,body:after{content:"";position:fixed;width:48vw;height:48vw;border-radius:50%;pointer-events:none;z-index:1;filter:blur(70px);opacity:.12;mix-blend-mode:screen;animation:cosmic-drift 18s ease-in-out infinite alternate}
body:before{top:8%;left:-22%;background:conic-gradient(from 30deg,var(--purple),transparent 28%,var(--cyan),transparent 67%,var(--purple))}
body:after{right:-24%;bottom:2%;background:conic-gradient(from 190deg,var(--cyan),transparent 30%,var(--purple),transparent 70%,var(--cyan));animation-direction:alternate-reverse}
.hero:after{content:"";position:absolute;width:min(760px,90vw);aspect-ratio:1;border:1px solid #22f6e72b;border-radius:50%;box-shadow:0 0 0 55px #c83cff0a,0 0 0 110px #22f6e707;animation:orbit-pulse 9s ease-in-out infinite;pointer-events:none}
.hero>*{z-index:1}.story,.music,.messages{position:relative}
.story:before,.music:before,.messages:before{content:"";position:absolute;width:260px;height:260px;border:1px solid #c83cff24;border-radius:50%;box-shadow:inset 0 0 45px #22f6e70d,0 0 40px #c83cff12;pointer-events:none}
.story:before{right:-120px;top:12%}.music:before{left:-150px;bottom:8%}.messages:before{right:-100px;top:6%}
.messages{display:grid;grid-template-columns:.8fr 1fr;gap:clamp(35px,7vw,90px);padding:125px 0;border-top:1px solid var(--line)}
.messages-heading h2{font-size:clamp(2.7rem,5vw,5.4rem);letter-spacing:-.05em}
.messages-heading>p:last-child{max-width:480px;color:var(--muted);font-size:1.02rem;line-height:1.75}
.message-form{padding:30px;border:1px solid #71399080;background:linear-gradient(145deg,#210b3199,#07141688);box-shadow:0 24px 70px #0009,0 0 50px #c83cff12}
.message-form label{display:block;margin:0 0 8px;color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.message-form input,.message-form textarea{width:100%;margin:0 0 20px;padding:14px 15px;border:1px solid #654276;background:#08050dcc;color:#fff;font:inherit;outline:none;resize:vertical}
.message-form input:focus,.message-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 18px #22f6e724}
.form-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.form-row small{color:#8e819b}
.form-row button{padding:14px 18px;border:1px solid #d06aff;background:linear-gradient(90deg,#7a159f,#195c68);color:#fff;font-weight:800;font-size:.72rem;letter-spacing:.12em;cursor:pointer}
.message-status{min-height:20px;margin:15px 0 0;color:var(--cyan);font-size:.82rem}
.message-wall{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px}
.message-wall article{min-height:145px;padding:25px;border:1px solid #452657;background:#0d0716bf;box-shadow:inset 0 0 28px #c83cff08;animation:card-glow 6s ease-in-out infinite}
.message-wall article:nth-child(even){animation-delay:-3s}.message-wall p{margin:0 0 25px;font-family:'Space Grotesk';font-size:1.04rem;line-height:1.55}.message-wall span{color:var(--cyan);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
@keyframes cosmic-drift{to{transform:translate(12vw,-6vh) rotate(110deg) scale(1.15)}}
@keyframes orbit-pulse{50%{transform:rotate(18deg) scale(1.06);opacity:.55}}
@keyframes card-glow{50%{border-color:#22f6e755;box-shadow:inset 0 0 32px #22f6e70d,0 0 26px #c83cff10}}
@media(max-width:760px){.messages{grid-template-columns:1fr;padding:85px 0}.message-wall{grid-template-columns:1fr}.hero:after{width:110vw}.message-form{padding:22px}.form-row{align-items:flex-end}.form-row button{flex:1}}
@media(prefers-reduced-motion:reduce){body:before,body:after,.hero:after,.message-wall article{animation:none}}