/* SkyCru welcome / redirect page */
:root {
  --bg-1:#030712; --bg-2:#07152f; --bg-3:#0d2850;
  --text:#f7fbff; --muted:#b9c8df; --line:rgba(148,203,255,.30);
  --accent-strong:#7ec8ff;
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%}
body{
  min-height:100vh; overflow:hidden; font-family:Arial,Helvetica,sans-serif; color:var(--text);
  background:radial-gradient(circle at 50% 42%,rgba(38,111,184,.26),transparent 34%),radial-gradient(circle at 18% 20%,rgba(54,93,176,.20),transparent 23%),linear-gradient(145deg,var(--bg-1),var(--bg-2) 55%,var(--bg-3));
}
.landing{position:relative;min-height:100vh;display:grid;place-items:center;padding:32px 20px 52px;isolation:isolate}
.stars,.stars::before,.stars::after{position:absolute;inset:0;content:"";pointer-events:none;z-index:-3}
.stars{opacity:.72;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(132,200,255,.7) 0 1px,transparent 1.5px);background-position:0 0,38px 52px;background-size:90px 90px,130px 130px;animation:drift 26s linear infinite}
.stars::before{opacity:.35;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.8px);background-size:170px 170px;background-position:30px 15px}
.stars::after{background:radial-gradient(circle at 50% 50%,transparent 0 48%,rgba(4,10,25,.58) 100%)}
.presentation{position:relative;width:min(88vw,760px);aspect-ratio:1;display:grid;place-items:center}
.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;pointer-events:none}
.orbit-one{width:84%;height:84%;box-shadow:0 0 35px rgba(91,171,255,.11),inset 0 0 35px rgba(91,171,255,.08)}
.orbit-two{width:62%;height:62%;border-style:dashed;opacity:.65;animation:spin 34s linear infinite reverse}
.photo-ring{position:absolute;inset:0;animation:spin 42s linear infinite}
.photo{--size:clamp(82px,13vw,132px);position:absolute;width:var(--size);height:var(--size);margin:0;overflow:hidden;border-radius:50%;border:4px solid rgba(236,248,255,.88);background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.38),0 0 0 7px rgba(126,200,255,.08),0 0 28px rgba(126,200,255,.22)}
.photo img{width:100%;height:100%;object-fit:cover;display:block;animation:counter-spin 42s linear infinite}
.photo-1{top:0;left:50%;transform:translate(-50%,0)} .photo-2{top:22%;right:1%} .photo-3{bottom:22%;right:1%} .photo-4{bottom:0;left:50%;transform:translate(-50%,0)} .photo-5{bottom:22%;left:1%} .photo-6{top:22%;left:1%}
.center-card{position:relative;z-index:5;width:min(56%,410px);aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px;background:linear-gradient(145deg,rgba(18,47,88,.86),rgba(3,14,34,.90));border:1px solid rgba(213,236,255,.35);backdrop-filter:blur(12px);box-shadow:0 24px 80px rgba(0,0,0,.46),inset 0 0 50px rgba(99,183,255,.08),0 0 60px rgba(79,162,255,.15)}
.logo-mark{font-size:28px;line-height:1;margin-bottom:7px;color:var(--accent-strong);text-shadow:0 0 14px rgba(126,200,255,.8)}
.eyebrow{margin:0 0 8px;letter-spacing:.24em;font-size:clamp(10px,1.25vw,13px);color:var(--accent-strong);font-weight:700}
h1{margin:0;max-width:320px;font-size:clamp(28px,4.2vw,46px);line-height:.98;letter-spacing:-.045em}
.subtitle{margin:16px auto 14px;max-width:300px;font-size:clamp(12px,1.5vw,15px);line-height:1.5;color:var(--muted)}
.countdown-wrap{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:5px;color:var(--muted);font-size:12px}.countdown-wrap p{margin:0}
.countdown-ring{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:var(--text);border:2px solid rgba(126,200,255,.75);box-shadow:inset 0 0 10px rgba(126,200,255,.12)}
.enter-button{margin-top:15px;display:inline-flex;justify-content:center;align-items:center;min-width:124px;padding:10px 17px;border-radius:999px;text-decoration:none;color:#061122;font-weight:700;font-size:13px;background:linear-gradient(135deg,#fff,#a7d9ff);box-shadow:0 8px 22px rgba(68,165,255,.24);transition:transform .2s ease,box-shadow .2s ease}
.enter-button:hover,.enter-button:focus-visible{transform:translateY(-2px);box-shadow:0 12px 30px rgba(68,165,255,.34)}
.footer-note{position:absolute;bottom:17px;margin:0;font-size:12px;letter-spacing:.08em;color:rgba(220,235,255,.55)}
@keyframes spin{to{transform:rotate(360deg)}} @keyframes counter-spin{to{transform:rotate(-360deg)}} @keyframes drift{to{background-position:90px 90px,168px 182px}}
@media(max-width:720px){body{overflow-y:auto}.landing{min-height:100svh;padding:28px 12px 45px}.presentation{width:min(96vw,650px)}.center-card{width:59%;padding:26px}.photo{--size:clamp(64px,18vw,100px);border-width:3px}.subtitle{margin:10px auto}.countdown-wrap p{display:none}}
@media(max-width:470px){.presentation{width:100%}.center-card{width:62%;padding:20px}.photo{--size:clamp(58px,18vw,78px)}h1{font-size:clamp(22px,8vw,32px)}.subtitle{font-size:11px;line-height:1.35}.enter-button{margin-top:9px;min-width:104px;padding:8px 13px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.photo-ring,.photo img,.orbit-two,.stars{animation:none}}