:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--text-main:#1a1a1a;--text-muted:#666;--text-dim:#999;--accent-green:#3fb18c;--accent-pink:#ffb6c166;--accent-purple:#dda0dd66;--transition-smooth:0.5s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;background-color:var(--bg-primary);color:#1a1a1a;color:var(--text-main);font-family:Outfit,Inter,sans-serif;margin:0;overflow-x:hidden;position:relative}body:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAwIDIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZmlsdGVyIGlkPSJhIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjY1IiBudW1PY3RhdmVzPSIzIiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsdGVyPSJ1cmwoI2EpIi8+PC9zdmc+);content:"";height:100%;left:0;opacity:.06;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.blob-pink{background:radial-gradient(circle,#ffb6c166 0,#0000 70%);background:radial-gradient(circle,var(--accent-pink) 0,#0000 70%);filter:blur(60px);height:400px;left:-5%;top:10%;width:400px}.blob-pink,.blob-purple{pointer-events:none;position:fixed;z-index:-1}.blob-purple{background:radial-gradient(circle,#dda0dd66 0,#0000 70%);background:radial-gradient(circle,var(--accent-purple) 0,#0000 70%);bottom:10%;filter:blur(80px);height:500px;right:-5%;width:500px}a{color:inherit;text-decoration:none}.container{margin:0 auto;max-width:1400px;padding:0 4rem}.section{padding:6rem 0}.btn-cv{align-items:center;background:#1a1a1a;border-radius:100px;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:.8rem;padding:.6rem 1.5rem;transition:.5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.btn-cv:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:100px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.8rem 2rem;transition:.5s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.btn-primary{background:#1a1a1a;color:#fff}.btn-primary:hover{background:#333;box-shadow:0 10px 20px #0000001a;transform:translateY(-2px)}@media (max-width:768px){.container{padding:0 1.5rem}}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.whatsapp-float{align-items:center;background-color:#25d366;border:none;border-radius:50px;bottom:30px;box-shadow:0 4px 15px #25d36666;color:#fff;display:flex;font-size:30px;height:60px;justify-content:center;position:fixed;right:30px;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:60px;z-index:100}.whatsapp-float:hover{box-shadow:0 8px 25px #25d36699;transform:scale(1.1) rotate(10deg)}.whatsapp-float i{margin-top:0}.fade-in{animation:fadeIn 1s ease-in}.slide-in-left{animation:slideInLeft 1s ease-out forwards}.slide-in-right{animation:slideInRight 1s ease-out forwards}.slide-in-up{animation:slideInUp 1s ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.container{padding:0 1rem}.section{padding:3rem 0}.section-title{font-size:2rem}}.navbar-artistic{align-items:center;background:#0000;display:flex;height:100px;left:0;position:fixed;top:0;transition:var(--transition-smooth);width:100%;z-index:1000}.navbar-artistic.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #0000000d;height:80px}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 4rem;width:100%}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#1a1a1a;font-size:1.4rem;font-weight:900;gap:.8rem;letter-spacing:-.04em;text-transform:lowercase;white-space:nowrap}.logo-icon{align-items:center;background:#1a1a1a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.nav-menu-artistic{display:flex;gap:3rem;list-style:none}.nav-link{color:#1a1a1a;font-size:.9rem;font-weight:500;opacity:.7;transition:var(--transition-smooth)}.nav-link:hover{opacity:1}.menu-icon-artistic{cursor:pointer;display:none;font-size:1.5rem}@media (max-width:1024px){.navbar-container{padding:0 2rem}.nav-menu-artistic{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;flex-direction:column;gap:2.5rem;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:.6s cubic-bezier(.77,0,.175,1);width:100%;z-index:999}.nav-menu-artistic.active{right:0}.nav-link{font-size:1.5rem;font-weight:600}.navbar-actions{display:none}.menu-icon-artistic{align-items:center;display:block;display:flex;height:30px;justify-content:center;position:relative;width:30px;z-index:1000}}.footer{background:var(--bg-primary);border-top:1px solid #ffffff0d;margin-top:5rem;padding:clamp(3rem,10vh,5rem) 0 2rem}.footer-container{margin:0 auto;max-width:1300px;padding:0 5%}.footer-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:3rem;justify-content:space-between;margin-bottom:4rem}.footer-section{max-width:400px}.footer-title{color:var(--text-main);font-size:1.5rem;font-weight:800;margin-bottom:1.5rem}.footer-description{color:var(--text-muted);line-height:1.6}.social-icons{display:flex;gap:1.5rem}.social-icon{color:var(--text-muted);font-size:1.4rem;transition:var(--transition-fast)}.social-icon:hover{color:var(--accent-primary);transform:translateY(-5px)}.footer-bottom{border-top:1px solid #ffffff0d;padding-top:2rem;text-align:center}.footer-bottom p{color:var(--text-dim);font-size:.9rem}@media (max-width:768px){.footer-content{align-items:center;flex-direction:column;gap:3rem;text-align:center}.social-icons{justify-content:center}}.home-page-artistic{background-color:var(--bg-primary);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;overflow:hidden;padding-top:80px}.bg-circle{border:1px solid #0000000d;border-radius:50%;pointer-events:none;position:absolute;z-index:0}.circle-1{height:600px;right:-200px;top:-100px;width:600px}.circle-2{bottom:-50px;height:400px;left:-100px;width:400px}.social-sidebar{display:flex;flex-direction:column;gap:2rem;left:3rem;position:fixed;top:50%;transform:translateY(-50%);z-index:100}.social-sidebar a{color:#1a1a1a;font-size:1.2rem;opacity:.6;transition:var(--transition-smooth)}.social-sidebar a:hover{opacity:1;transform:scale(1.1)}.hero-artistic{align-items:center;display:flex;flex:1 1;justify-content:center;padding-bottom:5rem}.hero-center-content{position:relative;text-align:center;z-index:1}.image-frame-container{aspect-ratio:7/8;display:block;margin:0 auto;position:relative;width:min(100%,700px,61.25vh)}.hero-background-shape{background:linear-gradient(180deg,#bdccd2,#e0e6e8);border-radius:999px 999px 0 0;box-shadow:0 20px 50px #0000000d;height:62.5%;left:15%;position:absolute;top:12.5%;width:70%;z-index:0}.hero-portrait{bottom:25%;filter:grayscale(100%);height:75%;left:50%;-webkit-mask-image:linear-gradient(180deg,#000 80%,#0000);mask-image:linear-gradient(180deg,#000 80%,#0000);max-width:550px;object-fit:contain;object-position:bottom center;position:absolute;transform:translateX(-50%);transition:var(--transition-smooth);width:80%;z-index:1}.image-frame-container:hover .hero-portrait{filter:grayscale(0);transform:translateX(-50%) scale(1.02)}.green-swirl{height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%}.swirl-behind{z-index:0}.swirl-front{z-index:2}.coil-path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawCoil 1s ease-in-out forwards}.coil-1{animation-delay:0s}.coil-2{stroke-dasharray:1800;stroke-dashoffset:1800;animation-delay:1s;animation-duration:1.5s}.coil-3{animation-delay:2.5s}.coil-4{stroke-dasharray:1800;stroke-dashoffset:1800;animation-delay:3.5s;animation-duration:1.5s}.coil-5{animation-delay:5s}.coil-6{stroke-dasharray:1800;stroke-dashoffset:1800;animation-delay:6s}.coil-6,.coil-7{animation-duration:1.5s}.coil-7{animation-delay:7.5s}@keyframes drawCoil{to{stroke-dashoffset:0}}.swirl-text-path{fill:#1a1a1a;font-size:14px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.swirl-text-path textPath{animation:rotateText 30s linear infinite}@keyframes rotateText{0%{startOffset:0}to{startOffset:100%}}.hero-text-content{margin-top:clamp(-8rem,-10vh,-4rem);position:relative;z-index:5}.hero-name{color:#1a1a1a;font-size:clamp(3.5rem,10vw,8rem);font-weight:800;letter-spacing:-.02em;line-height:1;margin-bottom:.5rem}.hero-title-artistic{color:var(--text-muted);font-size:clamp(1rem,3vw,2rem);font-weight:500;letter-spacing:.5em}.trust-section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff4d;border-top:1px solid #00000008;padding:4rem 0;text-align:center}.trust-label{color:var(--text-muted);font-size:.9rem;font-weight:700;letter-spacing:.2em;margin-bottom:3rem;opacity:.8;text-transform:uppercase}.logos-marquee{overflow:hidden;padding:1rem 0;position:relative;width:100%}.logos-track{align-items:center;animation:scrollMarquee 30s linear infinite;display:flex;gap:8rem;width:max-content}.logos-track:hover{animation-play-state:paused}.logo-item{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:180px}.client-logo{filter:grayscale(100%);height:35px;opacity:.4;transition:var(--transition-smooth);width:auto}.logo-item:hover .client-logo{filter:grayscale(0);opacity:1;transform:scale(1.1)}@keyframes scrollMarquee{0%{transform:translateX(0)}to{transform:translateX(calc(-540px - 24rem))}}@media (max-width:960px){.hero-name{font-size:clamp(3rem,8vw,4.5rem)}.hero-title-artistic{font-size:1.2rem;letter-spacing:.3em}.hero-text-content{margin-top:-4rem}.circle-1,.circle-2,.social-sidebar{display:none}}@media (max-width:600px){.hero-text-content{margin-top:-2rem}.hero-title-artistic{font-size:.9rem;letter-spacing:.2em}}.about-page{background-color:var(--bg-primary);min-height:100vh;padding-top:clamp(80px,15vh,140px)}.about-split{align-items:center;display:flex;gap:6rem;margin-bottom:8rem}.about-img-frame{background:linear-gradient(135deg,#e0e0e0,#f5f5f5);border-radius:225px 225px 0 0;box-shadow:0 30px 60px #0000000d;height:600px;max-width:450px;overflow:hidden;position:relative;width:100%}.about-img{filter:grayscale(100%);height:100%;object-fit:cover;transition:var(--transition-smooth);width:100%}.about-img-frame:hover .about-img{filter:grayscale(0);transform:scale(1.05)}.about-title{color:var(--text-main);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:2rem}.about-p{color:var(--text-muted);font-size:1.15rem;line-height:1.8;margin-bottom:2rem}.about-stats-grid{display:flex;flex-wrap:wrap;gap:2rem;margin-top:3rem}.about-stat h4{color:var(--text-main);font-size:2.5rem;font-weight:800}.about-stat span{color:var(--text-dim);font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}.timeline-container{margin:4rem auto 0;max-width:1000px;padding:2rem 0;position:relative}.timeline-container:before{background:linear-gradient(180deg,#0000,#0000001a,#0000);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.timeline-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:4rem;position:relative;width:100%}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-dot{background:var(--text-main);border-radius:50%;box-shadow:0 0 0 8px var(--bg-primary);height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;z-index:2}.timeline-card{background:#fff;border:1px solid #00000008;border-radius:24px;box-shadow:0 10px 40px #00000005;padding:2.5rem;transition:var(--transition-smooth);width:45%}.timeline-card:hover{border-color:#0000001a;box-shadow:0 20px 60px #0000000f;transform:translateY(-10px)}.timeline-header{margin-bottom:1.5rem}.timeline-date{color:var(--accent-green)!important;display:block;font-size:.85rem;font-weight:700;letter-spacing:.1em;margin-bottom:.5rem}.timeline-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.2rem}.timeline-company{color:var(--text-dim);font-size:1rem;font-weight:500}.skills-bento{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-auto-rows:200px;grid-template-columns:repeat(4,1fr);margin-top:4rem}.skill-bento-card{background:#fff;border:1px solid #00000008;border-radius:30px;box-shadow:0 10px 40px #00000005;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:2rem;position:relative;transition:var(--transition-smooth)}.skill-bento-card:hover{box-shadow:0 20px 60px #00000014;transform:translateY(-5px)}.skill-bento-card.large{grid-column:span 2;grid-row:span 2}.skill-bento-card.wide{grid-column:span 2}.skill-bento-card h3{font-size:1.4rem;font-weight:700;z-index:1}.skill-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;z-index:1}.skill-tag{background:#00000008;border-radius:100px;color:var(--text-muted);font-size:.85rem;font-weight:500;padding:.4rem 1rem}.skill-icon-bg{bottom:-20px;height:150px;opacity:.03;pointer-events:none;position:absolute;right:-20px;width:150px}@media (max-width:1024px){.skills-bento{grid-template-columns:repeat(2,1fr)}.about-split{gap:3rem}}@media (max-width:768px){.about-split{flex-direction:column;gap:3rem;text-align:center}.about-img-frame{margin:0 auto}.about-stats-grid{justify-content:center}.timeline-container:before{left:20px}.timeline-item{justify-content:flex-start;margin-bottom:3rem;padding-left:50px}.timeline-item:nth-child(2n){flex-direction:row}.timeline-card{padding:1.5rem;width:100%}.timeline-dot{left:20px}.skills-bento{grid-auto-rows:auto;grid-template-columns:1fr}.skill-bento-card.large,.skill-bento-card.wide{grid-column:span 1;grid-row:span 1}.skill-bento-card{padding:1.5rem}}.projects-page{background-color:var(--bg-primary);min-height:100vh;padding-top:clamp(80px,15vh,140px)}.filter-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem;padding:0 1rem}.filter-btn{background:#fff;border:1px solid #0000000d;border-radius:100px;box-shadow:0 4px 10px #00000005;color:#1a1a1a;font-size:.9rem;font-weight:600;padding:.6rem 1.8rem;transition:var(--transition-smooth)}.filter-btn.active{background:#1a1a1a;box-shadow:0 10px 20px #0000001a;color:#fff}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(clamp(280px,100%,400px),1fr));padding:0 1rem}.project-item{background:#fff;border:1px solid #0000000d;border-radius:32px;overflow:hidden;transition:var(--transition-smooth)}.project-item:hover{box-shadow:0 30px 60px #0000000d;transform:translateY(-10px)}.project-image{background:#f0f0f0;height:300px}.project-image img{height:100%;object-fit:cover;width:100%}.project-info{padding:clamp(1.5rem,5%,2.5rem)}.project-title{color:#1a1a1a;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;margin-bottom:1rem}.project-description{color:#666;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.6}.project-modal{align-items:center;display:flex;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal-overlay,.project-modal{height:100%;left:0;top:0;width:100%}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0006;position:absolute}.modal-content{background:#fff!important;border:1px solid #0000000d!important;border-radius:40px!important;box-shadow:0 30px 60px #0000001a!important;color:#1a1a1a!important;max-height:90vh;max-width:1000px;overflow-y:auto;padding:clamp(1.5rem,5%,3rem)!important;position:relative;width:95%;z-index:1001}.close-btn{align-items:center;background:#00000008;border:1px solid #0000000d;border-radius:50%;color:#1a1a1a;cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:var(--transition-smooth);width:44px;z-index:1002}.close-btn:hover{background:#00000014;transform:rotate(90deg)}.modal-header{margin-bottom:2rem}.modal-header h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin:0}.modal-header h2 a{color:inherit;text-decoration:none;transition:var(--transition-smooth)}.modal-header h2 a:hover{color:var(--accent-green);text-decoration:underline}.modal-body{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1.2fr 1fr}.modal-image-container{width:100%}.modal-image{background:#f0f0f0;border-radius:24px;box-shadow:0 10px 30px #0000000d;overflow:hidden;width:100%}.modal-image img{display:block;height:auto;width:100%}.modal-description h3{color:#1a1a1a;font-size:1.25rem;font-weight:700;margin-bottom:.75rem;margin-top:0}.modal-description p{color:#666;line-height:1.7;margin-bottom:1.5rem}.modal-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.modal-tech span{background:#0000000d!important;border-radius:100px;color:#1a1a1a!important;font-size:.85rem;font-weight:600;padding:.5rem 1rem}.modal-links{display:flex;gap:1rem;margin-top:1.5rem}.modal-links .btn{font-size:.9rem;padding:.6rem 1.5rem}.dual-mockup-wrapper{display:flex;flex-direction:column;gap:1.5rem;width:100%}.mockup-toggle{background:#f1f3f5;border:1px solid #0000000d;border-radius:100px;display:flex;gap:.5rem;justify-content:center;margin:0 auto;padding:.3rem;width:fit-content}.mockup-toggle-btn{align-items:center;background:#0000;border:none;border-radius:100px;color:#666;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1.2rem;transition:var(--transition-smooth)}.mockup-toggle-btn.active{background:#fff;box-shadow:0 4px 10px #00000014;color:#1a1a1a}.dual-mockup-display{align-items:center;background:#f8f9fa;border:1px solid #00000008;border-radius:24px;display:flex;height:380px;justify-content:center;overflow:hidden;padding:2rem;position:relative;width:100%}.mockup-frame{cursor:pointer;position:absolute;transition:all .6s cubic-bezier(.25,1,.5,1)}.mockup-frame img{display:block;height:100%;object-fit:cover;width:100%}.desktop-frame{aspect-ratio:16/10;background:#fff;border:1px solid #00000014;border-radius:12px;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;overflow:hidden;width:70%}.desktop-frame .frame-header{align-items:center;background:#f1f3f5;border-bottom:1px solid #0000000d;display:flex;gap:6px;height:24px;padding-left:12px}.desktop-frame .frame-header .dot{border-radius:50%;height:8px;width:8px}.desktop-frame .frame-header .dot.red{background:#ff5f56}.desktop-frame .frame-header .dot.yellow{background:#ffbd2e}.desktop-frame .frame-header .dot.green{background:#27c93f}.desktop-frame img{flex:1 1;object-fit:cover;object-position:top;width:100%}.mobile-frame{background:#000;border:8px solid #1a1a1a;border-radius:28px;box-shadow:0 20px 45px #00000026;display:flex;flex-direction:column;height:320px;overflow:hidden;width:160px}.mobile-frame img{height:100%;object-fit:cover;object-position:top;width:100%}.mobile-frame .frame-speaker{background:#333;border-radius:10px;height:4px;left:50%;position:absolute;top:6px;transform:translateX(-50%);width:45px;z-index:10}.web-first .desktop-frame.focus{box-shadow:0 25px 50px #0000001f;opacity:1;transform:scale(1) translate(-30px,-15px);z-index:2}.web-first .mobile-frame.blur{filter:grayscale(30%) blur(.5px);opacity:.6;transform:scale(.8) translate(180px,40px);z-index:1}.web-first .desktop-frame.blur{filter:grayscale(40%) blur(1px);opacity:.5;transform:scale(.85) translate(-70px,-20px);z-index:1}.web-first .mobile-frame.focus{box-shadow:0 30px 60px #00000040;opacity:1;transform:scale(1) translate(110px,15px);z-index:2}.mobile-first .mobile-frame{border:10px solid #1a1a1a;border-radius:32px;height:360px;width:180px}.mobile-first .desktop-frame{width:55%}.mobile-first .mobile-frame.focus{box-shadow:0 30px 60px #0003;opacity:1;transform:scale(1) translate(-50px);z-index:2}.mobile-first .desktop-frame.blur{filter:grayscale(40%) blur(1px);opacity:.5;transform:scale(.8) translate(120px,30px);z-index:1}.mobile-first .mobile-frame.blur{filter:grayscale(30%) blur(.5px);opacity:.6;transform:scale(.8) translate(-110px,10px);z-index:1}.mobile-first .desktop-frame.focus{box-shadow:0 25px 50px #0000001f;opacity:1;transform:scale(1) translate(80px);z-index:2}@media screen and (max-width:960px){.modal-body{grid-template-columns:1fr}}@media screen and (max-width:480px){.dual-mockup-display{height:300px;padding:1rem}.web-first .desktop-frame.focus{transform:scale(1.1) translate(-20px,-20px)}.web-first .mobile-frame.blur{transform:scale(.7) translate(100px,30px)}.web-first .desktop-frame.blur{transform:scale(.8) translate(-40px,-35px)}.web-first .mobile-frame.focus{transform:scale(1.05) translate(60px,10px)}.mobile-first .mobile-frame{border-width:6px;height:280px;width:140px}.mobile-first .mobile-frame.focus{transform:scale(1.05) translate(-30px)}.mobile-first .desktop-frame.blur{transform:scale(.75) translate(70px,20px)}.mobile-first .mobile-frame.blur{transform:scale(.75) translate(-70px,10px)}.mobile-first .desktop-frame.focus{transform:scale(1.05) translate(40px)}}.project-title a{color:inherit;text-decoration:none;transition:var(--transition-smooth)}.project-title a:hover{color:var(--accent-green);text-decoration:underline}.contact-page{background-color:var(--bg-primary);min-height:100vh;overflow:hidden;padding-top:clamp(80px,15vh,140px);position:relative}.contact-section{padding:4rem 0 8rem;position:relative;z-index:2}.contact-split{grid-gap:6rem;align-items:start;display:grid;gap:6rem;grid-template-columns:1fr 1.1fr}.contact-title{color:var(--text-main);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1;margin:1.5rem 0 2rem}.contact-p{color:var(--text-muted);font-size:clamp(1rem,3vw,1.25rem);line-height:1.8;margin-bottom:3.5rem;max-width:550px}.contact-methods{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4rem}.method-card-premium{align-items:center;background:#fff;border:1px solid #00000008;border-radius:30px;display:flex;gap:2rem;padding:2rem;transition:var(--transition-smooth)}.method-card-premium:hover{border-color:#3fb18c33;box-shadow:0 15px 40px #0000000a;transform:translateX(10px)}.method-icon-wrap{align-items:center;background:#3fb18c0d;border-radius:20px;color:var(--accent-green);display:flex;font-size:1.6rem;height:65px;justify-content:center;transition:var(--transition-smooth);width:65px}.method-card-premium:hover .method-icon-wrap{background:var(--accent-green);color:#fff}.method-details span{color:var(--text-muted);display:block;font-size:.9rem;font-weight:700;letter-spacing:.1em;margin-bottom:.4rem;text-transform:uppercase}.method-details p{font-size:1.3rem}.method-details p,.social-subtitle{color:var(--text-main);font-weight:700}.social-subtitle{font-size:1.1rem;margin-bottom:1.5rem}.social-links-artistic{display:flex;gap:1.2rem}.social-link-item{align-items:center;border:1px solid #eee;border-radius:50%;color:var(--text-main);display:flex;font-size:1.2rem;height:55px;justify-content:center;text-decoration:none;transition:var(--transition-smooth);width:55px}.social-link-item:hover{background:#1a1a1a;border-color:#1a1a1a;color:#fff;transform:translateY(-5px)}.contact-form-side{position:sticky;top:140px}.form-card{background:#fff;border:1px solid #00000005;border-radius:50px;box-shadow:0 40px 100px #0000000f;padding:clamp(2rem,8%,4.5rem)}.premium-form .form-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.form-group{margin-bottom:2rem}.form-group label{color:var(--text-main);display:block;font-size:.95rem;font-weight:700;margin-bottom:.8rem}.form-group input,.form-group textarea{background:#fcfcfc;border:1px solid #eee;border-radius:18px;color:var(--text-main);font-size:1rem;padding:1.2rem 1.5rem;transition:var(--transition-smooth);width:100%}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:var(--accent-green);box-shadow:0 10px 25px #3fb18c0d;outline:none}.btn-primary.w-100{font-size:1.1rem;letter-spacing:.05em;margin-top:1rem;padding:1.4rem}.form-msg{font-size:.95rem;font-weight:600;margin-top:1.5rem;text-align:center}.form-msg.success{color:var(--accent-green)}.form-msg.error{color:#ff4d4d}@media (max-width:1200px){.contact-split{gap:3rem;padding:0 2rem}.form-card{padding:3rem}}@media (max-width:992px){.contact-split{gap:5rem;grid-template-columns:1fr}.contact-form-side{position:static}}@media (max-width:768px){.premium-form .form-row{gap:0;grid-template-columns:1fr}.form-group{margin-bottom:1.5rem}.contact-title{font-size:2.8rem}.method-card-premium{padding:1.5rem}.method-details p{font-size:1.1rem}}.services-page{background-color:var(--bg-primary);min-height:100vh;padding-top:clamp(80px,15vh,140px)}.services-hero{margin:0 auto;max-width:900px;padding:4rem 0;text-align:center}.services-title{color:var(--text-main);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1;margin:1.5rem 0}.services-subtitle{color:var(--text-muted);font-size:1.25rem;line-height:1.8;margin:0 auto;max-width:700px}.services-grid-section{padding:4rem 0 8rem}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(clamp(280px,100%,1fr),1fr));padding:0 1.5rem}.service-card-premium{background:#fff;border:1px solid #00000008;border-radius:40px;box-shadow:0 10px 40px #00000005;display:flex;flex-direction:column;overflow:hidden;padding:3.5rem;position:relative;transition:var(--transition-smooth)}.service-card-premium:hover{border-color:#3fb18c33;box-shadow:0 20px 60px #00000014;transform:translateY(-10px)}.service-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2.5rem}.service-number{color:var(--accent-green);font-size:.9rem;font-weight:700;letter-spacing:.2em}.service-icon-wrap{align-items:center;background:#3fb18c0d;border-radius:20px;color:var(--accent-green);display:flex;font-size:1.5rem;height:60px;justify-content:center;transition:var(--transition-smooth);width:60px}.service-card-premium:hover .service-icon-wrap{background:var(--accent-green);color:#fff;transform:rotate(-10deg)}.service-content h3{color:var(--text-main);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin-bottom:1rem}.service-content p{color:var(--text-muted);font-size:clamp(.95rem,2vw,1.1rem);line-height:1.7;margin-bottom:2rem}.service-features{list-style:none;margin:0 0 2.5rem;padding:0}.service-features li{align-items:center;color:var(--text-dim);display:flex;font-size:.95rem;gap:.75rem;margin-bottom:.75rem}.service-features i{color:var(--accent-green);font-size:.9rem}.service-footer{margin-top:auto}.service-link{align-items:center;color:var(--text-main);display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;text-decoration:none;transition:var(--transition-smooth)}.service-link i{transition:transform .3s ease}.service-link:hover{color:var(--accent-green)}.service-link:hover i{transform:translateX(5px)}.cta-section{padding-bottom:8rem}.cta-card{background:#fff;border:1px solid #00000008;border-radius:50px;box-shadow:0 30px 100px #0000000a;padding:5rem;text-align:center}.cta-card h2{font-size:clamp(2rem,6vw,3rem);font-weight:800;margin-bottom:1.5rem}.cta-card p{color:var(--text-muted);font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}@media (max-width:1024px){.service-card-premium{padding:2.5rem}}@media (max-width:768px){.cta-section{padding:0 1rem 8rem}.cta-card{padding:3rem 1.5rem}}.thank-you-page{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:100px 5%;text-align:center}.thank-you-content{animation:fadeInUp 1s var(--transition-smooth) forwards;margin:0 auto;max-width:600px}.thank-you-content i{color:var(--accent-primary);display:block;font-size:5rem;margin-bottom:2rem}.thank-you-content h1{font-size:3rem;font-weight:800;margin-bottom:1.5rem}.thank-you-content p{color:var(--text-muted);font-size:1.2rem;margin-bottom:3rem}
/*# sourceMappingURL=main.b350b941.css.map*/