* { box-sizing: border-box; }
html, body { width: 100%; min-height: 100%; margin: 0; }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #f8f5f8; font-weight: 300; }
.page { position: relative; display: grid; min-height: 100svh; overflow: hidden; isolation: isolate; place-items: center; background: linear-gradient(180deg,#0c2430 0%,#17223a 18%,#38263e 37%,#9c315e 62%,#ed0869 100%); }
.page::before { content:""; position:absolute; inset:0; z-index:-2; background: radial-gradient(ellipse at 49% 43%,rgba(94,34,70,.72),transparent 42%),radial-gradient(ellipse at 8% 78%,rgba(250,192,170,.42),transparent 36%),radial-gradient(ellipse at 88% 92%,rgba(255,89,168,.48),transparent 32%),linear-gradient(180deg,rgba(1,18,26,.35),transparent 37%,rgba(255,32,139,.34)); }
.page::after { content:""; position:absolute; inset:-30px; z-index:-1; backdrop-filter:blur(18px); background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.15) 100%); pointer-events:none; }
.ambient { position:absolute; inset:0; z-index:-1; overflow:hidden; filter:blur(8px); opacity:.95; }
.glow { position:absolute; display:block; width:clamp(30px,5vw,76px); aspect-ratio:1; border-radius:50%; background:#ffe7c8; box-shadow:0 0 24px 12px rgba(255,229,205,.72),0 0 68px 24px rgba(255,202,181,.48); }
.glow-1{left:5%;top:19%;width:35px;background:#75e4db}.glow-2{left:16%;top:26%;width:38px}.glow-3{left:1%;top:43%;width:46px;background:#ddd2ff}.glow-4{left:10%;top:46%;width:34px}.glow-5{left:8%;top:50%;width:66px}.glow-6{left:28%;top:48%;width:42px}.glow-7{left:38%;top:32%;width:32px}.glow-8{left:48%;top:41%;width:42px}.glow-9{left:54%;top:52%;width:32px}.glow-10{left:73%;top:47%;width:62px}.glow-11{left:87%;top:48%;width:46px;background:#e7ffff}.glow-12{left:78%;top:39%;width:28px;background:#7de1e5}.glow-13{left:95%;top:18%;width:30px;background:#7bcbd8}.glow-14{left:20%;top:69%;width:60px}.glow-15{left:68%;top:76%;width:48px;background:#ffc7ed}
.brand { position:absolute; top:4.8%; left:50%; width:clamp(160px,16vw,220px); transform:translateX(-50%); color:#fff; text-decoration:none; }
.brand img { display:block; width:100%; height:auto; object-fit:contain; }
.message { position:relative; width:100%; padding:0 20px; margin-top:2%; text-align:center; text-shadow:0 1px 5px rgba(20,12,29,.16); }
.message h1 { margin:0 0 9px; font-size:clamp(32px,3.25vw,45px); line-height:1.2; font-weight:200; letter-spacing:.2px; }
.message p { margin:0; font-size:clamp(19px,2.2vw,29px); line-height:1.35; font-weight:200; }
footer { position:absolute; bottom:7.7%; left:0; width:100%; text-align:center; font-size:16px; font-weight:400; color:#fff; }
@media (max-width:700px) { .brand{top:5.4%;width:clamp(145px,36vw,190px)} .message{margin-top:0} .message h1{font-size:clamp(30px,8vw,39px)} .message p{font-size:clamp(18px,5vw,24px)} footer{bottom:5.2%;font-size:14px} .ambient{filter:blur(6px)} .glow-8{left:47%}.glow-10{left:72%} }
@media (max-height:520px) { .brand{top:3%;width:140px}.message{margin-top:6%}.message h1{font-size:30px}.message p{font-size:19px}footer{bottom:3%} }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after{scroll-behavior:auto!important;transition:none!important} }