*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;overflow-x:hidden}.landing-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #4b5320 0%, #7d7f6d 50%, #b2b09b 100%);overflow:hidden}.background-animation{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.4;animation:float 20s ease-in-out infinite}.gradient-orb.orb-1{width:500px;height:500px;background:linear-gradient(135deg, #4b5320 0%, #6b7158 100%);top:-250px;left:-250px;animation-delay:0s}.gradient-orb.orb-2{width:400px;height:400px;background:linear-gradient(135deg, #9c9a82 0%, #b2b09b 100%);bottom:-200px;right:-200px;animation-delay:7s}.gradient-orb.orb-3{width:350px;height:350px;background:linear-gradient(135deg, #7d7f6d 0%, #c0beaa 100%);top:50%;left:50%;transform:translate(-50%, -50%);animation-delay:14s}@keyframes float{0%,100%{transform:translate(0, 0) scale(1)}33%{transform:translate(100px, -100px) scale(1.1)}66%{transform:translate(-100px, 100px) scale(0.9)}}.content-wrapper{position:relative;bottom:1rem;z-index:1;text-align:center;padding:2rem;max-width:900px;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-container{margin-bottom:2rem;animation:logoFloat 3s ease-in-out infinite}.logo-animation{display:inline-block}.logo-animation svg{width:120px;height:120px;filter:drop-shadow(0 10px 30px rgba(0,0,0,0.3));transition:transform 0.3s ease}@keyframes logoFloat{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}.main-title{font-size:clamp(2.5rem, 10vw, 5rem);font-weight:800;color:white;margin-bottom:1rem;letter-spacing:-0.02em;text-shadow:0 10px 40px rgba(0,0,0,0.3);animation:titlePulse 2s ease-in-out infinite}.main-title .title-word{display:inline-block;animation:wordSlideIn 0.8s ease-out}.main-title .title-word:first-child{animation-delay:0.2s}.main-title .title-word.accent{background:white;background-clip:text;-webkit-background-clip:text;animation-delay:0.4s}@keyframes wordSlideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes titlePulse{0%,100%{text-shadow:0 10px 40px rgba(0,0,0,0.3)}50%{text-shadow:0 10px 60px rgba(0,0,0,0.5)}}.subtitle{font-size:clamp(1.1rem, 3vw, 1.5rem);color:rgba(255,255,255,0.95);margin-bottom:3rem;font-weight:400;letter-spacing:0.02em;animation:fadeIn 1s ease-out 0.6s both;text-shadow:0 2px 10px rgba(0,0,0,0.2)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes iconBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.cta-button{display:inline-flex;align-items:center;gap:0.75rem;padding:1.25rem 3rem;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg, #5B7C5B 0%, #486248 50%, #364836 100%);color:#f1efdf;border:none;border-radius:50px;text-decoration:none;cursor:pointer;transition:all 0.3s ease;box-shadow:0 10px 40px rgba(0,0,0,0.2);position:relative;overflow:hidden;animation:fadeIn 1s ease-out 1s both}.cta-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);transition:left 0.5s}.cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 20px 60px rgba(0,0,0,0.3)}.cta-button:hover::before{left:100%}.cta-button:hover .button-arrow{transform:translateX(5px)}.cta-button:active{transform:translateY(-1px) scale(1.02)}.cta-button .button-text{position:relative;z-index:1}.cta-button .button-arrow{font-size:1.5rem;transition:transform 0.3s ease;position:relative;z-index:1}@media (max-width: 768px){.content-wrapper{padding:3rem 1rem 1rem;bottom:0}.logo-container{margin-bottom:1.5rem}.features-grid{gap:1rem}.feature-item{min-width:120px;padding:1rem 1.5rem}.cta-button{padding:1rem 2rem;font-size:1rem}.logo-animation svg{width:80px;height:80px}.cta-buttons{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.cta-button{width:100%}.landing-footer{font-size:0.85rem;margin-top:.5rem}}@media (max-width: 400px){.content-wrapper{padding:2rem 0.75rem 0.75rem;bottom:0}.logo-container{margin-bottom:1rem}.logo-animation svg{width:60px;height:60px}.main-title{font-size:clamp(2rem, 8vw, 3rem);margin-bottom:0.75rem}.subtitle{font-size:clamp(0.9rem, 2.5vw, 1.1rem);margin-bottom:1.5rem}.cta-buttons{gap:0.75rem;margin-bottom:1rem}.cta-button{padding:0.85rem 1.5rem;font-size:0.9rem}.landing-footer{margin-top:0.5rem;padding-top:1rem;font-size:0.75rem}.landing-footer .separator{margin:0 0.5rem}}.cta-buttons{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:3rem;animation:fadeIn 1s ease-out 1s both}.cta-button.secondary{background:transparent;color:white;border:2px solid rgba(255,255,255,0.3);box-shadow:none}.cta-button.secondary:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.6);box-shadow:0 10px 30px rgba(0,0,0,0.2)}.landing-footer{margin-top:2rem;padding-top:2rem;animation:fadeIn 1.2s ease-out 1.2s both}.landing-footer p{color:rgba(255,255,255,0.7);font-size:0.95rem;margin:0}.landing-footer a{color:rgba(255,255,255,0.9);text-decoration:none;transition:color 0.3s ease;font-weight:500}.landing-footer a:hover{color:white;text-decoration:underline}.landing-footer .separator{margin:0 1rem;opacity:0.5}.title-word{font-family:"Domine", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}
