@charset "UTF-8";:root{--primary-color: #01f701;--black: #000000;--white: #ffffff}:root .text-primary{color:#01f701!important}:root .text-bg-success{color:#000;background-color:#01f701;font-size:1.2rem}:root .text-bg-danger{color:#000;background-color:red;font-size:1.2rem}:root .btn{border:5px solid #000!important;border-radius:0!important}:root .btn:hover{transform:scale(1.05)!important}body{color:#000!important;background-color:#fff!important;font-family:Inter,sans-serif!important;font-size:16px!important;line-height:1.6!important}h1,h2,h3,h4{font-family:Oswald,sans-serif!important;font-weight:500!important;color:#111!important}.border-5{border:5px solid #000!important}.text-lime{color:#01f701!important}.itl-top-margin{margin-top:80px}.fade-out{opacity:0;transform:translate(100%);transition:all .5s ease}.x-twitter{width:24px;height:24px;fill:#fff}.x-twitter:hover{fill:#01f701}.li-newsletter{border-left:2px solid lime;padding-left:.6rem;margin-top:2rem}.artic-globe{background-image:url(/build/assets/globe-B0OanRj0.png);background-size:50%;background-repeat:no-repeat;background-position:1000px 20px;animation:globePulse 250s linear infinite;min-height:500px;position:absolute;z-index:0;right:0}@keyframes globePulse{0%{background-size:50%}to{background-size:100%}}.square-btn{color:#fff;padding:.6rem;border-radius:6px;display:flex;width:50px;height:50px;justify-content:center;align-items:center}.scale:hover{transform:scale(1.05);transition:transform .3s ease}.circle-icon{display:flex;align-items:center;justify-content:center}.itl-top-margin{margin-top:100px}.border-text{color:#39ff14;text-shadow:-1px -1px 0 #000,1px -1px #000,-1px 1px 0 #000,1px 1px #000;letter-spacing:2px}.text-shadow{text-shadow:1px 1px 3px rgba(0,0,0,.09)}.slash-divider{width:100%;height:100px}.left-to-right{clip-path:polygon(0 0,100% 100%,100% 0)}.up{clip-path:polygon(3px 100%,100% 100%,100% 0px)}.next-picture{width:100%;height:150px;background:#8e2a9b;background:linear-gradient(103deg,#8e2a9b 35%,#ffd900 79%)}.animated-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:linear-gradient(45deg,#01f7010d,#01f70105)}.animated-background .grid{position:absolute;width:200%;height:200%;background-image:linear-gradient(to right,rgba(1,247,1,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(1,247,1,.1) 1px,transparent 1px);background-size:50px 50px;transform:rotate(-45deg);animation:gridAnimation 20s linear infinite}.animated-background .particles{position:absolute;width:100%;height:100%}.animated-background .particles:before,.animated-background .particles:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(1,247,1,.1) 0%,transparent 70%);animation:particleAnimation 15s ease-in-out infinite alternate}.animated-background .particles:after{animation-delay:-7.5s;opacity:.5}@keyframes gridAnimation{0%{transform:rotate(-45deg) translateY(0)}to{transform:rotate(-45deg) translateY(-50px)}}@keyframes particleAnimation{0%{transform:scale(1) translate(0)}50%{transform:scale(1.2) translate(20px,20px)}to{transform:scale(1) translate(-20px,-20px)}}h1,h2,h3,h4,h5,h6{font-weight:500}.post-content{line-height:35px}.btn-primary{background-color:#01f701!important;border-color:#01f701!important;color:#000!important;transition:transform .3s ease!important;position:relative!important;z-index:1!important}.hero{padding-top:80px;position:relative}.hero .container{position:relative;z-index:1}.iphone-container{position:relative;width:100%;max-width:300px;margin:0 auto;perspective:1000px}.iphone-3d{position:relative;width:100%;padding-bottom:200%;transform-style:preserve-3d}.iphone-face{position:absolute;width:100%;height:100%;background-color:#000;border-radius:40px;backface-visibility:visible}.iphone-front{transform:translateZ(10px)}.iphone-front .iphone-screen{position:absolute;top:20px;left:10px;right:10px;bottom:20px;background-color:#fff;border-radius:30px;overflow:hidden}.iphone-back .camera{position:absolute;top:20px;left:50%;transform:translate(-50%);width:40px;height:40px;background:radial-gradient(circle at center,#000000 0%,#000000 50%,transparent 50%);border-radius:50%}.iphone-back .logo{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:60px;height:60px;background-color:#000;border-radius:50%}.iphone-top{transform:rotateX(90deg) translateZ(10px);height:20px;top:0}.iphone-bottom{transform:rotateX(-90deg) translateZ(10px);height:20px;bottom:0}.iphone-bottom .port{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:10px;background-color:#000;border-radius:5px}.iphone-left{transform:rotateY(-90deg) translateZ(10px);width:20px;left:0}.iphone-left .button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:30px;background-color:#000;border-radius:2px}.iphone-right{transform:rotateY(90deg) translateZ(10px);width:20px;right:0}.iphone-right .button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:30px;background-color:#000;border-radius:2px}.fade-out{opacity:0;transition:opacity 1s ease-out}.avatar-icon{background-color:var(--bs-form-valid-border-color);color:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:1.5rem}.app-interface{position:relative;width:100%;height:100%;background:linear-gradient(45deg,#fff);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#000;overflow:hidden}.app-header{background-color:#01f701;padding:10px 15px;border-bottom:1px solid rgba(0,0,0,.1)}.app-header .status-bar{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:10px}.app-header .status-bar .icons{display:flex;gap:5px}.app-header .status-bar .icons i{font-size:14px}.app-header .header-content{display:flex;justify-content:space-between;align-items:center}.app-header .header-content h2{font-size:20px;margin:0}.app-header .header-content i{font-size:24px;color:#01f701}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity 1s ease-in-out;background-color:#fff;box-shadow:#26394d 0 20px 30px -10px;max-width:90%;padding:.5rem;border-radius:16px;margin:0 auto 65px}.loading-spinner{width:25px;height:25px;border:5px solid #01f701;border-top:5px solid #000000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{font-size:.7rem;font-weight:600;color:#000}.loading-container.fade-in{opacity:1;transition:opacity 1s ease-in-out}.app-list{flex:1;overflow-y:auto;padding:10px}.app-list .list-item{display:flex;align-items:center;padding:12px;border-bottom:1px solid rgba(0,0,0,.05);transition:background-color .2s ease}.app-list .list-item:hover{background-color:#00000005}.app-list .list-item .avatar{width:50px;height:50px;border-radius:25px;overflow:hidden;margin-right:12px}.app-list .list-item .avatar img{width:100%;height:100%;object-fit:cover}.app-list .list-item .content{flex:1;max-width:130px}.app-list .list-item .content h3{font-size:16px;margin:0 0 4px}.app-list .list-item .content p{font-size:14px;color:#0009;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-list .list-item .time{font-size:12px;color:#0006;margin-left:10px}.app-action{padding:15px;background-color:#fffffff2;border-top:1px solid rgba(0,0,0,.1)}.app-action .action-button{width:100%;padding:12px;background-color:#01f701;color:#000;border:none;border-radius:25px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .2s ease}.app-action .action-button:hover{transform:scale(1.02)}.app-action .action-button i{font-size:20px}.platform-icon{text-align:center;transition:all .8s cubic-bezier(.34,1.56,.64,1);border:5px solid #000;width:150px;height:150px;justify-content:center;align-items:center;display:flex;border-radius:15px;background-color:#fff;font-weight:700;flex-direction:column;box-shadow:#26394d 0 20px 30px -10px;animation:bounce 2s ease-in-out infinite}.platform-icon i{font-size:4rem;color:#000;margin-bottom:.5rem}.platform-icon.scale{transform:rotate(-20deg);transition:transform .8s cubic-bezier(.34,1.56,.64,1)}.platform-icon.scale:hover{transform:rotate(-20deg) scale(1.1)!important}.platform-icon:not(.scale):hover{transform:scale(1.1)}.app-showcase{align-items:center;display:flex;justify-content:center}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.platform-icon.android{animation:bounceRotated 2s ease-in-out infinite}@keyframes bounceRotated{0%,to{transform:rotate(-20deg) translateY(0)}50%{transform:rotate(-20deg) translateY(-10px)}}.portfolio-card{border:5px solid #000000!important;transition:all .3s ease}.portfolio-card:hover{transform:scale(1.05);box-shadow:0 10px 20px #0000001a}.portfolio-card .tech-stack{margin-top:1rem}.portfolio-card .tech-stack i{font-size:1.5rem;margin-right:.5rem;color:#01f701}.metric-card{background:#fff;border-radius:0;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease;border:5px solid #000000}.metric-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.metric-card i{color:#01f701}.metric-card h3{font-size:2.5rem;font-weight:700;color:#000;margin:1rem 0}.metric-card p{color:#000;font-size:1.1rem}.toast-itlaguna{border:5px solid #000!important;border-radius:0!important;box-shadow:#26394d 0 20px 30px -10px!important}.form-control-x{border:5px solid #000000!important;border-radius:0!important;padding:.75rem!important}.contact-form .form-control,.contact-form .form-select{border:5px solid #000000;border-radius:0!important;padding:.75rem}.contact-form .form-control:focus,.contact-form .form-select:focus{border-color:#01f701;box-shadow:none}@keyframes interfaceAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.navbar .navbar-brand{font-size:1.5rem}.navbar .nav-link{font-size:1.5rem;font-weight:700;color:#000;transition:color .3s ease}.navbar .nav-link:hover{color:#01f701}footer .text-primary{color:#01f701!important}footer a{transition:color .3s ease}footer a:hover{color:#01f701!important}.whatsapp-modal{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;transform:translate(100%);transition:transform .3s ease-in-out;z-index:1000}.whatsapp-modal.active{transform:translate(0)}.whatsapp-modal .modal-content{height:100%;display:flex;flex-direction:column}.whatsapp-modal .modal-header{background-color:#01f701;color:#000;padding:15px;display:flex;justify-content:space-between;align-items:center}.whatsapp-modal .modal-header .header-left{display:flex;align-items:center;gap:15px}.whatsapp-modal .modal-header .header-left .back-button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;display:flex;align-items:center}.whatsapp-modal .modal-header .header-left h3{margin:0;font-size:18px;font-weight:500}.whatsapp-modal .modal-header .header-right i{font-size:20px;cursor:pointer}.whatsapp-modal .search-bar{background-color:#fff;padding:10px 15px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(0,0,0,.1)}.whatsapp-modal .search-bar i{color:#075e54;font-size:18px}.whatsapp-modal .search-bar input{flex:1;border:none;background:none;font-size:16px;color:#000;outline:none}.whatsapp-modal .search-bar input::placeholder{color:#00000080}.whatsapp-modal .contacts-list{flex:1;overflow-y:auto;background-color:#fff}.whatsapp-modal .contacts-list .contact-item{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer;transition:background-color .2s ease}.whatsapp-modal .contacts-list .contact-item:hover{background-color:#00000005}.whatsapp-modal .contacts-list .contact-item .avatar{width:50px;height:50px;border-radius:25px;overflow:hidden;margin-right:15px}.whatsapp-modal .contacts-list .contact-item .avatar img{width:100%;height:100%;object-fit:cover}.whatsapp-modal .contacts-list .contact-item .contact-info{flex:1}.whatsapp-modal .contacts-list .contact-item .contact-info h4{margin:0 0 4px;font-size:16px;font-weight:500;color:#000}.whatsapp-modal .contacts-list .contact-item .contact-info p{margin:0;font-size:14px;color:#0009}.typewriter-text{min-height:2.5em;font-size:1.5rem;font-weight:500;color:#000;display:inline-block;position:relative}.typewriter-text .Typewriter__cursor{color:#01f701;font-weight:700;display:inline-block}.typewriter-text .Typewriter__wrapper{display:inline-block}.navbar{transition:all .3s ease;background-color:#fff0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.navbar.custom-navbar{background-color:#ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a}.navbar.custom-navbar .navbar-brand{color:#01f701;transition:color .3s ease}.navbar.custom-navbar .nav-link{color:#000;transition:color .3s ease}.navbar.custom-navbar .nav-link:hover{color:#01f701}.navbar .navbar-brand,.navbar .nav-link{transition:color .3s ease}.hover-card{width:300px;height:200px;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;border:none;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a}.hover-card:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;z-index:-1;border-radius:12px;background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-size:400% 400%;opacity:0;transition:opacity .3s ease}.hover-card:hover{transform:scale(1.5);z-index:10;box-shadow:0 15px 30px #0000004d,0 0 40px #ffffff80 inset}.hover-card:hover:before{opacity:1;animation:borderAnimation 1.5s linear infinite,gradientFlow 1.5s ease infinite}.trap-label{clip-path:polygon(0px 55px,170px 60px,220px 25px,50px 20px);width:100%;height:100px}.bg-lime-theme{background-color:#4c34f445}.trap-label-app{position:absolute;bottom:-160px;z-index:1;width:230px}@keyframes borderAnimation{0%{clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%)}25%{clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%)}50%{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}75%{clip-path:polygon(100% 0%,100% 100%,0% 100%,0% 100%)}to{clip-path:polygon(0% 0%,0% 100%,0% 100%,0% 0%)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.hero{text-align:center;padding-top:120px}.iphone-container{margin-top:2rem}.metric-card{margin-bottom:1rem}.navbar{background-color:#fff!important}.navbar-toggler{border:5px solid #000000!important;border-radius:0!important}.navbar-toggler:active{border:5px solid #000000!important}.navbar-toggler:focus{border:5px solid #000000!important;box-shadow:none!important}.navbar{background-color:#fff;border-bottom:5px solid #000}}
