:root{--cyan:#13ddff;--blue:#1575ff;--green:#06d968;--panel:#070b16;--text:#fff;--muted:#aab7d3}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#02050d}
body{margin:0;min-height:100vh;color:var(--text);font-family:"Kanit","Segoe UI",Tahoma,sans-serif;background-color:#02050d;background-image:linear-gradient(180deg,rgba(1,4,12,.28),rgba(1,4,12,.7)),url("assets/scifi-bg.png");background-size:cover;background-position:top center;background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 12%,rgba(21,117,255,.16),transparent 36%),linear-gradient(90deg,rgba(0,0,0,.25),transparent 25% 75%,rgba(0,0,0,.25))}
.site-card{position:relative;width:min(100%,620px);margin:0 auto;min-height:100vh;padding:14px;background:linear-gradient(180deg,rgba(6,9,18,.94),rgba(2,5,13,.97));border-inline:1px solid rgba(49,164,255,.18);box-shadow:0 0 70px rgba(0,100,255,.24)}
.visual-stack{display:grid;gap:14px}
.media{display:block;width:100%;height:auto;border-radius:18px;border:1px solid rgba(100,195,255,.22);box-shadow:0 13px 32px rgba(0,0,0,.46),0 0 22px rgba(20,115,255,.1)}
.hero-strip{border-radius:14px}
.actions{display:grid;gap:12px;margin:16px 0}
.action{position:relative;display:flex;align-items:center;justify-content:center;min-height:78px;padding:11px 76px;color:#fff;text-align:center;text-decoration:none;border-radius:18px;border:1px solid rgba(255,255,255,.23);box-shadow:inset 0 1px rgba(255,255,255,.28),0 12px 24px rgba(0,0,0,.34);transition:transform .18s ease,filter .18s ease;animation:buttonPulse 1.8s ease-in-out infinite;isolation:isolate}
.action:before{content:"";position:absolute;inset:-4px;border-radius:21px;border:2px solid currentColor;opacity:0;z-index:-1;animation:pulseRing 1.8s ease-out infinite}
.action:active{transform:scale(.985)}
.action.register{background:linear-gradient(110deg,#063e98,#087fe4 55%,#10d6ff);border-color:#62e8ff;box-shadow:inset 0 1px rgba(255,255,255,.42),0 0 26px rgba(0,145,255,.35),0 12px 24px rgba(0,0,0,.42)}
.action.contact{color:#69ffa4;background:linear-gradient(110deg,#00a743,#05cf5d 55%,#0ee886);border-color:#69ffa4;animation-delay:.35s}.action.contact:before{animation-delay:.35s}
.button-icon{position:absolute;left:16px;top:50%;display:grid;place-items:center;width:48px;height:48px;transform:translateY(-50%);border-radius:14px;overflow:hidden}
.signup-icon{background:linear-gradient(145deg,#041231,#081e54);box-shadow:0 0 18px rgba(25,188,255,.52)}
.signup-icon img{width:45px;height:45px;object-fit:contain;transform:scale(1.34)}
.line-icon{color:#00bb51;background:#fff;font-size:10px;font-weight:800;letter-spacing:-.03em}
.button-copy{display:block;color:#fff;text-align:center}.action b{display:block;font-size:20px;font-weight:700;line-height:1.25}.action small{display:block;margin-top:3px;color:rgba(255,255,255,.82);font-size:12px;font-weight:400}.arrow{position:absolute;right:18px;top:50%;color:#fff;font-size:34px;line-height:1;transform:translateY(-52%)}
@keyframes buttonPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.018);filter:brightness(1.12)}}
@keyframes pulseRing{0%{transform:scale(.99);opacity:.54}70%,100%{transform:scale(1.045);opacity:0}}
.lower{gap:14px}
footer{padding:24px 0 14px;text-align:center;color:var(--muted);font-size:11px;letter-spacing:.08em}
@media(max-width:480px){.site-card{padding:8px}.visual-stack,.lower{gap:8px}.media{border-radius:12px}.actions{gap:10px;margin:12px 0}.action{min-height:70px;padding:9px 64px;border-radius:14px}.button-icon{left:12px;width:44px;height:44px;border-radius:12px}.signup-icon img{width:42px;height:42px}.action b{font-size:18px}.action small{font-size:11px}.arrow{right:14px}}
@media(prefers-reduced-motion:reduce){.action,.action:before{animation:none}}