:root{--primary:#6c5ce7;--secondary:#a29bfe;--accent:#fdcb6e;--dark:#2d3436;--light:#dfe6e9}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;background:#24243e}body{font-family:Outfit,sans-serif;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);background-attachment:fixed;color:white;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;position:relative;margin:0}.bg-shape{position:fixed;border-radius:50%;filter:blur(80px);opacity:.4;z-index:0;animation:pulse 10s infinite alternate;pointer-events:none}.shape-1{width:300px;height:300px;background:var(--primary);top:-50px;left:-50px}.shape-2{width:400px;height:400px;background:#e056fd;bottom:-100px;right:-100px;animation-delay:2s}.container{text-align:center;z-index:1;padding:2rem;max-width:800px;width:100%;position:relative}.hero-image{max-width:450px;width:100%;height:auto;margin:0 auto 2rem;display:block;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 70%);mask-image:radial-gradient(circle at center,black 40%,transparent 70%);animation:float 6s ease-in-out infinite}h1{font-family:Fredoka,sans-serif;font-size:4.5rem;font-weight:600;margin-bottom:1rem;background:linear-gradient(90deg,#fff,#a29bfe);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 10px rgba(0,0,0,.2);letter-spacing:-1px;line-height:1.1}p{font-size:1.4rem;color:var(--light);margin-bottom:3rem;font-weight:300;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto;padding:0 1rem}.badge{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1.5rem;border-radius:50px;border:1px solid rgba(255,255,255,.2);margin-bottom:2rem;font-size:.9rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-weight:700}.badge,.btn{display:inline-block}.btn{padding:1rem 2.5rem;background:linear-gradient(45deg,var(--primary),#e056fd);color:white;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px rgba(108,92,231,.4)}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(108,92,231,.6)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.4}to{transform:scale(1.2);opacity:.6}}@media (max-width:768px){h1{font-size:3rem}p{font-size:1.2rem}.hero-image{max-width:350px}.container{padding:1.5rem}}@media (max-width:480px){h1{font-size:2.2rem}p{font-size:1rem;margin-bottom:2rem}.hero-image{max-width:280px;margin-bottom:1.5rem}.btn{padding:.8rem 2rem;font-size:1rem}}