*{margin:0;padding:0;box-sizing:border-box}:root{--color-red: #b44158;--color-dark: #222;--color-dark-red:#282020;--color-dark-red2: #6f5353;--color-blue: #5d95d2;--color-dark-blue: #253039;--color-ligth-red: #ae9d9d}@keyframes moveBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}*{font-family:Poppins,sans-serif}body{background:linear-gradient(135deg,#2c2c2c,#0d1b2a,#1b263b);background-size:300% 300%;animation:moveBackground 20s ease infinite;background-attachment:fixed}.logo{font-size:1.5rem;font-weight:700}.nav-links-desktop{display:flex;flex-direction:row;gap:2rem;position:static;opacity:1;transform:none;pointer-events:auto;background:transparent;padding:0;list-style:none}.nav-links-desktop a{color:#fff;text-decoration:none;position:relative;font-weight:500}.nav-links-desktop a:after{content:"";position:absolute;width:0%;height:2px;bottom:-4px;left:0;background-color:#ff4757;transition:width .3s ease}.nav-links-desktop a:hover:after{width:100%}.navbar{display:flex;justify-content:space-between;align-items:center;background:#111111b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;color:#fff;position:fixed;width:100%;z-index:100;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease-in-out}.logo{font-size:1.5rem;font-weight:700;margin-left:-9px}.burger{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:110}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#222222f2;padding:1.5rem 2rem;transform:translateY(-20px);opacity:0;pointer-events:none;display:flex;transition:transform .3s ease,opacity .3s ease;list-style:none}.nav-links a:after{content:"";position:absolute;width:0%;height:2px;bottom:-4px;left:0;background-color:var(--color-red);transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-links li{margin-bottom:2rem}.nav-links a{display:block;position:relative;color:#fff;text-decoration:none;font-weight:500}.close-icon,.burger-icon{font-size:2rem}@media (max-width: 768px){.close-icon,.burger-icon{font-size:1.5rem}.logo{font-size:1.2rem}.navbar{padding:.5rem 1.5rem}}.hero{height:100vh;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero .btn{margin-top:20px;padding:10px 20px;background:var(--color-red);color:#fff;text-decoration:none;border-radius:5px}.hero-img{width:200px;border-radius:3px;margin-bottom:25px;mask-image:linear-gradient(to top,#0000,#000 40%),linear-gradient(to right,#0000,#000 40%),linear-gradient(to left,#0000,#000 40%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 40%),linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 40%),linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 40%);mask-composite:intersect;-webkit-mask-composite:destination-in}title-hero{margin-bottom:10px;color:#f0f8ff}.animated-text .line{display:inline;margin:0 .3rem}@media (max-width: 480px){.animated-text-h1{white-space:normal;display:flex;flex-direction:column;align-items:center}.animated-text-h1 .line{display:block;margin:.3rem 0}}.animated-text-h1{font-size:2rem;font-weight:700;color:transparent;background:linear-gradient(120deg,#ffffff80,#fff,#ffffff80);background-size:400% auto;background-clip:text;-webkit-background-clip:text;white-space:nowrap;display:inline-block;text-align:center}.about{padding:4rem 2rem;color:#fff;text-align:center;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.about h1{margin-bottom:1rem;font-size:2rem}.about p{max-width:600px;font-size:1.1rem;line-height:1.6;color:#f0f8ff}@media (max-width: 678px){.about-content{display:flex;flex-direction:column;align-items:center}.about p{width:90%;font-size:1rem}}.technologies{padding:4rem 2rem;color:#fff;text-align:center;scroll-margin-top:20px;min-height:100vh}.technologies-container{display:flex;justify-content:center;align-items:center;margin-top:60px}.technologies h2{font-size:2.5rem;margin-bottom:2rem}.tech-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.tech-category{background-color:var(--color-dark-red);padding:1.5rem;border-radius:10px;box-shadow:0 4px 10px #0000001a;width:232px;text-align:left;border:1px solid var(--color-dark-red2);height:auto}.tech-category h3{font-size:1.3rem;margin-bottom:1rem;color:var(--color-ligth-red)}.tech-list{list-style:none;padding:0;margin:0}.tech-item{display:flex;align-items:center;margin-bottom:.5rem;font-size:1rem}.tech-icon{font-size:1.2rem;margin-right:.5rem;color:#faebd7}.projects{padding:4rem 2rem;text-align:center;min-height:100vh;scroll-margin-top:20px}.project-cards{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin-top:60px}.card{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:15px;box-shadow:0 8px 20px #0000001a;overflow:hidden;width:250px;transition:transform .3s ease;border:1px solid aliceblue}.card-title{font-size:1.2rem;padding:.7rem;font-weight:700;color:#333;border-bottom:1px solid #eee;background:#d1deea}.card-image img{width:100%;height:300px;object-fit:cover;opacity:.8}.card-footer{padding:.7rem;border-top:1px solid #eee;background:#d1deea}.card-footer button{width:100%;padding:.7rem;background-color:var(--color-blue);color:#fff;border:none;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.card-footer button:hover{background-color:#0056b3}.title{font-size:2rem;color:#f0f8ff;margin-bottom:2rem;margin-top:1.5rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content-project{padding:2rem;border-radius:12px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px #0003;border:2px solid #ccc}.content-header{display:flex;justify-content:center}.header{width:92%}.title-project{padding-bottom:10px;text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc}.text{padding-bottom:20px;color:#f0f8ff}.title-image{color:#f0f8ff;padding-bottom:10px}.close-btn{position:absolute;top:.5rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#ccc}.techh-list{list-style:none;padding-left:0;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.techh-list li{background:var(--color-dark-red2);padding:.3rem .8rem;border-radius:6px;font-size:.9rem;color:#ccc}.tabs{display:flex;gap:1rem;margin-bottom:1rem}.tabs button{flex:1;padding:.5rem 1rem;border:2px solid var(--color-blue);background:#fff;color:var(--color-blue);font-weight:700;border-radius:6px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.tabs button.active,.tabs button:hover{background-color:var(--color-blue);color:#fff}.screenshots-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.screenshot-item{width:45%;text-align:center}.screenshot-item img{width:100%;border-radius:8px;border:2px solid #ccc;max-height:300px;object-fit:contain;background-color:#253039}.project-link{display:inline-block;margin-top:1.5rem;padding:.75rem 1.5rem;background-color:var(--color-blue);color:#fff;text-decoration:none;border-radius:8px;font-weight:700;transition:background-color .3s ease}.project-link:hover{background-color:#0056b3}@media (max-width: 800px){.screenshot-item,.header{width:100%}.screenshot-item img{max-height:500px}.project-link{padding:.5rem 1rem;font-size:.9rem}}@media (max-width: 462px){.modal-content{width:98%;padding:1rem}.header{width:100%}.text{text-align:left}.screenshot-item img{max-height:500px}.title-project{padding-top:10px}}.footer{background:#111;color:#fff;text-align:center;padding:2rem 1rem}.certificates{padding:4rem 2rem;text-align:center;min-height:100vh;scroll-margin-top:20px}.certificate-cards{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin-top:60px}.card_cert{display:flex;flex-direction:column;justify-content:space-between;border-radius:15px;box-shadow:0 8px 20px #0000001a;overflow:hidden;width:350px;transition:transform .3s ease;border:4px solid var(--color-red)}.card_cert:hover{cursor:pointer}.certificate-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content-cert{padding:2rem;border-radius:12px;width:850px;max-width:100%;position:relative;box-shadow:0 10px 30px #0003;border:2px solid #ccc;margin:0 auto}.modal-content-cert img{width:100%;height:auto;border-radius:8px;display:block}.close-button{position:absolute;top:2px;right:10px;background:transparent;border:none;font-size:1.3rem;cursor:pointer;color:#fff}.title-cert{color:#ccc;padding:8px;font-size:16px}@media (max-width: 795px){.card_cert{width:100%}}@media (max-width: 914px){.modal-content-cert{width:95%}}@media (max-width: 480px){.certificates{padding:1rem;scroll-margin-top:60px}}