@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--navy-100:#e0e6ed;--navy-300:#8aa9c4;--navy-500:#3a506b;--navy-700:#1c2541;--navy-900:#0b132b;--black:#000;--white:#fff;--glass:#0b132b66;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;overflow-x:hidden}.btn{cursor:pointer;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;padding:1rem 2.5rem;font-family:inherit;font-size:1.125rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(270deg, var(--navy-500), var(--navy-700), #4a658a, var(--navy-500));color:var(--white);background-size:300% 300%;border:1px solid #ffffff1a;animation:4s infinite gradientLoop;box-shadow:0 4px 15px #1c254166}@keyframes gradientLoop{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #3a506b99}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--navy-900);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #ffffff4d;padding:.75rem 2.5rem .75rem 1rem;font-weight:600}.wa-icon-wrapper{background-color:var(--navy-900);width:32px;height:32px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:.75rem;display:flex;box-shadow:0 2px 5px #0003}.btn-secondary:hover{background:#fff9;border-color:#fffc;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.btn-secondary:active{transform:translateY(0)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:#0b132be6;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:500px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 25px 50px -12px #00000080}.modal-close{color:var(--navy-300);cursor:pointer;background:0 0;border:none;font-size:32px;line-height:1;transition:color .2s;position:absolute;top:20px;right:20px}.modal-close:hover{color:var(--white)}.modal-header{text-align:center;margin-bottom:30px}.modal-header h2{background:linear-gradient(to right, #fff, var(--navy-300));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:24px;font-weight:700}.modal-header p{color:var(--navy-300);font-size:14px}.modal-form{flex-direction:column;gap:20px;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--navy-300);font-size:12px;font-weight:600}.form-group input,.form-group select{color:var(--white);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:14px 16px;font-family:inherit;font-size:16px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--navy-500);background:#ffffff1a;outline:none;box-shadow:0 0 0 4px #3a506b33}.form-group select option{background:var(--navy-900);color:var(--white)}.btn-block{width:100%;margin-top:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@media (width<=480px){.modal-content{padding:30px 20px}}.hero-scroll-container{background:var(--bg-dark);height:450vh;position:relative;overflow:clip}.hero-sticky-viewport{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;left:0;overflow:hidden}.hero-background,.hero-content,.hero-statement{justify-content:center;align-items:center;width:100%;height:100%;padding:0 5%;display:flex;position:absolute;inset:0}.hero-background{z-index:1;background:#000}.hero-static-bg{z-index:1;opacity:1;background:url(/bg-ondas.jpg) 50%/cover no-repeat;position:absolute;inset:0}.hero-canvas{object-fit:cover;z-index:2;opacity:0;width:100%;height:100%;transition:opacity 1.5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.hero-canvas.fade-in{opacity:1}.hero-overlay{z-index:2;pointer-events:none;background:#00000059 radial-gradient(circle,#0000 0%,#0006 100%);position:absolute;inset:0}.hero-content{z-index:5;pointer-events:none}.hero-content-inner{text-align:center;pointer-events:auto;will-change:transform, opacity, filter;width:100%;max-width:1200px}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.2em;color:#fff;opacity:0;background:#ffffff0d;border:1px solid #fff3;border-radius:100px;margin-bottom:24px;padding:8px 16px;font-size:.75rem;animation:1s cubic-bezier(.16,1,.3,1) forwards slideUp;display:inline-block;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:0 4px 15px #0000004d}.hero-badge:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:50%;height:100%;animation:4s linear 1.5s infinite shine;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.hero-title{color:#fff;letter-spacing:-.02em;opacity:0;margin-bottom:16px;font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1.1;animation:1s cubic-bezier(.16,1,.3,1) .1s forwards slideUp;transform:translateY(40px)}.hero-subtitle{color:#fff;opacity:0;margin-bottom:40px;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:300;animation:1s cubic-bezier(.16,1,.3,1) .2s forwards slideUp;transform:translateY(40px)}.hero-actions{opacity:0;flex-wrap:wrap;justify-content:center;gap:16px;animation:1s cubic-bezier(.16,1,.3,1) .4s forwards slideUp;display:flex;transform:translateY(40px)}.wa-icon-wrapper{align-items:center;margin-right:8px;display:inline-flex}@keyframes shine{0%{left:-100%}20%{left:150%}to{left:150%}}.hero-statement{z-index:6;pointer-events:none;opacity:0}.hero-statement-inner{text-align:center;width:100%;max-width:1600px}.statement-text{color:#fff;max-width:1600px;margin:0 auto;font-size:clamp(2rem,4.2vw,3.2rem);font-weight:600;line-height:1.4}.statement-word{margin-right:.25em}.statement-char{opacity:0;will-change:opacity;display:inline-block}@media (width<=768px){.hero-scroll-container{height:400vh}.hero-actions{flex-direction:column;width:100%;max-width:280px;margin:0 auto}.hero-title{font-size:3.5rem}.statement-text{text-align:center;max-width:100%;font-size:2.2rem}}.projects-scroll-container{z-index:20;height:450vh;margin-top:-120vh;position:relative}.projects-drop-shadow-wrapper{width:100%;height:100vh;position:sticky;top:0}.projects-circle-wrapper{background-color:var(--black);clip-path:circle(0);will-change:clip-path, -webkit-clip-path;backface-visibility:hidden;flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden;transform:translateZ(0)}.projects-content-wrapper{will-change:transform;flex-direction:column;align-items:center;width:100%;padding-top:35vh;display:flex}.projects-title{letter-spacing:-.04em;background:linear-gradient(135deg, #fff 0%, var(--navy-300) 40%, var(--navy-700) 80%, #fff 100%);-webkit-text-fill-color:transparent;opacity:1;will-change:background-position;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;padding:.1em;font-size:clamp(4rem,12vw,9rem);font-weight:700;line-height:1.1;animation:8s infinite gradientTitleLoop;transform:translateY(0)}@keyframes gradientTitleLoop{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 0}}.projects-grid{grid-template-columns:repeat(2,1fr);gap:3rem;width:90%;max-width:1200px;margin:30vh auto 0;padding-bottom:5vh;display:grid}.project-card{aspect-ratio:16/9;opacity:0;will-change:transform, opacity;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;height:auto;text-decoration:none;display:flex;position:relative;overflow:hidden;transform:perspective(1000px)rotateX(45deg)scale(.8);box-shadow:0 10px 40px #000c}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.project-overlay{-webkit-backdrop-filter:blur(4px);opacity:0;text-align:center;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-image{transform:scale(1.1)}.project-card-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.8rem;font-weight:600}.project-info{flex-direction:column;align-items:center;gap:1.5rem;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(20px)}.project-card:hover .project-info{transform:translateY(0)}.project-arrow-circle{color:#fff;background:#ffffff0d;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex}.project-arrow-icon{transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-arrow-circle{color:#000;background:#fff;border-color:#fff;transform:scale(1.1)}.project-card:hover .project-arrow-icon{transform:rotate(45deg)}@media (width<=768px){.projects-grid{grid-template-columns:1fr;gap:2rem}.project-card-title{font-size:1.4rem}.project-arrow-circle{width:40px;height:40px}}.features-scroll-container{z-index:30;pointer-events:none;height:350vh;margin-top:-100vh;position:relative}.features-solid-bg{background:linear-gradient(to bottom, var(--black) 0%, var(--navy-900) 25vh, var(--navy-900) 100%);z-index:-2;width:100%;height:calc(100% - 100vh);position:absolute;top:100vh;left:0}.features-sticky-wrapper{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.feature-text{letter-spacing:-.04em;text-align:center;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:0 2rem;width:100%;margin:0;padding:0;font-size:clamp(4rem,10vw,8rem);font-weight:700;line-height:1.1;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feature-word{opacity:0;background:linear-gradient(180deg, #fff 0%, var(--navy-300) 100%);will-change:transform, opacity, filter;filter:blur(10px);-webkit-background-clip:text;background-clip:text;padding:.1em;display:inline-block;transform:translateY(-150px)scale(1.2)}.feature-orb{filter:blur(120px);z-index:-1;opacity:.5;mix-blend-mode:screen;border-radius:50%;position:absolute}.orb-1{background:#3b82f6;width:45vw;height:45vw;animation:8s ease-in-out infinite alternate orbMove1;top:-10%;left:-10%}.orb-2{background:#06b6d4;width:40vw;height:40vw;animation:10s ease-in-out infinite alternate orbMove2;bottom:-20%;right:-10%}.orb-3{background:#60a5fa;width:30vw;height:30vw;animation:6s ease-in-out infinite alternate orbMove3;top:30%;left:50%}@keyframes orbMove1{0%{transform:translate(0)scale(1)}to{transform:translate(30vw,20vh)scale(1.1)}}@keyframes orbMove2{0%{transform:translate(0)scale(1)}to{transform:translate(-20vw,-30vh)scale(1.2)}}@keyframes orbMove3{0%{transform:translate(-50%)scale(1)}to{transform:translate(-10vw,-20vh)scale(.9)}}.footer-scroll-container{z-index:10;background-color:var(--black);justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.footer-video-bg{object-fit:cover;z-index:1;opacity:.5;width:100%;height:100%;position:absolute;top:0;left:0}.footer-content{z-index:2;text-align:right;flex-direction:column;align-items:flex-end;padding:2rem 5vw 2rem 2rem;display:flex;position:relative}.footer-title{color:var(--white);letter-spacing:-.04em;margin-bottom:1rem;font-size:clamp(3rem,6vw,6rem);font-weight:700;line-height:1}.footer-subtitle{color:#ffffffb3;max-width:600px;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:300}.footer-bottom-links{z-index:10;justify-content:flex-end;display:flex;position:absolute;bottom:30px;right:5vw}.footer-link{color:#fff6;font-size:1rem;font-weight:400;text-decoration:none;transition:color .3s}.footer-link:hover{color:var(--white)}@media (width<=768px){.footer-content{text-align:center;align-items:center;padding-right:2rem}.footer-bottom-links{justify-content:center;width:100%;left:50%;right:auto;transform:translate(-50%)}}.admin-container{color:#fff;background:#121212;min-height:100vh;padding:2rem;font-family:Outfit,sans-serif}.admin-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.admin-header h1{color:#3b82f6;font-size:1.8rem;font-weight:700}.admin-toast{background:#3b82f6;border-radius:5px;padding:.5rem 1rem}.admin-section{background:#1e1e1e;border-radius:10px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 10px #0000004d}.admin-section h2{color:#8aa9c4;margin-bottom:1rem;font-size:1.2rem}.admin-form{flex-direction:column;gap:1rem;display:flex}.form-group label{color:#ccc;font-size:.9rem}.admin-container input,.admin-container textarea{color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:5px;padding:.8rem}.btn-save,.btn-add{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:5px;padding:.8rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.projects-admin-list{flex-direction:column;gap:1rem;display:flex}.admin-project-card{background:#252525;border-radius:8px;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem;display:flex}.proj-preview{background:#1a1a1a;border-radius:8px;justify-content:center;align-items:center;width:120px;height:68px;display:flex;overflow:hidden}.admin-thumb{object-fit:cover;width:100%;height:100%}.thumb-placeholder{color:#666;font-size:.7rem}.proj-edit-grid{flex:1;grid-template-columns:2fr 2fr 2fr 1fr;gap:.8rem;display:grid}.upload-label{text-align:center;cursor:pointer;background:#333;border:1px dashed #555;border-radius:5px;padding:.8rem;font-size:.9rem;display:block}.upload-label:hover{background:#3d3d3d;border-color:#3b82f6}.admin-footer{margin-top:2rem}.btn-back{color:#3b82f6;font-weight:500;text-decoration:none;display:inline-block}.login-container{background:#000;justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:Outfit,sans-serif;display:flex}.login-box{text-align:center;background:#111;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:450px;padding:3rem;box-shadow:0 20px 60px #00000080}.login-box h1{color:#fff;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.login-box p{color:#888;margin-bottom:2.5rem;font-size:.95rem}.login-box form{text-align:left;flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.6rem;display:flex}.form-group label{color:#ccc;margin-left:.5rem;font-size:.85rem;font-weight:500}.login-box input{color:#fff;background:#1a1a1a;border:1px solid #ffffff14;border-radius:12px;padding:1rem 1.2rem;font-size:1rem;transition:all .3s}.login-box input:focus{background:#252525;border-color:#3b82f6;outline:none}.btn-login{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:transform .2s,background .2s}.btn-login:hover{background:#2563eb;transform:translateY(-2px)}.btn-login:disabled{color:#666;cursor:not-allowed;background:#2a2a2a;transform:none}.login-error{color:#f87171;background:#f871711a;border:1px solid #f8717133;border-radius:8px;margin-top:1.5rem;padding:.8rem;font-size:.9rem}.login-footer{margin-top:2rem}.login-footer a{color:#888;font-size:.85rem;text-decoration:none;transition:color .2s}.login-footer a:hover{color:#fff}.privacy-container{color:#fff;background:#000;max-width:900px;min-height:100vh;margin:0 auto;padding:4rem 2rem;font-family:Outfit,sans-serif}.privacy-header{text-align:center;border-bottom:2px solid #ffffff1a;margin-bottom:3rem;padding-bottom:2rem}.privacy-header h1{background:linear-gradient(135deg,#fff 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.privacy-header p{color:#888;font-size:.9rem}.privacy-content{flex-direction:column;gap:2.5rem;display:flex}.privacy-content h2{color:#3b82f6;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.privacy-content p,.privacy-content ul{color:#ccc;font-size:1rem;line-height:1.8}.privacy-content ul{padding-left:1.5rem}.privacy-content li{margin-bottom:.5rem}.privacy-footer{text-align:center;margin-top:4rem}.btn-back{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-back:hover{background:#3b82f6;border-color:#3b82f6;transform:translateY(-2px)}