*,::after,::before{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0f;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;height:100vh;overflow:hidden}#stars{position:fixed;inset:0;pointer-events:none;z-index:0}.star{position:absolute;border-radius:50%;background:#fff;animation:twinkle var(--dur) ease-in-out infinite alternate;opacity:var(--op)}@keyframes twinkle{to{opacity:calc(var(--op) * .15);transform:scale(.5)}}.mini-ufo{position:fixed;pointer-events:none;z-index:5;opacity:.5;user-select:none}.mini-ufo img{border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 10px 2px var(--mg,#a855f7)}.mu1{top:12%;left:6%;animation:drift1 20s ease-in-out infinite}.mu2{top:20%;right:8%;animation:drift2 26s ease-in-out infinite;animation-delay:-8s}.mu3{top:55%;left:14%;animation:drift3 18s ease-in-out infinite;animation-delay:-4s}.mu4{top:68%;right:16%;animation:drift4 24s ease-in-out infinite;animation-delay:-14s}@keyframes drift1{0%,100%{transform:translate(0,0) rotate(-4deg)}30%{transform:translate(35px,-22px) rotate(2deg)}65%{transform:translate(-18px,12px) rotate(-2deg)}}@keyframes drift2{0%,100%{transform:translate(0,0) rotate(2deg)}40%{transform:translate(-28px,18px) rotate(-3deg)}75%{transform:translate(14px,-20px) rotate(1deg)}}@keyframes drift3{0%,100%{transform:translate(0,0) rotate(-1deg)}50%{transform:translate(42px,-18px) rotate(3deg)}}@keyframes drift4{0%,100%{transform:translate(0,0)}25%{transform:translate(-22px,16px) rotate(2deg)}75%{transform:translate(28px,-14px) rotate(-2deg)}}.hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:40px 20px;gap:16px}#ufo-main{width:180px;height:180px;border-radius:50%;object-fit:cover;animation:ufo-float 4s ease-in-out infinite;box-shadow:0 0 32px 8px var(--ufo-glow,#a855f7);user-select:none;pointer-events:none;flex-shrink:0}@keyframes ufo-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(1deg)}}h1{font-size:clamp(2rem, 6vw, 4rem);font-weight:800;background:linear-gradient(135deg,#a855f7 0,#22d3ee 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}p{font-size:1.1rem;color:#94a3b8;max-width:520px;line-height:1.7}.weiter-btn{margin-top:40px;padding:13px 40px;border-radius:50px;border:none;background:linear-gradient(135deg,#7c3aed 0,#0e7490 100%);color:#fff;font-size:1rem;font-weight:700;letter-spacing:.5px;cursor:pointer;box-shadow:0 0 28px #a855f755;transition:transform .18s,box-shadow .18s;display:inline-flex;align-items:center;gap:10px;text-decoration:none}.weiter-btn:hover{transform:scale(1.06);box-shadow:0 0 44px #a855f788}.back-link{position:fixed;top:1.25rem;left:1.5rem;display:flex;align-items:center;gap:6px;color:#888;text-decoration:none;font-size:.875rem;transition:color .2s;z-index:100}.back-link:hover{color:#00e5ff}.back-link svg{width:16px;height:16px;fill:currentColor}