*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f8fafc;background:#0f172a;margin:0;font-family:Inter,sans-serif}h1,h2,h3,h4,.logo{font-family:Space Grotesk,sans-serif}a{color:inherit}button,input,textarea{font-family:inherit}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;background:#0f172a66;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:25px 60px;display:flex;position:sticky;top:0}.logo{letter-spacing:-1px;color:#f8fafc;font-size:1.7rem;font-weight:700}.logo span{color:#f59e0b}.nav-links a{color:#fff;margin-left:20px;text-decoration:none;transition:all .3s}.nav-links a:hover{color:orange}.menu-icon{cursor:pointer;color:#fff;z-index:1001;font-size:28px;display:none}.mobile-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0f172af2;flex-direction:column;justify-content:center;align-items:center;gap:40px;width:70%;height:100vh;transition:all .4s;display:flex;position:fixed;top:0;right:-100%}.mobile-menu.active{right:0}.mobile-menu a{color:#fff;font-size:24px;text-decoration:none;transition:all .3s}.mobile-menu a:hover{color:orange}@media (width<=1000px){.nav-links{display:none}.menu-icon{display:block}.navbar{padding:25px 30px}}.hero{grid-template-columns:minmax(0,1fr) minmax(400px,1fr);align-items:center;gap:60px;min-height:90vh;padding:100px 8% 80px;display:grid;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:620px}.hero-greeting{color:#f59e0b;margin-bottom:18px;font-size:1.05rem;font-weight:500}.hero h1{color:#f8fafc;margin:0;font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.05}.hero h1 span{color:#f59e0b}.hero-typing{color:#cbd5e1;min-height:45px;margin-top:20px;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:500}.cursor{color:#f59e0b;margin-left:3px;animation:.8s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-description{color:#94a3b8;max-width:520px;margin-top:20px;font-size:1rem;line-height:1.7}.hero-buttons{gap:14px;margin-top:30px;display:flex}.hero-button{color:#f8fafc;border:1px solid #f59e0b;border-radius:8px;justify-content:center;align-items:center;padding:12px 22px;text-decoration:none;transition:transform .3s,background .3s,box-shadow .3s;display:inline-flex}.hero-button.primary{color:#0f172a;background:#f59e0b}.hero-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #f59e0b26}.hero-button.primary:hover{background:#fbbf24}.hero-image-container{justify-content:center;justify-self:center;align-items:center;width:100%;max-width:560px;height:500px;display:flex;position:relative}.circle{z-index:1;background:radial-gradient(circle,#f59e0b29 0%,#f59e0b14 45%,#f59e0b05 70%,#0000 100%);border:1px solid #f59e0b2e;border-radius:50%;width:360px;height:360px;position:absolute;box-shadow:0 0 80px #f59e0b14}.hero-image{object-fit:contain;z-index:2;filter:drop-shadow(0 20px 40px #00000073);width:360px;max-width:80%;position:relative}.floating-icons{z-index:4;pointer-events:none;position:absolute;inset:0}.floating-icons .icon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#1e293bbf;border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;width:62px;height:62px;font-size:30px;transition:box-shadow .3s,border-color .3s;animation:4s ease-in-out infinite floating;display:flex;position:absolute;box-shadow:0 12px 30px #00000040}.floating-icons .icon:hover{border-color:#ffffff2e;box-shadow:0 0 25px,0 15px 35px #0000004d}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.react{color:#61dafb;animation-delay:0s;top:55px;left:55px}.js{color:#f7df1e;animation-delay:-1s;top:105px;right:40px}.css{color:#2965f1;animation-delay:-2s;bottom:75px;left:40px}.html{color:#e34f26;animation-delay:-2.7s;bottom:35px;right:70px}.node{color:#68a063;animation-delay:-1.5s;top:210px;left:5px}.typescript{color:#3178c6;animation-delay:-3.5s;top:250px;right:5px}@media (width<=480px){.hero{gap:20px;padding:100px 20px 50px}.hero-greeting{font-size:.95rem}.hero h1{font-size:2.5rem}.hero-typing{min-height:40px;font-size:1.2rem}.hero-description{font-size:.95rem;line-height:1.6}.hero-buttons{flex-direction:column;align-items:stretch;max-width:280px;margin-left:auto;margin-right:auto}.hero-button{box-sizing:border-box;width:100%}.hero-image-container{height:360px;margin-top:10px}.hero-image{width:250px;max-width:75%}.circle{width:250px;height:250px}.floating-icons .icon{border-radius:13px;width:48px;height:48px;font-size:22px}.react{top:25px;left:25px}.js{top:50px;right:20px}.css{bottom:45px;left:20px}.html{bottom:20px;right:25px}}@media (width<=768px){.hero{text-align:center;grid-template-columns:1fr;gap:40px;min-height:auto;padding:120px 30px 70px}.hero-content{max-width:650px;margin:0 auto}.hero-description{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-image-container{width:100%;max-width:500px;height:430px;margin:0 auto}.hero-image{width:300px}.circle{width:300px;height:300px}.react{top:40px;left:60px}.js{top:80px;right:60px}.css{bottom:60px;left:45px}.html{bottom:30px;right:55px}.node{top:200px;left:55px}.typescript{top:235px;right:55px}}@media (width<=1000px){.hero{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:30px;padding-left:6%;padding-right:6%}.hero-image-container{max-width:480px;height:450px}.hero-image{width:320px}.circle{width:320px;height:320px}.floating-icons .icon{width:56px;height:56px;font-size:26px}.react{left:30px}.js{right:20px}.css{left:20px}.html{right:35px}.node{top:205px;left:10px}.typescript{top:245px;right:10px}}.about{padding:120px 8%}.about-header{margin-bottom:60px}.section-subtitle{color:#f59e0b;margin-bottom:10px;font-size:18px;font-weight:500}.section-title{color:#f8fafc;margin:0;font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.1}.section-title span{color:#f59e0b}.about-content{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:60px;display:grid}.about-text{flex-direction:column;gap:20px;max-width:650px;display:flex}.about-text p{color:#94a3b8;margin:0;font-size:17px;line-height:1.8}.about-text strong{color:#cbd5e1;font-weight:600}.about-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.about-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0b;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:center;min-height:125px;padding:25px;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s;display:flex}.about-card:hover{background:#ffffff0f;border-color:#f59e0b73;transform:translateY(-6px);box-shadow:0 15px 35px #00000040}.about-card h3{color:#f59e0b;margin:0 0 8px;font-size:1.5rem;line-height:1.2}.about-card p{color:#cbd5e1;margin:0;font-size:.9rem}@media (width<=900px){.about{padding:90px 40px}.about-content{grid-template-columns:1fr;gap:40px}.about-text{max-width:700px}}@media (width<=600px){.about{padding:70px 20px}.about-header{margin-bottom:40px}.section-subtitle{font-size:16px}.section-title{font-size:2.4rem}.about-text{gap:18px}.about-text p{font-size:16px;line-height:1.75}.about-cards{grid-template-columns:1fr}.about-card{min-height:110px}}@media (width<=1000px){.about{padding:80px 30px}.about-content{flex-direction:column}.about-cards{grid-template-columns:1fr}.section-title{font-size:38px}}.projects{padding:120px 80px}.projects-header{margin-bottom:60px}.other-projects-title{color:#f8fafc;margin:80px 0 40px;font-size:2rem}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-style:preserve-3d;background:#111827;border:1px solid #ffffff14;border-radius:24px;transition:border-color .3s,box-shadow .3s;overflow:hidden}.project-card:hover{border-color:#f59e0b99;box-shadow:0 20px 40px #00000059}.project-layout{flex-direction:column;display:flex}.browser{background:#0f172a;border:1px solid #ffffff14;border-radius:18px;width:100%;overflow:hidden}.project-layout .browser{width:calc(100% - 50px);margin:25px 25px 0}.featured-layout .browser{margin:0}.browser-top{background:#1e293b;align-items:center;gap:20px;padding:14px 20px;display:flex}.browser-buttons{gap:8px;display:flex}.browser-buttons span{border-radius:50%;width:12px;height:12px}.browser-buttons span:first-child{background:#ff5f56}.browser-buttons span:nth-child(2){background:#ffbd2e}.browser-buttons span:nth-child(3){background:#27c93f}.browser-top p{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.project-image{object-fit:contain;background:#0f172a;width:100%;height:230px;transition:transform .4s;display:block}.project-card:hover .project-image{transform:scale(1.03)}.project-content{padding:25px}.project-type{color:#f59e0b;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:.75rem;font-weight:600}.project-content h3{color:#f8fafc;margin:0 0 15px;font-size:1.5rem}.project-content p{color:#94a3b8;margin-bottom:25px;line-height:1.7}.project-techs{flex-wrap:wrap;gap:10px;margin-bottom:25px;display:flex}.project-techs span{color:#f59e0b;background:#ff7b0026;border:1px solid #ff7b0014;border-radius:20px;padding:8px 14px;font-size:14px}.project-buttons{gap:15px;display:flex}.project-buttons a{color:#fff;border:1px solid #f59e0b;border-radius:8px;padding:12px 20px;text-decoration:none;transition:background .3s,color .3s,transform .3s}.project-buttons a:hover{color:#0f172a;background:#f59e0b;transform:translateY(-2px)}.featured-card{width:100%;max-width:1100px;margin:0 auto 70px;padding:30px}.featured-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:40px;display:grid}.featured-image{min-width:0}.featured-image .browser{width:100%}.featured-card .project-image{object-fit:cover;height:300px}.featured-card .project-content{padding:20px 10px}.featured-card .project-content h3{font-size:2rem}.featured-card .project-content p{line-height:1.7}@keyframes fadeLeft{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translate(0)}}@keyframes loading{0%{width:0}}@media (width<=480px){.projects{padding:70px 20px}}@media (width<=768px){.projects{padding:70px 20px}.project-layout .browser{width:calc(100% - 30px);margin:15px 15px 0}.project-image{height:200px}.featured-card{padding:20px}.featured-card .project-image{height:220px}.featured-card .project-content{padding:20px 5px}.featured-card .project-content h3{font-size:1.6rem}.project-content{padding:20px}}@media (width<=1000px){.projects{padding:90px 40px}.projects-grid,.featured-layout{grid-template-columns:1fr}.featured-card .project-image{height:280px}}.skills{padding:120px 8%}.skills-header{max-width:700px;margin-bottom:60px}.skills-description{color:#94a3b8;max-width:650px;margin-top:15px;line-height:1.7}.skills-groups{flex-direction:column;gap:35px;display:flex}.skill-group{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff06;border:1px solid #ffffff12;border-radius:24px;padding:30px;transition:border-color .3s,transform .3s}.skill-group:hover{border-color:#f59e0b40;transform:translateY(-3px)}.skill-group-header{margin-bottom:25px}.skill-group-header h3{color:#f8fafc;text-transform:capitalize;margin:0 0 8px;font-size:1.4rem}.skill-group-header p{color:#64748b;margin:0;font-size:.95rem}.skills-container{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:15px;display:grid}.skill-card{background:#ffffff09;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:130px;padding:20px;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s;display:flex}.skill-card:hover{background:#ffffff0e;border-color:#f59e0b4d;transform:translateY(-6px);box-shadow:0 15px 35px #0003}.skill-icon{font-size:42px;transition:transform .3s,filter .3s;display:flex}.skill-card:hover .skill-icon{filter:drop-shadow(0 0 12px);transform:translateY(-4px)scale(1.08)}.skill-info{justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.skill-info h4{color:#f8fafc;margin:0;font-size:1rem}.skill-info span{color:#94a3b8;text-align:right;font-size:.72rem}@media (width<=480px){.skills{padding:70px 20px}.skills-container{grid-template-columns:1fr}.skill-card{min-height:110px}}@media (width<=768px){.skills{padding:80px 30px}.skill-group{padding:22px}.skills-container{grid-template-columns:repeat(2,1fr)}}.formation{padding:120px 8%}.formation-header{max-width:700px;margin-bottom:60px}.formation-header .section-title span{color:#f59e0b}.formation-description{color:#94a3b8;max-width:650px;margin-top:15px;line-height:1.7}.academic-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff14;border-radius:24px;align-items:center;gap:25px;max-width:900px;margin-bottom:70px;padding:30px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex}.academic-card:hover{border-color:#f59e0b59;transform:translateY(-5px);box-shadow:0 20px 40px #00000040}.formation-icon{background:#f59e0b1a;border:1px solid #f59e0b26;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:32px;display:flex}.academic-content{flex-direction:column;display:flex}.formation-label{color:#f59e0b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.75rem;font-weight:600}.academic-content h3{color:#f8fafc;margin:0 0 6px;font-size:1.7rem}.institution{color:#cbd5e1;margin:0 0 10px;font-size:1rem}.formation-status{color:#94a3b8;font-size:.85rem}.formation-section{margin-bottom:70px}.formation-section-title{align-items:center;gap:15px;margin-bottom:30px;display:flex}.formation-section-icon{font-size:30px}.formation-section-title h3{color:#f8fafc;margin:0 0 5px;font-size:1.5rem}.formation-section-title p{color:#64748b;margin:0;font-size:.95rem}.formation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.formation-card{background:#111827;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;min-height:190px;padding:25px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex}.formation-card:hover{border-color:#f59e0b59;transform:translateY(-6px);box-shadow:0 20px 35px #00000040}.formation-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.course-type{color:#f59e0b;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:600}.course-status{border-radius:20px;padding:5px 9px;font-size:.68rem;font-weight:600}.course-status.completed{color:#86efac;background:#22c55e1a;border:1px solid #22c55e26}.course-status.in-progress{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b26}.formation-card h4{color:#f8fafc;margin:0 0 12px;font-size:1.15rem;line-height:1.4}.course-institution{color:#94a3b8;margin:0;font-size:.9rem;line-height:1.5}.course-year{color:#64748b;margin-top:auto;padding-top:20px;font-size:.8rem}.featured-formation-card{background:linear-gradient(135deg,#f59e0b12,#ffffff06);border:1px solid #f59e0b26;border-radius:24px;padding:30px;transition:transform .3s,border-color .3s,box-shadow .3s}.featured-formation-card:hover{border-color:#f59e0b59;transform:translateY(-5px);box-shadow:0 20px 45px #00000040}.featured-formation-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:20px;display:flex}.featured-formation-header h4{color:#f8fafc;margin:8px 0;font-size:1.5rem;line-height:1.4}.featured-formation-header .course-institution{margin:0}.formation-card-description{color:#94a3b8;max-width:900px;margin-bottom:25px;line-height:1.7}.formation-tags{flex-wrap:wrap;gap:10px;display:flex}.formation-tags span{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b1f;border-radius:20px;padding:8px 13px;font-size:.8rem}@media (width<=900px){.formation{padding:90px 40px}.formation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.formation{padding:70px 20px}.academic-card{flex-direction:column;align-items:flex-start;padding:22px}.formation-grid{grid-template-columns:1fr}.featured-formation-header{flex-direction:column;gap:15px}.featured-formation-card{padding:22px}.featured-formation-header h4{font-size:1.25rem}}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000008;border-top:1px solid #ffffff14;margin-top:120px;padding:60px 30px 30px}.footer-content{text-align:center;flex-direction:column;align-items:center;display:flex}.footer-logo{color:orange;margin-bottom:20px;font-size:36px}.footer-text{color:#94a3b8;max-width:500px;margin-bottom:30px;line-height:1.8}.footer-socials{gap:20px;margin-bottom:40px;display:flex}.footer-socials a{color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-size:22px;transition:all .3s;display:flex}.footer-socials a:hover{color:#000;background:orange;transform:translateY(-6px);box-shadow:0 10px 25px #ff7b0066}.footer-bottom{text-align:center;border-top:1px solid #ffffff14;padding-top:20px}.footer-bottom p{color:#64748b}@media (width<=768px){.footer-logo{font-size:28px}}