@keyframes float-particle{0%{opacity:0;transform:scale(.8) translate(0)}50%{opacity:.8}to{opacity:0;transform:scale(0) translate(20px,-20px)}}@media (max-width:768px){.hero-container{height:auto;min-height:100vh;padding:2rem 0}}.leonardo-gradient{background:linear-gradient(90deg,var(--color-primary-purple),var(--color-primary-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.primary-btn{background:linear-gradient(90deg,var(--color-primary-purple),var(--color-primary-blue));border:1px solid var(--color-border-light);border-radius:.5rem;box-shadow:0 4px 20px #7b2cff4d;color:#fff;font-weight:600;overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:all .3s ease}.creative-btn{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.creative-btn:hover{border-color:var(--color-border-light);box-shadow:0 8px 30px #7b2cff66,0 0 15px #4a8cff4d}.btn-text{transition:all .3s ease}.btn-bg{background:linear-gradient(90deg,var(--color-primary-purple),var(--color-primary-blue));transition:all .5s ease;z-index:0}.creative-btn:hover .btn-bg{background:linear-gradient(90deg,var(--color-primary-blue),var(--color-primary-purple))}.btn-highlight{background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);transform:translate(-100%);transition:opacity .2s ease;z-index:1}.creative-btn:hover .btn-highlight{animation:sweep 1.5s forwards;opacity:1}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.button-wrapper{display:inline-block;position:relative}.glow-effect{animation:rotate-gradient 4s linear infinite,pulse-glow 2s infinite alternate;background:conic-gradient(from 0deg,var(--color-primary-purple),var(--color-primary-blue),var(--color-accent-cyan),var(--color-primary-blue),var(--color-primary-purple));border-radius:.7rem;filter:blur(10px);inset:-4px;opacity:.5;position:absolute;z-index:-1}.click-ripple{background:#fffc;border-radius:50%;height:5px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:5px;z-index:2}.creative-btn:active .click-ripple{animation:click-wave .5s ease-out}@keyframes click-wave{0%{opacity:.8;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(20)}}.creative-btn:active+.glow-effect{filter:blur(15px) brightness(1.2);opacity:.8;transform:scale(.95);transition:all .1s ease}@keyframes rotate-gradient{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes pulse-glow{0%{opacity:.3;transform:scale(.95)}to{opacity:.7;transform:scale(1.05)}}.creative-btn:active{box-shadow:0 2px 10px #7b2cff4d;transform:translateY(2px) scale(.98);transition:all .1s ease}.creative-btn:active .btn-bg{filter:brightness(.85);transform:scale(.98)}.creative-btn:active .btn-text{color:#ffffffe6;transform:translateY(1px)}.animated-gradient{animation:move-gradient 15s ease-in-out infinite alternate}.animated-gradient-reverse{animation:move-gradient-reverse 18s ease-in-out infinite alternate}@keyframes move-gradient{0%{opacity:.1;transform:translate(0) scale(1)}to{opacity:.2;transform:translate(5%,5%) scale(1.1)}}@keyframes move-gradient-reverse{0%{opacity:.1;transform:translate(0) scale(1)}to{opacity:.2;transform:translate(-5%,-5%) scale(1.1)}}@keyframes pulse{0%,to{opacity:.05;transform:scale(1)}50%{opacity:.15;transform:scale(1.2)}}.bg-grid{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:30px 30px}.hover-scale{transition:transform .3s ease}.hover-scale:hover{cursor:default;transform:scale(1.02)}.hover-bright{transition:filter .3s ease}.hover-bright:hover{cursor:default;filter:brightness(1.2)}.parallax-element{transition:transform .1s ease-out}.media-container{transition:transform .3s ease,box-shadow .3s ease}.media-container:hover{box-shadow:0 20px 40px #0006,0 0 20px #3b82f633;transform:translateY(-5px) scale(1.02)}.user-avatars-container{transition:transform .3s ease}.user-avatars-container:hover{transform:translate(10px)}.user-avatar{transition:transform .3s ease,border-color .3s ease}.user-avatar:hover{border-color:var(--color-primary-purple);transform:translateY(-5px) scale(1.2);z-index:5}