@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Rubik&display=swap);html{height:100%}body,html{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:#000;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.background-container{height:120%;left:-10%;overflow:hidden;position:fixed;top:-10%;width:120%;z-index:-1}.background-image{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-image:url(/static/media/backgroundguerrilla.053707b0bda5b774e1c3.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;transform:scale(1.2);transform:translateZ(0) scale(1.2);width:100%;will-change:transform}#root{position:relative;z-index:1}@supports not (background-image:url("./images/backgroundguerrilla.webp")){.background-image{background-image:url(/static/media/backgroundguerrilla.91acc15fd550105b81f9.jpg)}}@media (max-width:768px){.background-image{background-image:url(/static/media/mobilebackground.3c18988431659c8dcf9f.webp)}@supports not (background-image:url("./images/mobilebackground.webp")){.background-image{background-image:url(/static/media/mobilebackground.d89c1372d3b2544b742e.jpg)}}body{background-color:#000}}.card{box-shadow:2px 2px 0 0 #70a366;color:#444;margin:40px auto;overflow:hidden;position:relative;width:600px;z-index:1}.card:before{background-color:#94be90;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0;z-index:-1}h2{font-family:Roboto Slab;margin:0;padding:20px;text-align:center}img{animation:grow .6s;border-radius:50px;float:left;height:200px;width:200px;z-index:1}.bio,img{margin:20px;position:relative}.bio{font-family:Rubik,sans-serif}.bio,.p{animation:typewriter 6s steps(150) forwards}.p{color:#000}.contact-container{margin:2rem auto;max-width:600px;padding:2rem;position:relative;width:90%}.contact-container h1{color:#fff;font-size:2.5rem;margin-bottom:2rem;text-align:center}.contact-container:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.contact-form{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:400px;width:100%}.form-group{position:relative;transition:all .3s ease;width:100%}.form-group label{color:#fff;display:block;font-size:1rem;margin-bottom:.5rem;transform-origin:left;transition:all .3s ease}.form-group input,.form-group select,.form-group textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23fff' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.form-group select option{background:#1a1835;color:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 0 2px #ffffff1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.error-message{color:#ff6b6b;font-size:.8rem;margin-top:.5rem;opacity:0;transform:translateY(-10px);transition:all .3s ease}.error-message.visible{opacity:1;transform:translateY(0)}.char-count{bottom:-1.5rem;color:#fff9;font-size:.8rem;position:absolute;right:0}.submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:3.5rem;justify-content:center;margin-top:1rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease;width:100%}.submit-button:disabled{background:linear-gradient(135deg,#4a5568,#2d3748);cursor:not-allowed;opacity:.7}.submit-button:not(:disabled):hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.submit-button:after{background:linear-gradient(135deg,#fff3,#fff0);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.submit-button:not(:disabled):hover:after{transform:translateX(100%)}.recaptcha-container{background:#0000;display:flex;justify-content:center;margin:1rem 0;min-height:78px;width:100%;z-index:1}.recaptcha-container iframe,.recaptcha-container>div{margin:0 auto}@media (max-width:400px){.recaptcha-container{transform:scale(.85);transform-origin:center}.contact-container{padding:1.5rem}.contact-container h1{font-size:2rem}}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;margin-left:.75rem;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.success-message{animation:fadeIn .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0c22b3;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px 0 #0000005e;margin:2rem auto;max-width:600px;padding:2.5rem;text-align:center}.success-message h2{color:#fff;font-size:2.5rem;font-weight:600;margin-bottom:1rem}.success-message p{color:#fffc;font-size:1.1rem;line-height:1.6;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-group{animation:slideIn .5s ease forwards;opacity:0}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0c224d;border-top:1px solid #ffffff1a;padding:4rem 2rem}.social-links{display:flex;gap:2rem;justify-content:center;margin-bottom:3rem}.social-links a{color:#fffc;font-size:1.5rem;transition:all .3s ease}.social-links a:hover{color:#fff;transform:translateY(-3px)}.copyright{color:#fff9;font-size:.9rem;margin-top:3rem;text-align:center}.copyright p{margin:.5rem 0}.brand{color:#fff;font-weight:600}@media (max-width:768px){.footer{padding:3rem 1rem}.social-links{gap:1.5rem}.social-links a{font-size:1.25rem}}.newsletter-container{animation:fadeIn .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0c22b3;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px 0 #0000005e;margin:2rem auto;max-width:600px;padding:2.5rem;text-align:center}.newsletter-container h2{color:#fff;font-size:2rem;font-weight:600;margin-bottom:1.5rem}.newsletter-form{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:400px}.newsletter-form-group{animation:slideIn .5s ease forwards;position:relative;width:100%}.newsletter-form-group:first-child{animation-delay:.1s}.newsletter-form-group:nth-child(2){animation-delay:.2s}.newsletter-form-group input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.newsletter-form-group input:focus{background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 0 2px #ffffff1a;outline:none}.newsletter-form-group input::placeholder{color:#ffffff80}.newsletter-submit{align-items:center;animation:slideIn .5s ease forwards;animation-delay:.3s;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:3.5rem;justify-content:center;margin-top:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.newsletter-submit:disabled{background:linear-gradient(135deg,#4a5568,#2d3748);cursor:not-allowed;opacity:.7}.newsletter-submit:not(:disabled):hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.newsletter-submit:after{background:linear-gradient(135deg,#fff3,#fff0);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.newsletter-submit:not(:disabled):hover:after{transform:translateX(100%)}.newsletter-success{animation:fadeIn .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0c22b3;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px 0 #0000005e;margin:2rem auto;max-width:600px;padding:2.5rem;text-align:center}.newsletter-success h3{color:#fff;font-size:2rem;font-weight:600;margin-bottom:1rem}.newsletter-success p{color:#fffc;font-size:1.1rem;line-height:1.6;margin:0}@media (max-width:400px){.newsletter-container{padding:1.5rem}.newsletter-container h2{font-size:1.75rem}}