@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--nav-bg: #111;--nav-text: #fff;--nav-accent: #00bcd4;--transition-speed: .3s;--bg-dark: #0a0a0a;--text-white: #ffffff;--text-gray: #b0b0b0;--accent-color: #00bcd4;--glass-effect: rgba(255, 255, 255, .03)}.App{min-height:100vh;background-color:var(--bg-dark);color:var(--text-white);overflow-x:hidden}.App:after{content:"";position:fixed;top:-100%;left:0;width:100%;height:200%;z-index:0;pointer-events:none;background-image:radial-gradient(circle,#fff 1px,transparent 1px),radial-gradient(circle,#fff 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 1px);background-size:550px 550px,400px 400px,300px 300px;background-position:0 0,150px 250px,70px 100px;opacity:.3;animation:snowFall 15s linear infinite}@keyframes snowFall{0%{transform:translateY(0)}to{transform:translateY(50%)}}.App{position:relative;background-color:var(--bg-dark);min-height:100vh;overflow-x:hidden}.homeContainer,.contactContainer,.navbar{position:relative;z-index:2}.homeContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:calc(100vh - 80px);animation:fadeIn 1.2s ease-out}.homeContent h1{font-size:clamp(3rem,10vw,8rem);font-weight:800;letter-spacing:-2px;margin-bottom:10px;background:linear-gradient(to right,#fff,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.homeContent p{font-size:1.2rem;color:#a0a0a0;text-transform:uppercase;letter-spacing:4px;margin-bottom:40px}.iconsHome{display:flex;gap:25px;padding:20px 40px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;transition:transform .3s ease}.iconsHome:hover{transform:translateY(-5px);border-color:#4facfe80}.iconsHome svg{cursor:pointer;transition:all .3s ease;filter:drop-shadow(0 0 8px rgba(255,255,255,0))}.iconsHome .iconOne:hover{color:#00050a!important;transform:scale(1.3);filter:drop-shadow(0 0 12px rgba(173,175,177,.8))}.iconsHome .iconTwo:hover{color:#2b6fb3!important;transform:scale(1.3);filter:drop-shadow(0 0 12px rgba(114,158,203,.8))}.iconsHome .iconThree:hover{color:#e1306c!important;transform:scale(1.3);filter:drop-shadow(0 0 12px rgb(166,78,107))}.iconsHome .iconFour:hover{color:#4f24ac!important;transform:scale(1.3);filter:drop-shadow(0 0 12px rgb(166,78,107))}.iconsHome .iconFive:hover{color:#c92c2c!important;transform:scale(1.3);filter:drop-shadow(0 0 12px rgb(166,78,78))}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.navbar{width:100%;background-color:var(--nav-bg);padding:1rem 0;display:flex;justify-content:center;box-shadow:0 2px 10px #0000004d;position:sticky;top:0;z-index:1000}.navbar-container{width:100%;max-width:1200px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:Inter,sans-serif;text-transform:uppercase;color:var(--nav-text);font-size:1.3rem;font-weight:700}.nav-list{list-style:none;display:flex;gap:30px;padding:0;margin:0}.nav-list li a{font-family:Montserrat,sans-serif;text-transform:uppercase;text-decoration:none;letter-spacing:2px;color:var(--nav-text);font-size:1.1rem;font-weight:800;position:relative;padding:4px 0;transition:color var(--transition-speed) ease;outline:none}.nav-list li a:after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:2px;background-color:var(--nav-accent);transition:width var(--transition-speed) ease}.nav-list li a:hover,.nav-list li a:focus-visible{color:var(--nav-accent)}.nav-list li a:hover:after,.nav-list li a:focus-visible:after{width:100%}.nav-list li a:focus-visible{outline:2px dashed var(--nav-accent);outline-offset:4px}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:22px;border-radius:60%;background:transparent;border:none;cursor:pointer;padding:0}.hamburger span{height:3px;width:100%;background-color:var(--nav-text);border-radius:2px;transition:all var(--transition-speed) ease}.hamburger.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media(max-width:768px){.hamburger{display:flex}.nav-list{position:absolute;top:100%;left:0;width:100%;border-bottom-left-radius:40px;border-bottom-right-radius:40px;background-color:var(--nav-bg);flex-direction:column;align-items:center;gap:50px;padding:20px 0;transform:translateY(-200%);transition:transform var(--transition-speed) ease}.nav-list.active{transform:translateY(0)}}.aboutContainer{max-width:1200px;margin:0 auto;padding:60px 20px;display:flex;align-items:center;justify-content:space-between;gap:50px;min-height:calc(100vh - 80px);animation:fadeInContainer 1s ease-out forwards}.aboutPicture{flex:1;height:450px;background:var(--glass-effect);border-radius:30px;border:1px solid rgba(0,188,212,.2);position:relative;overflow:hidden;box-shadow:0 0 20px #00bcd41a;animation:slideInRight .8s ease-out .5s forwards,float 6s ease-in-out infinite;opacity:0;display:flex;justify-content:center;align-items:center}.aboutPicture img{width:90%;height:90%;object-fit:cover;border-radius:30px}.Subtitle{font-size:3.5rem;margin-bottom:20px;color:var(--accent-color);background:linear-gradient(90deg,#00bcd4,#fff,#00bcd4);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 5s linear infinite}.textAbout{font-size:1.5rem;line-height:1.8;color:var(--text-gray);max-width:550px;opacity:0;animation:slideInLeft .8s ease-out .3s forwards}.aboutPicture{flex:1;height:450px;background:var(--glass-effect);border-radius:30px;border:1px solid rgba(0,188,212,.2);position:relative;overflow:hidden;box-shadow:0 0 20px #00bcd41a;animation:slideInRight .8s ease-out .5s forwards,float 6s ease-in-out infinite;opacity:0}.aboutPicture:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,188,212,.1) 0%,transparent 70%);animation:rotate 10s linear infinite}@keyframes fadeInContainer{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes shine{to{background-position:200%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.aboutContainer{flex-direction:column-reverse;text-align:center;padding-top:20px}.textAbout{font-size:1rem;line-height:1.9;text-align:justify;color:var(--text-gray);opacity:0;animation:slideInLeft .8s ease-out .3s forwards}.title{font-size:2.5rem}.aboutPicture{width:100%;height:300px}}.cardsContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;width:100%;padding:2rem 0;font-family:Poppins,sans-serif}.Card{background:#121212e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;display:flex;flex-direction:column;gap:1.2rem;transition:all .4s ease;opacity:0;animation:fadeInUp .6s ease forwards}.Card h3{color:#fff;font-size:1.7rem;font-weight:700;margin:0;letter-spacing:-.5px}.Card p{color:#d1d1d1;font-size:1.1rem;line-height:1.7;font-weight:300}.Card p strong{display:block;font-size:.9rem;text-transform:uppercase;color:var(--accent-color, #00d4ff);letter-spacing:1.5px;margin-bottom:5px;font-weight:600}.Card a{margin-top:auto;text-decoration:none;color:#000;background:#fff;padding:1rem 1.5rem;border-radius:12px;text-align:center;font-size:1.05rem;font-weight:600;transition:all .3s ease}.Card a:hover{background:var(--accent-color, #00d4ff);transform:scale(1.03);box-shadow:0 10px 20px #0000004d}.cardPicture{width:100%;height:200px;border-radius:12px;overflow:hidden;margin-bottom:.8rem}.cardPicture img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.projectsPage{background-color:var(--bg-dark);min-height:100vh;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center}.projectsPage h2{color:var(--text-white);font-size:2.5rem;margin-bottom:3rem;position:relative;text-transform:uppercase;letter-spacing:2px}.projectsPage h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background-color:var(--accent-color);border-radius:2px;box-shadow:0 0 10px var(--accent-color)}.projectsPage .cardsContainer{width:100%;max-width:1200px;margin:0 auto}@media(max-width:768px){.projectsPage h2{font-size:2rem}.projectsPage{padding:2rem 1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes iconShake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.contactContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 80px);color:var(--text-white);padding:20px;animation:fadeInUp .8s ease-out forwards}.contactContainer h2{color:var(--text-white);font-size:clamp(2rem,5vw,3.5rem);margin-bottom:4rem;position:relative;text-transform:uppercase;letter-spacing:4px;text-align:center}.contactContainer h2:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:100px;height:4px;background-color:var(--accent-color);border-radius:2px;box-shadow:0 0 15px var(--accent-color)}.contactLinks{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;width:100%;max-width:800px}.contactBtn{display:flex;align-items:center;gap:15px;padding:20px 40px;text-decoration:none;color:var(--text-white);font-weight:600;font-size:1.2rem;background:var(--glass-effect);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all var(--transition-speed) ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:260px;justify-content:center;opacity:0;animation:fadeInUp .6s ease-out forwards}.btn-whatsapp .iconOne{color:#45f06e;filter:drop-shadow(0 0 5px rgba(69,240,110,.3))}.btn-email .iconOne{color:#4da6ff;filter:drop-shadow(0 0 5px rgba(77,166,255,.3))}.contactLinks .contactBtn:nth-child(1){animation-delay:.4s}.contactLinks .contactBtn:nth-child(2){animation-delay:.6s}.contactBtn:hover{background:var(--nav-accent);color:var(--nav-bg);transform:translateY(-8px) scale(1.05);box-shadow:0 15px 30px #41646866}.contactBtn:hover .iconOne{color:var(--nav-bg)}.btn-whatsapp:hover .iconOne{animation:iconBounce .5s infinite alternate}.btn-email:hover .iconOne{animation:iconShake .3s infinite}@media(max-width:600px){.contactContainer h2{font-size:1.8rem;margin-bottom:3rem}.contactLinks{flex-direction:column;align-items:center}.contactBtn{width:100%;max-width:320px}}