@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url("assets/fonts/inter-300.woff2") format("woff2");}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/inter-400.woff2") format("woff2");}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/inter-500.woff2") format("woff2");}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/inter-600.woff2") format("woff2");}@font-face{font-family:"Outfit";font-style:normal;font-weight:300;font-display:swap;src:url("assets/fonts/outfit-300.woff2") format("woff2");}@font-face{font-family:"Outfit";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/outfit-400.woff2") format("woff2");}@font-face{font-family:"Outfit";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/outfit-600.woff2") format("woff2");}@font-face{font-family:"Outfit";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/outfit-700.woff2") format("woff2");}:root{--bg-dark:#0f172a;--bg-card:rgba(30,41,59,0.7);--primary:#feba3b;--primary-hover:#ffcc4d;--bg-dark:#0f1115;--bg-card:rgba(26,28,35,0.7);--text-main:#ffffff;--text-muted:#a0a0a0;--accent-pink:#d33de0;--accent-blue:#38bdf8;--accent-purple:#818cf8;--glass-border:rgba(255,255,255,0.1);--glass-blur:blur(12px);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}body.light-mode{--bg-dark:#f8fafc;--bg-card:rgba(255,255,255,0.8);--text-main:#0f172a;--text-muted:#64748b;--accent-blue:#0369a1;--glass-border:rgba(0,0,0,0.1);}.theme-switcher{position:fixed;bottom:2rem;right:2rem;z-index:1000;background:var(--bg-card);width:45px;height:45px;border-radius:50%;border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);color:var(--text-main);font-size:1.2rem;}.theme-switcher:hover{transform:scale(1.1);border-color:var(--primary);}body.light-mode .theme-switcher .fa-sun,body:not(.light-mode) .theme-switcher .fa-moon{display:none;}.theme-btn{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:var(--transition);}.theme-btn:hover{transform:scale(1.2);border-color:white;}.whatsapp-btn{position:fixed;bottom:2rem;left:2rem;width:55px;height:55px;background-color:#25d366;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 15px rgba(211,61,224,0.3);z-index:1000;transition:var(--transition);animation:whatsapp-float 3s infinite ease-in-out;}.whatsapp-btn:hover{transform:scale(1.1) rotate(5deg);background-color:#128c7e;box-shadow:0 8px 25px rgba(37,211,102,0.5);}@keyframes whatsapp-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:"Inter",sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden;width:100%;scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-dark);}h1,h2,h3,h4{font-family:"Outfit",sans-serif;font-weight:700;color:var(--text-main);}a{text-decoration:none;color:inherit;transition:var(--transition);}.bg-blob{position:fixed;width:40vw;height:40vw;background:radial-gradient( circle,rgba(254,111,66,0.15) 0%,rgba(29,61,89,0) 70% );border-radius:50%;filter:blur(80px);z-index:-1;pointer-events:none;animation:blob-move 20s infinite alternate;}.blob-1{top:-10%;left:-10%;}.blob-2{bottom:-10%;right:-10%;animation-delay:-5s;}@keyframes blob-move{0%{transform:translate(0,0) scale(1);}100%{transform:translate(100px,100px) scale(1.1);}}nav{position:fixed;top:0;width:100%;padding:1.5rem 5%;display:flex;justify-content:space-between;align-items:center;z-index:1000;background:rgba(15,23,42,0.5);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,var(--primary),var(--accent-pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.nav-links{display:flex;gap:2rem;}.nav-links a{text-decoration:none;color:#fff;font-weight:500;font-size:0.95rem;transition:var(--transition);opacity:0.8;}.nav-links a:hover{color:var(--primary);opacity:1;}.menu-toggle{display:none;background:none;border:none;color:var(--text-main);font-size:1.5rem;cursor:pointer;z-index:1001;}.hero-actions{margin-top:3.5rem;display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;}@media (max-width:768px){.hero-actions{flex-direction:column;align-items:center;width:100%;gap:1rem;}.hero-actions .btn{width:100%;max-width:300px;}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 5%;position:relative;}.hero-img-container{position:relative;width:200px;height:200px;margin-bottom:2rem;margin-top:8em;}.hero-img-container::before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(45deg,var(--primary),var(--accent-blue));border-radius:50%;z-index:-1;animation:rotate 10s linear infinite;}.hero img{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid var(--bg-dark);}@keyframes rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.hero h1{font-size:clamp(2.5rem,8vw,4.5rem);margin-bottom:0.5rem;letter-spacing:-1px;}.hero h1 span{color:var(--primary);}.hero p{font-size:1.25rem;color:var(--text-muted);max-width:700px;}.hero-badges{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;}.badge{background:var(--bg-card);border:1px solid var(--glass-border);padding:0.5rem 1rem;border-radius:99px;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;}section{padding:8rem 5%;}@media (max-width:768px){section{padding:4rem 1.5rem;}}.section-title{font-size:2.5rem;margin-bottom:3rem;position:relative;display:inline-block;}.section-title::after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:var(--primary);border-radius:2px;}.timeline{position:relative;max-width:1200px;margin:0 auto;padding:2rem 0;}.timeline::after{content:"";position:absolute;width:2px;background:linear-gradient(to bottom,var(--primary),var(--accent-pink),var(--accent-blue));top:0;bottom:0;left:50%;margin-left:-1px;border-radius:10px;}.timeline-item{padding:10px 40px;position:relative;background-color:inherit;width:50%;margin-bottom:2rem;}.timeline-item::after{content:"";position:absolute;width:20px;height:20px;right:-10px;background-color:var(--bg-dark);border:4px solid var(--primary);top:15px;border-radius:50%;z-index:1;transition:var(--transition);}.timeline-item.left{left:0;text-align:right;}.timeline-item.right{left:50%;}.timeline-item.right::after{left:-10px;}.timeline-content{padding:2rem;background:var(--bg-card);backdrop-filter:var(--glass-blur);position:relative;border-radius:20px;border:1px solid var(--glass-border);transition:var(--transition);}.timeline-item:hover .timeline-content{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.3);}.timeline-item:hover::after{background-color:var(--primary);transform:scale(1.2);}.timeline-content h3{font-size:1.4rem;color:var(--primary);margin-bottom:0.5rem;}.timeline-content h3 a:hover{text-decoration:underline !important;opacity:0.8;}.timeline-content .company-logo:hover,.timeline-content .logo-placeholder:hover{transform:scale(1.05);transition:var(--transition);}.timeline-content .job-title{color:var(--text-main);font-weight:600;margin-bottom:0.5rem;display:block;}.timeline-content .period{font-size:0.9rem;color:var(--accent-pink);font-weight:500;display:block;margin-bottom:1rem;}.timeline-content .company-logo,.timeline-content .logo-placeholder{max-width:100px;max-height:40px;object-fit:contain;margin-bottom:1rem;background:white;padding:5px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;}.timeline-content .logo-placeholder{width:40px;height:40px;font-size:1.2rem;color:var(--primary);}.timeline-content ul{list-style:none;padding:0;margin-top:1rem;text-align:left;}.timeline-content li{position:relative;padding-left:1.5rem;margin-bottom:0.5rem;color:var(--text-muted);font-size:0.95rem;}.timeline-content li::before{content:"→";position:absolute;left:0;color:var(--primary);}@media screen and (max-width:768px){.timeline::after{left:31px;}.timeline-item{width:100%;padding-left:70px;padding-right:25px;text-align:left !important;}.timeline-item::after{left:21px;right:auto;}.timeline-item.right{left:0%;}}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:2rem;}.project-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;transition:var(--transition);display:flex;flex-direction:column;}.project-card:hover{transform:translateY(-5px);border-color:var(--accent-blue);}.project-img{height:200px;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);display:flex;align-items:center;justify-content:center;position:relative;}.project-img i{font-size:4rem;opacity:0.2;}.project-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;}.project-tools{display:flex;gap:0.5rem;flex-wrap:wrap;margin:1rem 0;}.tool-tag{font-size:0.75rem;background:rgba(254,111,66,0.1);color:var(--primary);padding:0.2rem 0.6rem;border-radius:4px;}.project-links{margin-top:auto;display:flex;gap:1rem;}.btn{padding:0.8rem 1.8rem;border-radius:12px;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;cursor:pointer;border:none;transition:var(--transition);position:relative;overflow:hidden;}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#ff8b6b 100%);color:white;box-shadow:0 4px 15px rgba(254,111,66,0.3);}.btn-primary::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.2),transparent );transition:0.5s;}.btn-primary:hover::after{left:100%;}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px rgba(254,111,66,0.5);}.btn-outline{background:rgba(255,255,255,0.05);border:1px solid var(--glass-border);color:var(--text-main);backdrop-filter:var(--glass-blur);}.btn-outline:hover{background:rgba(255,255,255,0.1);border-color:var(--primary);color:var(--primary);transform:translateY(-3px);}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:2rem;}.skill-category h4{margin-bottom:1.5rem;color:var(--accent-blue);text-transform:uppercase;letter-spacing:1px;font-size:0.9rem;}.skill-list{display:flex;flex-wrap:wrap;gap:1rem;}.skill-item{background:var(--bg-card);padding:0.75rem 1.25rem;border-radius:12px;border:1px solid var(--glass-border);display:flex;align-items:center;gap:0.75rem;transition:var(--transition);}.skill-item:hover{background:rgba(56,189,248,0.1);border-color:var(--accent-blue);transform:translateX(5px);}.contact-container{display:flex;flex-wrap:wrap;gap:4rem;}.contact-info{flex:1;min-width:min(300px,100%);}.contact-info p{margin-bottom:2rem;color:var(--text-muted);}.contact-methods{display:flex;flex-direction:column;gap:1.5rem;}.contact-methods .badge{padding:1rem;width:fit-content;}.contact-form-card{flex:1;min-width:min(300px,100%);background:var(--bg-card);padding:2.5rem;border-radius:20px;border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);}.form-group{margin-bottom:1.5rem;}.form-group label{display:block;margin-bottom:0.5rem;font-size:0.9rem;}.form-control{width:100%;background:var(--bg-dark);border:1px solid var(--glass-border);padding:0.8rem;border-radius:8px;color:white;transition:var(--transition);}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(254,111,66,0.2);}@media (max-width:768px){.contact-container{flex-direction:column;gap:3rem;}.contact-form-card{padding:1.5rem;}}.about-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:4rem;align-items:center;}.about-text{font-size:1.15rem;color:var(--text-muted);}.about-text p{margin-bottom:2rem;}.hub-card{background:var(--bg-card);border-radius:24px;padding:2rem;border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);position:relative;overflow:hidden;transition:var(--transition);}.hub-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 15px 40px rgba(0,0,0,0.3);}.hub-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;}.hub-icon{width:50px;height:50px;background:#ff0033;color:white;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 5px 15px rgba(255,0,51,0.2);}.hub-header h3{font-size:1.3rem;color:var(--text-main);margin:0;}.hub-details p{font-size:1rem;margin-bottom:2rem;line-height:1.6;}@media (max-width:1024px){.about-grid{grid-template-columns:1fr;gap:3rem;}}.youtube-banner{width:100%;height:151px;margin:-2rem -2rem 2rem -2rem;width:calc(100% + 4rem);overflow:hidden;}.youtube-banner img{width:100%;height:100%;object-fit:cover;}footer{padding:4rem 1.5rem;border-top:1px solid var(--glass-border);text-align:center;width:100%;}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem;}.chakra-button{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;padding:10px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;color:var(--text-main);backdrop-filter:var(--glass-blur);}.chakra-button:hover{background:rgba(255,255,255,0.1);border-color:var(--primary);color:var(--primary);transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.3);}.chakra-button svg{fill:currentColor;}@media (max-width:768px){nav{padding:1rem 5%;}.menu-toggle{display:block;}.nav-links{position:fixed;top:0;right:-100%;width:80%;height:100vh;background:var(--bg-dark);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;transition:0.4s cubic-bezier(0.4,0,0.2,1);z-index:1000;backdrop-filter:var(--glass-blur);border-left:1px solid var(--glass-border);}.nav-links.active{right:0;}section{padding:4rem 5%;overflow-x:hidden;}.hero h1{font-size:2.8rem;}.exp-card{padding:1.5rem;padding-right:2rem;}.exp-card header{flex-direction:column;align-items:flex-start;gap:1rem;}.period{font-weight:600;color:var(--accent-pink);}.skills-container,.project-grid{grid-template-columns:1fr;width:100%;}footer{padding:3rem 5%;}}html,body{width:100%;margin:0;padding:0;overflow-x:hidden;position:relative;}main{width:100%;overflow-x:hidden;}