:root{
  --bg-1: #ffdfe8; /* pale pink */
  --bg-2: #f6e8ff; /* pale lavender */
  --primary: #2b2140; /* deep navy */
  --accent: #00c75a; /* vibrant green */
  --highlight: #9b7de7; /* purple */
  --muted: #6b5b7a;
  --card-bg: rgba(255,255,255,0.9);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color:var(--primary);
  background: linear-gradient(180deg,var(--bg-1) 0%, var(--bg-2) 100%);
}
.no-cursor-hide { cursor: pointer !important; }
.hide-default-cursor { cursor: none; }
.animated-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.animated-bg::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg, rgba(255,223,232,0.55), rgba(246,232,255,0.35));filter:blur(40px);mix-blend-mode:screen;animation:shift 12s linear infinite}
.animated-bg canvas#particle-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.blob{position:absolute;border-radius:50%;filter:blur(36px);opacity:0.9;mix-blend-mode:multiply;transform-origin:center}
.blob.b1{width:520px;height:520px;left:-120px;top:6%;background:radial-gradient(circle at 30% 30%, rgba(155,125,231,0.98), rgba(155,125,231,0.45));animation:float 9s ease-in-out infinite}
.blob.b2{width:420px;height:420px;right:-140px;top:2%;background:radial-gradient(circle at 70% 40%, rgba(0,199,90,0.95), rgba(0,199,90,0.35));animation:float 11s ease-in-out 1.6s infinite}
.blob.b3{width:340px;height:340px;left:6%;bottom:-120px;background:radial-gradient(circle at 40% 60%, rgba(255,223,232,0.98), rgba(255,223,232,0.45));animation:float 13s ease-in-out .9s infinite}
.blob.b4{width:300px;height:300px;right:8%;bottom:2%;background:radial-gradient(circle at 60% 30%, rgba(155,125,231,0.7), rgba(0,199,90,0.28));animation:float 10s ease-in-out 2.4s infinite}

@keyframes float{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,-28px,0) scale(1.02)}
  100%{transform:translate3d(0,0,0) scale(1)}
}

@keyframes shift{
  0%{transform:translateX(0)}
  50%{transform:translateX(6%)}
  100%{transform:translateX(0)}
}

/* Custom cursor styles */
@media (hover: hover) and (pointer: fine) {
  .hide-default-cursor{cursor:none}
  #cursor{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;mix-blend-mode:normal;transform:translate3d(-9999px,-9999px,0)}
  #cursor .cursor-dot{width:6px;height:6px;background:var(--primary);display:block;border-radius:50%;box-shadow:0 6px 18px rgba(43,33,64,0.12);transform:translate3d(-50%,-50%,0)}
  #cursor .cursor-ring{position:absolute;left:50%;top:50%;width:28px;height:28px;margin-left:-14px;margin-top:-14px;border-radius:50%;border:2px solid rgba(43,33,64,0.12);transform:translate3d(-50%,-50%,0);transition:transform .08s cubic-bezier(.2,.9,.3,1),opacity .12s}
  #cursor.cursor--hidden{opacity:0;display:none !important}
  #cursor.cursor--hover .cursor-ring{transform:translate3d(-50%,-50%,0) scale(1.35);border-color:rgba(155,125,231,0.85)}
  #cursor.cursor--active .cursor-dot{transform:translate3d(-50%,-50%,0) scale(0.75);background:var(--accent)}
}
.page{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:40px}
.links-column{max-width:720px;padding:56px 36px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
/* hero image removed; keep assets README for optional use */
.brand .logo{font-weight:700;font-size:18px;letter-spacing:0.8px;color:var(--primary)}
.brand .subtitle{margin:6px 0 22px;color:var(--muted);font-style:italic}
.headline{font-size:2.4rem;margin:0 0 8px;font-weight:800;color:var(--primary)}
.lead{margin:0 0 18px;color:var(--muted);font-size:1.05rem}
.headline .accent{color:var(--accent)}
.headline .muted{color:var(--highlight)}

.hero-text{max-width:620px}
.link.primary{background:linear-gradient(90deg,var(--accent),var(--highlight));color:white}
.links{display:flex;flex-direction:column;gap:14px;margin-top:12px;align-items:center;width:100%}
.link{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:10px;text-decoration:none;background:var(--card-bg);color:var(--primary);font-weight:700;font-size:16px;box-shadow:0 6px 18px rgba(43,33,64,0.08);transition:transform .12s ease, box-shadow .12s ease;max-width:360px;width:100%}
.link:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(43,33,64,0.12)}
.link.small{font-weight:600;padding:10px 16px;background:transparent;border:2px dashed rgba(43,33,64,0.06)}
.foot{margin-top:22px;color:var(--muted);font-size:13px}

.socials{display:flex;gap:14px;justify-content:center;margin-top:18px}
.social{display:inline-flex;align-items:center;justify-content:center;color:var(--primary);opacity:0.95}
.social svg{display:block}


@media (max-width:900px){
  .page{padding:28px}
  .links-column{max-width:100%;padding:28px}
  .headline{font-size:1.6rem}
  .links{gap:12px}
}

@media (min-width:901px){
  .links-column{padding-left:72px;padding-right:48px}
}