*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6B46C1;--primary-dark: #553C9A;--primary-light: #9F7AEA;--secondary: #2D3748;--secondary-dark: #1A202C;--secondary-light: #4A5568;--white: #FFFFFF;--gray-300: #CBD5E0;--gray-400: #A0AEC0}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;min-height:100vh;background:linear-gradient(135deg,var(--secondary-dark) 0%,var(--primary-dark) 100%);color:var(--white);display:flex;flex-direction:column}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.navbar{background-color:#2d3748f2;position:fixed;width:100%;top:0;z-index:1000;backdrop-filter:blur(8px)}.navbar .container{display:flex;justify-content:space-between;align-items:center;height:4rem}.logo{font-size:1.5rem;font-weight:700;color:var(--white);text-decoration:none}.nav-links{display:none;list-style:none;margin:0;padding:0}@media(min-width:768px){.nav-links{display:flex;gap:2rem}}.nav-links a{color:var(--gray-300);text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--white)}.mobile-menu-btn{display:block;background:none;border:none;color:var(--white);font-size:1.5rem;cursor:pointer}@media(min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu{display:none;position:fixed;top:4rem;left:0;right:0;background-color:var(--secondary-dark);padding:1rem;z-index:999}.mobile-menu.active{display:block}.mobile-menu ul{list-style:none}.mobile-menu a{color:var(--gray-300);text-decoration:none;display:block;padding:.75rem 1rem;transition:color .2s}.mobile-menu a:hover,.mobile-menu a.active{color:var(--white)}.hero{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:6rem 1rem 2rem}#particles-js{position:absolute;width:100%;height:100%}.logo-container{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:100%}.text-logo{text-align:center;animation:fadeIn .8s ease-out forwards}.brand-name{font-family:Montserrat,sans-serif;font-size:5rem;font-weight:700;letter-spacing:.2em;color:var(--white);text-shadow:0 0 20px rgba(107,70,193,.5);margin-bottom:1.5rem;user-select:none}.brand-name.glitch{position:relative;animation:glitch 1s infinite}.brand-name.glitch:before,.brand-name.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.brand-name.glitch:before{left:2px;text-shadow:-2px 0 var(--primary);clip:rect(24px,550px,90px,0);animation:glitch-anim 3s infinite linear alternate-reverse}.brand-name.glitch:after{left:-2px;text-shadow:-2px 0 var(--primary-light);clip:rect(85px,550px,140px,0);animation:glitch-anim2 2s infinite linear alternate-reverse}.slogan-container{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:0 1rem}.line{height:1px;background:var(--white);flex:1;max-width:100px;opacity:.6}.slogan{font-size:1.5rem;color:var(--gray-300);font-weight:400;white-space:nowrap}@media(max-width:768px){.brand-name{font-size:3rem;letter-spacing:.15em}.slogan{font-size:1.2rem}.line{max-width:50px}}@media(max-width:480px){.brand-name{font-size:2rem;letter-spacing:.1em}.slogan{font-size:1rem}.line{max-width:30px}}.logo-placeholder{width:100%;max-width:42rem;aspect-ratio:16/9;background-color:transparent;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.logo-image{max-width:100%;height:auto;object-fit:contain}.cta-button{display:inline-block;background-color:var(--primary);color:var(--white);padding:1rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:background-color .3s,transform .2s}.cta-button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.reviews-carousel{overflow:hidden;position:relative}.reviews-track{display:flex;transition:transform .5s ease}.review-item{flex:0 0 calc(33.333% - 2rem);margin:1rem;transform:scale(.95);transition:transform .3s}.review-item:hover{transform:scale(1)}.carousel-controls{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.prev-btn,.next-btn{background:var(--primary);border:none;color:#fff;padding:.5rem 1rem;border-radius:50%;cursor:pointer;transition:transform .3s,background .3s}.prev-btn:hover,.next-btn:hover{background:var(--primary-dark);transform:scale(1.1)}.auth-dropdown{position:relative;display:inline-block}.dropdown-trigger{display:flex;align-items:center;gap:.5rem;cursor:pointer}.dropdown-content{display:none;position:absolute;right:0;min-width:160px;background-color:var(--secondary-dark);border:1px solid var(--secondary-light);border-radius:25px;box-shadow:0 8px 16px #0003;z-index:1001;overflow:hidden}.dropdown-content.show{display:block;animation:fadeIn .2s ease-out forwards}.dropdown-content a{color:var(--gray-300);padding:12px 16px;text-decoration:none;display:block;transition:background-color .2s,color .2s}.dropdown-content a:hover{background-color:var(--secondary-light);color:var(--white)}footer{margin-top:auto;background-color:var(--secondary-dark);padding:2rem 0}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo{font-size:1.5rem;font-weight:700;color:var(--white)}.social-links{display:flex;gap:1.5rem}.social-links a{color:var(--gray-400);font-size:1.5rem;transition:color .2s,transform .2s}.social-links a:hover{color:var(--white);transform:scale(1.1)}.copyright{color:var(--gray-400);font-size:.875rem}.cursor{width:10px;height:10px;background:var(--primary);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transition:transform .2s}.cursor-follower{width:30px;height:30px;border:2px solid var(--primary);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transition:transform .6s,width .5s,height .5s}.glass-effect{background:#2d37484d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch-anim{0%{clip:rect(42px,9999px,44px,0)}20%{clip:rect(12px,9999px,59px,0)}40%{clip:rect(48px,9999px,29px,0)}60%{clip:rect(73px,9999px,61px,0)}80%{clip:rect(35px,9999px,73px,0)}to{clip:rect(25px,9999px,31px,0)}}@keyframes glitch-anim2{0%{clip:rect(25px,9999px,99px,0)}20%{clip:rect(44px,9999px,73px,0)}40%{clip:rect(68px,9999px,44px,0)}60%{clip:rect(86px,9999px,73px,0)}80%{clip:rect(23px,9999px,23px,0)}to{clip:rect(14px,9999px,100px,0)}}.logo-placeholder,.cta-button{animation:fadeIn .5s ease-out forwards}@media(max-width:768px){.review-item{flex:0 0 calc(100% - 2rem)}.cursor,.cursor-follower{display:none}}