/* Stylesheet for Unshape Beta Site */
:root{
  --blue:#0000ff;
  --mag:#ff0054;
  --mint:#c4fade;
  --tempo:0.80;
  --blur:70px;
  --size:78vmax;
  --size-lg:90vmax;
  --size-sm:36vmax;
  --s1:calc(30s*var(--tempo));
  --s2:calc(33s*var(--tempo));
  --s3:calc(38s*var(--tempo));
  --s4:calc(44s*var(--tempo));
  --s5:calc(52s*var(--tempo));
  --ease:cubic-bezier(.22,.61,.36,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%; min-height:100dvh;}
html{ background:#0d0b1a; }
body{
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color:#f3f6ff;
  background:#0d0b1a;
  overflow:hidden;
  position:relative;
}

.wrap{
  position:relative; z-index:1;
  min-height:100svh;
  display:flex; align-items:center; justify-content:center;
  flex-direction:column; text-align:center; gap:28px; padding:48px;
}

.logo{ width: clamp(220px, 42vw, 880px); height:auto; filter: drop-shadow(0 10px 40px rgba(0,0,0,0.55)); }

.email-link{display:inline-flex;align-items:center;gap:0;text-decoration:none;color:rgba(255,255,255,.95);opacity:.9;transition:opacity .2s ease, transform .2s ease}
.email-link:hover{opacity:1;transform:translateY(-1px)}
.email-link .icon{width:24px;height:18px;display:block}
.email-link .icon path{stroke:#ffffff;stroke-width:2;fill:transparent;filter:none}
.email-link .icon[data-fallback] path{stroke:#ffffff}

.blobs{
  position:fixed; inset:0; z-index:0; pointer-events:none; filter:saturate(120%);
}
.blob{
  position:absolute;width:var(--size);height:var(--size);
  border-radius:50%;filter:blur(var(--blur));mix-blend-mode:screen;opacity:0.9;
  will-change:transform;animation-timing-function:var(--ease);animation-iteration-count:infinite;
}

.b1{background:radial-gradient(circle at 34% 34%, var(--blue) 0 45%, transparent 62%),radial-gradient(circle at 72% 72%, var(--mag) 0 32%, transparent 64%);left:-14vmax;top:-12vmax;width:var(--size-lg);height:var(--size-lg);opacity:0.95;animation:drift1 var(--s1) infinite alternate;}
.b2{background:radial-gradient(circle at 44% 44%, var(--mag) 0 42%, transparent 62%),radial-gradient(circle at 68% 36%, var(--blue) 0 30%, transparent 64%);right:-16vmax;top:-10vmax;width:calc(var(--size) + 6vmax);height:calc(var(--size) + 6vmax);opacity:0.9;animation:drift2 var(--s2) infinite alternate;}
.b3{background:radial-gradient(circle at 38% 56%, var(--blue) 0 40%, transparent 62%),radial-gradient(circle at 60% 40%, var(--mag) 0 36%, transparent 64%);left:-10vmax;bottom:-18vmax;opacity:0.88;animation:drift3 var(--s3) infinite alternate;}
.b4{background:radial-gradient(circle at 42% 42%, var(--blue) 0 43%, transparent 62%),radial-gradient(circle at 58% 70%, var(--blue) 0 30%, transparent 64%);right:-12vmax;bottom:-20vmax;width:calc(var(--size) + 10vmax);height:calc(var(--size) + 10vmax);opacity:0.86;animation:drift4 var(--s4) infinite alternate;}
.b5{background:radial-gradient(circle at 50% 50%, var(--mint) 0 36%, transparent 64%);left:12vmax;top:34vh;width:var(--size-sm);height:var(--size-sm);opacity:0.55;animation:drift5 var(--s5) infinite alternate;}

@keyframes drift1{0%{transform:translate(-10vmax,-6vmax) rotate(-1deg) scale(1)}22%{transform:translate(7vmax,2vmax) rotate(1deg) scale(1.08)}55%{transform:translate(3vmax,12vmax) rotate(2deg) scale(.95)}82%{transform:translate(-5vmax,5vmax) rotate(-1deg) scale(1.1)}100%{transform:translate(-10vmax,-6vmax) rotate(-1deg) scale(1)}}
@keyframes drift2{0%{transform:translate(7vmax,-4vmax) rotate(1deg) scale(1.02)}25%{transform:translate(-6vmax,7vmax) rotate(-1deg) scale(1.1)}55%{transform:translate(-12vmax,1vmax) rotate(-2deg) scale(.92)}85%{transform:translate(-3vmax,-8vmax) rotate(1deg) scale(1.05)}100%{transform:translate(7vmax,-4vmax) rotate(1deg) scale(1.02)}}
@keyframes drift3{0%{transform:translate(0,8vmax) rotate(-1deg) scale(.98)}24%{transform:translate(9vmax,-5vmax) rotate(1deg) scale(1.07)}54%{transform:translate(2vmax,-11vmax) rotate(2deg) scale(1.01)}84%{transform:translate(-9vmax,-2vmax) rotate(-1deg) scale(.95)}100%{transform:translate(0,8vmax) rotate(-1deg) scale(.98)}}
@keyframes drift4{0%{transform:translate(-6vmax,4vmax) rotate(.5deg) scale(1)}28%{transform:translate(6vmax,10vmax) rotate(-.5deg) scale(.95)}58%{transform:translate(13vmax,2vmax) rotate(1.5deg) scale(1.11)}88%{transform:translate(5vmax,-10vmax) rotate(-.5deg) scale(1.03)}100%{transform:translate(-6vmax,4vmax) rotate(.5deg) scale(1)}}
@keyframes drift5{0%{transform:translate(0,0) rotate(0) scale(1)}30%{transform:translate(-9vmax,6vmax) rotate(1deg) scale(1.05)}60%{transform:translate(-4vmax,-7vmax) rotate(-1deg) scale(.96)}90%{transform:translate(8vmax,-4vmax) rotate(1.5deg) scale(1.08)}100%{transform:translate(0,0) rotate(0) scale(1)}}

.cta-btn{
  --h:54px; --r:999px; --pad:28px; --glow:rgba(0,136,255,.55);
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  min-height:var(--h); padding:0 var(--pad); border-radius:var(--r);
  font-weight:800; letter-spacing:.06em; text-transform:none; text-decoration:none;
  font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color:#fff; background:rgba(255,255,255,0.04);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  box-shadow:0 12px 30px rgba(0,0,0,.35);
  transition:transform .25s ease, box-shadow .25s ease;
}
.cta-btn::before{
  content:""; position:absolute; inset:-3px; border-radius:inherit; z-index:-1;
  background:linear-gradient(90deg, var(--blue), var(--mag), var(--blue));
  background-size:300% 100%;
  animation:shimmerStroke 2.2s ease-in-out infinite;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  padding:3px; filter:drop-shadow(0 0 22px rgba(0,136,255,.45)) drop-shadow(0 0 14px rgba(255,0,84,.35));
}
@keyframes shimmerStroke{
  0%{background-position:0% 0%;}
  50%{background-position:100% 0%;}
  100%{background-position:0% 0%;}
}
.cta-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 16px 40px rgba(0,0,0,.4),0 0 28px var(--glow);}
.cta-btn:active{transform:translateY(0) scale(0.99);}

/* Footer (reduced font-size) */
.footer{
  position:fixed; bottom:24px; left:0; right:0;
  z-index:2; pointer-events:auto;
  text-align:center; font-size:12px; color:rgba(255,255,255,0.8);
  font-weight:400; letter-spacing:0.02em;
  font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.footer a.link{
  color:rgba(255,255,255,0.85); text-decoration:underline; text-underline-offset:3px;
  transition:opacity 0.2s ease;
}
.footer a.link:hover{opacity:0.7;}

@media (prefers-reduced-motion: reduce){
  .blob{animation-duration:60s!important}
  .cta-btn::before{animation:none}
}