#container{background:#0f0f13;position:relative;overflow-x:hidden}#container::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(var(--r),var(--g),var(--b),.1),transparent 70%);z-index:0}#content{width:100%;min-height:calc(100vh - var(--header-height));height:auto;color:#fff;padding:60px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:1;text-align:center}.hero-logo{width:80px;height:80px;margin-bottom:20px;animation:fadeInUp .8s ease-out;filter:drop-shadow(0 0 20px rgba(var(--r), var(--g), var(--b), .5))}.hero-title{font-size:5rem;font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#fff 0,#a5b4fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:fadeInUp .8s ease-out .1s backwards;letter-spacing:-2px}.hero-subtitle{font-size:1.5rem;color:#a0a0b0;max-width:600px;margin-bottom:40px;line-height:1.6;animation:fadeInUp .8s ease-out .2s backwards}.cta-buttons{display:flex;gap:20px;animation:fadeInUp .8s ease-out .4s backwards}.btn-cta{padding:15px 35px;font-size:1.1rem;font-weight:600;border-radius:30px;text-decoration:none;transition:transform .3s,box-shadow .3s}.btn-primary{background:linear-gradient(135deg,rgba(var(--r),var(--g),var(--b),1) 0,rgba(var(--r),var(--g),var(--b),.8) 100%);color:#fff;box-shadow:0 10px 25px rgba(var(--r),var(--g),var(--b),.4);transition:all .3s ease}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(var(--r),var(--g),var(--b),.5)}.btn-secondary{background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.btn-secondary:hover{background:rgba(255,255,255,.2);transform:translateY(-3px)}.scroll-down{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.5);animation:bounce 2s infinite;cursor:pointer}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.emojis{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.emojis .emoji{position:absolute;opacity:.6;animation:float 10s infinite ease-in-out}.emojis .emoji img{width:60px;height:60px;filter:drop-shadow(0 5px 15px rgba(0,0,0,.3))}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}100%{transform:translateY(0) rotate(0)}}@media (max-width:768px){.hero-title{font-size:3.5rem}.hero-subtitle{font-size:1.2rem}.cta-buttons{flex-direction:column;width:100%;max-width:300px}.btn-cta{width:100%;text-align:center}}.cont{width:100%;padding:100px 20px;display:flex;align-items:center;justify-content:center;gap:60px;position:relative;z-index:1;border-radius:40px 40px 0 0;background-color:inherit}.cont:nth-child(2n){background:rgba(255,255,255,.02)}.cont.light{background:rgba(255,255,255,.05);padding-bottom:140px;margin-bottom:-40px}.cont.center{flex-direction:column;text-align:center}.section{max-width:500px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.cont.center .section{align-items:center;max-width:800px}.section h2{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#fff 0,#a5b4fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.section p{font-size:1.1rem;color:#a0a0b0;line-height:1.6;margin:0}.section .btn{display:inline-block;padding:12px 30px;background:rgba(var(--r),var(--g),var(--b),.2);color:rgba(var(--r),var(--g),var(--b),1);border:1px solid rgba(var(--r),var(--g),var(--b),.5);border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;margin-top:10px}.section .btn:hover{background:rgba(var(--r),var(--g),var(--b),1);transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--r),var(--g),var(--b),.3)}.messages{width:100%;max-width:400px;background:rgba(30,30,40,.8);backdrop-filter:blur(10px);border-radius:20px;padding:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:15px;color:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:600px}.grid img{width:100%;height:180px;object-fit:cover;border-radius:10px;transition:transform .3s ease;cursor:pointer}.grid img:hover{transform:scale(1.05);z-index:2;box-shadow:0 5px 15px rgba(0,0,0,.3)}.grid.sm img{height:140px}.grid.xs img{height:100px}.grid.xs{grid-template-columns:repeat(5,1fr)}.grid.glow img{box-shadow:0 0 15px rgba(var(--r),var(--g),var(--b),.2)}.svg svg{width:100%;max-width:200px;height:auto;filter:drop-shadow(0 0 10px rgba(255, 255, 255, .1))}.svg svg path{fill:#e0e0e0}.pro b.pro{-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.btn.primary.pro{color:#000;border:none;box-shadow:0 5px 15px rgba(255,0,166,.3)}.btn.primary.pro:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,0,166,.4)}.flex{display:flex;align-items:center;gap:20px;margin-bottom:30px;color:#fff}.flex img,.flex svg{width:60px;height:60px}.mention{background:rgba(255,255,255,.1);border-radius:4px;margin-left:5px;font-size:.9em}.cont.fade{background-color:inherit;background-image:linear-gradient(to bottom,rgba(255,255,255,.02),#000);padding:150px 20px;flex-direction:column;text-align:center}.cont.fade .section{align-items:center}.cont.fade h1{font-size:4rem;font-weight:800;margin:30px 0;background:linear-gradient(135deg,#fff 0,#a5b4fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cont.fade img{width:80px;height:80px;filter:drop-shadow(0 0 20px rgba(var(--r), var(--g), var(--b), .5))}.footer{background:#050507;padding:60px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.footer #title{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;font-size:2rem;font-weight:700}.footer #logo{width:60px;height:60px}.footer-links{display:flex;justify-content:center;gap:30px;margin-bottom:30px;font-size:1.1rem}.footer-links a{color:#888;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.copyright{color:#555;font-size:.9rem}@media (max-width:900px){.cont{flex-direction:column;text-align:center;gap:40px;padding:60px 20px}.cont:nth-child(2n){flex-direction:column-reverse}.section{align-items:center}.section h2{font-size:2.5rem}.grid{grid-template-columns:repeat(3,1fr)}.grid.xs img{height:80px}}