html{scroll-behavior:smooth}.cv-btn-wrapper{position:fixed;bottom:1rem;right:1rem;z-index:1000}.cv-btn-hyper{background:rgb(255 255 255 / .1);padding:.5rem 1rem;border-radius:25px;font-size:1rem;display:flex;align-items:center;gap:.75rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;color:#fff;border:1px solid rgb(255 255 255 / .3);transition:all 0.3s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 12px rgb(0 0 0 / .15);text-decoration:none;position:relative;font-weight:500;overflow:hidden}.cv-btn-hyper:hover{background:rgb(180 255 235 / .25);transform:translateY(-2px);box-shadow:0 6px 20px rgb(0 255 170 / .3);border-color:rgb(0 255 170 / .4)}.cv-btn-hyper:active{background:rgb(100 215 255 / .4);transform:scale(.96);box-shadow:0 0 0 4px rgb(0 255 213 / .2),inset 0 0 10px rgb(255 255 255 / .3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.cv-icon{font-size:1.2rem;transition:all 0.35s cubic-bezier(.68,-.55,.27,1.55)}.cv-btn-hyper:hover .cv-icon{transform:translateY(3px) rotate(-8deg)}.cv-underline{position:absolute;bottom:6px;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);transform:translateX(-50%);transition:width 0.4s cubic-bezier(.25,.8,.25,1);filter:drop-shadow(0 0 4px rgb(0 255 170 / .7));opacity:.9}.cv-btn-hyper:hover .cv-underline{width:calc(100% - 2rem)}.cv-ripple{position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgb(0 255 213 / .4) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:all 0.6s ease-out;pointer-events:none;border-radius:50%}.cv-btn-hyper:active .cv-ripple{width:300px;height:300px;opacity:.6}.cv-glow{position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgb(0 255 213 / .25) 0%,transparent 70%);opacity:0;transition:opacity 0.5s ease;pointer-events:none;border-radius:25px}.cv-btn-hyper:hover .cv-glow{opacity:1}body.light-mode .cv-btn-hyper{background:rgb(241 243 248 / .95);color:var(--primary-color);border:1px solid rgb(0 0 0 / .1)}body.light-mode .cv-btn-hyper:hover{background:rgb(58 134 255 / .15);box-shadow:0 6px 20px rgb(58 134 255 / .25);border-color:rgb(58 134 255 / .3)}body.light-mode .cv-btn-hyper:active{background:rgb(58 134 255 / .25);box-shadow:0 0 0 4px rgb(58 134 255 / .15),inset 0 0 10px rgb(0 0 0 / .1)}nav{filter:drop-shadow(.25rem .25rem .5rem rgb(0 0 0 / .1));width:100%}:root{--primary-color:#c7ffee;--secondary-color:#928dab;--dark-color:#1f1c2c;--light-color:#f1f5f9;--text-dark:#1f1c2c;--text-light:#f1f5f9;--bg-gradient:linear-gradient( to right, var(--dark-color), var(--secondary-color));--shadow:0 4px 6px rgba(0, 0, 0, 0.1);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{background:var(--bg-gradient);color:var(--text-light);line-height:1.6;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:var(--transition)}body.light-mode{--bg-gradient:linear-gradient(120deg, #f8fafc 0%, #e0eafc 50%, #e2e8f0 100%);--text-light:#22223b;--text-dark:#22223b;--primary-color:#3a86ff;--secondary-color:#ffbe0b;--accent-color:#391726;--card-bg:#fff;--card-border:#e0e0e0;--shadow:0 4px 24px rgba(60, 60, 60, 0.08);background:var(--bg-gradient);color:var(--text-dark);transition:background 0.5s,color 0.5s;background-attachment:fixed}body.light-mode nav{background:rgb(255 255 255 / .98);box-shadow:0 2px 12px rgb(60 60 60 / .07);border-bottom:1px solid #e0e0e0}body.light-mode .hamburger{color:var(--dark-color);background:rgb(0 0 0 / .05);border:1px solid rgb(0 0 0 / .1)}body.light-mode #about,body.light-mode #comment-form,body.light-mode #guestbook,body.light-mode .certificate,body.light-mode .education-item,body.light-mode .experience-item,body.light-mode .floating-card,body.light-mode .portfolio-item,body.light-mode .project,body.light-mode .quiz-container,body.light-mode footer{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--shadow)!important;color:var(--text-dark)!important;border-radius:18px!important}body.light-mode .timeline-badge{background:var(--primary-color);box-shadow:0 0 0 4px #e0e0e0}body.light-mode .portfolio-overlay{background:rgb(58 134 255 / .08)}body.light-mode .portfolio-item img{filter:brightness(.97) contrast(1.03)}body.light-mode .social-icons a{color:var(--primary-color);background:#f1f3f8;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgb(60 60 60 / .04)}body.light-mode .social-icons a:hover{color:var(--accent-color);background:#fffbe7;border-color:var(--accent-color)}body.light-mode .exp-company,body.light-mode .exp-date,body.light-mode .project h3,body.light-mode .timeline-entry h4,body.light-mode footer,body.light-mode h2,body.light-mode h3,body.light-mode header h1,body.light-mode nav a{color:var(--text-dark)!important}body.light-mode h2::after{background:var(--primary-color)}body.light-mode .portfolio-overlay h3,body.light-mode .project h3{color:var(--primary-color)}body.light-mode .cv-btn,body.light-mode .to-top,body.light-mode .whatsapp-btn,body.light-mode .work-btn{background:var(--primary-color)!important;color:#fff!important;border:none!important;box-shadow:0 2px 8px rgb(58 134 255 / .08);transition:background 0.3s,color 0.3s}body.light-mode .cv-btn:hover,body.light-mode .to-top:hover,body.light-mode .whatsapp-btn:hover,body.light-mode .work-btn:hover{background:var(--accent-color)!important;color:#fff!important}body.light-mode .bar-container{background:#e0e0e0}body.light-mode .bar-progress{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}body.light-mode .skills-cloud li{background:#f1f3f8;border:1px solid #e0e0e0;color:var(--primary-color)}body.light-mode .skills-cloud li:hover{background:#e0eaff;color:var(--accent-color)}body.light-mode .quiz-option{background:#f1f3f8;color:var(--text-dark);border:1px solid #e0e0e0;margin:0}body.light-mode .quiz-option:hover{background:#e0eaff;color:var(--primary-color)}body.light-mode .nav-links{background-color:rgb(255 255 255 / .9);color:var(--dark-color)}body.light-mode #comment-form input,body.light-mode #comment-form textarea{background:#f8fafc;color:var(--text-dark);border:1px solid #e0e0e0}body.light-mode #comment-form button{background:var(--primary-color);color:#fff;border:none}body.light-mode #comment-form button:hover{background:var(--accent-color);color:#fff}body.light-mode .comment{background:#f8fafc;color:var(--text-dark);border:1px solid #e0e0e0}body.light-mode .notification{background:var(--primary-color);color:#fff}body.light-mode .visitor-counter{background:#f1f3f8;color:var(--primary-color);border:1px solid #e0e0e0}body.light-mode .visitor-counter i{color:var(--primary-color)}h2{color:var(--primary-color)}@media (prefers-color-scheme:light){:root{--bg-color:rgba(255, 255, 255, 0.95);--text-color:black}}#loader-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;background:var(--bg-color);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:opacity 0.5s ease-out,visibility 0.5s ease-out}#loader-container.hidden{opacity:0;visibility:hidden}#loader-container::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgb(255 255 255 / .03),transparent);animation:shine 3s infinite cubic-bezier(.4,0,.2,1)}@keyframes shine{0%{transform:translateX(-100%) skewX(-15deg);opacity:.2}60%{opacity:.4}100%{transform:translateX(100%) skewX(-15deg);opacity:.2}}.loader{position:relative;width:120px;height:120px;border-radius:50%;perspective:800px;margin-bottom:30px;will-change:transform}.loader-inner{position:absolute;width:100%;height:100%;border-radius:50%;box-sizing:border-box;will-change:transform,filter}.loader-inner:nth-child(1){border-bottom:4px solid var(--primary-color);animation:rotate1 1.8s linear infinite,pulseGlow 2s ease-in-out infinite;filter:drop-shadow(0 0 6px var(--primary-color)) drop-shadow(0 0 12px rgb(110 69 226 / .4))}.loader-inner:nth-child(2){border-right:4px solid var(--secondary-color);animation:rotate2 1.8s linear infinite 0.3s;filter:drop-shadow(0 0 4px rgb(199 255 238 / .4))}.loader-inner:nth-child(3){border-top:4px solid rgb(199 255 238 / .4);animation:rotate3 1.8s linear infinite 0.6s}@keyframes rotate1{0%{transform:rotateX(45deg) rotateY(-35deg) rotateZ(0deg)}100%{transform:rotateX(45deg) rotateY(-35deg) rotateZ(360deg)}}@keyframes rotate2{0%{transform:rotateX(60deg) rotateY(15deg) rotateZ(0deg)}100%{transform:rotateX(60deg) rotateY(15deg) rotateZ(360deg)}}@keyframes rotate3{0%{transform:rotateX(30deg) rotateY(65deg) rotateZ(0deg)}100%{transform:rotateX(30deg) rotateY(65deg) rotateZ(360deg)}}@keyframes pulseGlow{0%,100%{box-shadow:0 0 10px rgb(110 69 226 / .5),0 0 20px rgb(110 69 226 / .2)}50%{box-shadow:0 0 20px rgb(110 69 226 / .8),0 0 30px rgb(110 69 226 / .4)}}.loader-text{position:relative;color:var(--text-color);font-family:"Inter","Helvetica Neue",sans-serif;font-weight:300;letter-spacing:4px;font-size:16px;text-transform:uppercase;animation:pulse 2s ease-in-out infinite;margin-top:20px;text-align:center;max-width:80%}.loader-text::after{content:"...";position:absolute;animation:dots 1.5s steps(5,end) infinite}@keyframes pulse{0%,100%{opacity:.8;text-shadow:0 0 10px rgb(0 0 0 / .2)}50%{opacity:1;text-shadow:0 0 20px rgb(0 0 0 / .4)}}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,100%{content:"..."}}.loader-progress{width:200px;height:3px;background:rgb(0 0 0 / .1);margin-top:30px;border-radius:3px;overflow:hidden;position:relative}@media (prefers-color-scheme:light){.loader-progress{background:rgb(0 0 0 / .1)}}.loader-progress::before{content:"";display:block;height:100%;width:var(--progress,0%);background:linear-gradient(90deg,transparent,var(--primary-color),var(--secondary-color),transparent);transition:width 0.4s cubic-bezier(.65,0,.35,1);position:absolute;left:0;top:0;border-radius:3px}.loader-progress::after{content:attr(data-progress);position:absolute;right:-40px;top:-2px;color:var(--text-color);font-family:"Inter",sans-serif;font-size:12px}.particles{position:absolute;width:100%;height:100%;pointer-events:none;overflow:hidden}.particle{position:absolute;width:2px;height:2px;background:var(--text-color);border-radius:50%;opacity:0;animation:floatParticles linear infinite}@keyframes floatParticles{0%{transform:translateY(0) translateX(0);opacity:0}20%{opacity:.3}80%{opacity:.3}100%{transform:translateY(-100vh) translateX(20px);opacity:0}}@media (max-width:768px){.loader{width:80px;height:80px}.loader-text{font-size:14px;letter-spacing:2px}.loader-progress{width:160px}}@media (prefers-reduced-motion:reduce){.loader-inner,.loader-text,.loader-progress::before,#loader-container::before,.particle{animation:none!important}.loader-inner{opacity:.7}.loader-progress::before{transition:none}}body.loading{overflow:hidden;height:100vh}#particles-js{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1;opacity:.3}header{padding:4rem 2rem 2rem;text-align:center;position:relative}header img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:3px solid rgb(255 255 255 / .1);box-shadow:var(--shadow);margin-bottom:1rem;animation:fadeIn 1s ease-in-out;transition:var(--transition);z-index:10}body.light-mode header img{content:url(icons/mina.jpg);border:3px solid rgb(0 0 0 / .1)}header img:hover{transform:scale(1.05);box-shadow:0 8px 30px rgb(0 0 0 / .4)}header h1{font-size:2.5rem;color:var(--text-light);animation:fadeInDown 1s ease-in-out;font-weight:700;margin-bottom:.5rem;position:relative;display:inline-block}header h1::after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:3px}nav{top:0;position:sticky;background:rgb(31 28 44 / .95);backdrop-filter:blur(7x);-webkit-backdrop-filter:blur(10px);z-index:999;display:flex;justify-content:center;align-items:center;padding:1rem 2rem;box-shadow:0 2px 10px rgb(0 0 0 / .3);transition:var(--transition)}body{padding-top:70px}.nav-container{display:flex;justify-content:center;width:100%;max-width:1200px;position:relative}.hamburger{display:none;position:fixed;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:20px;font-size:.7rem;align-items:center;gap:.3rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1002;color:#fff;border:1px solid rgb(255 255 255 / .2);transition:all 0.3s ease;box-shadow:0 2px 10px rgb(0 0 0 / .1);background:rgb(255 255 255 / .1)}.hamburger i{font-size:1rem}body.light-mode .hamburger{background:rgb(241 243 248 / .9);color:var(--dark-color);border:1px solid rgb(0 0 0 / .1)}.nav-links{display:flex;gap:1.5rem;justify-content:center;align-items:center}nav a{color:var(--text-light);text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 0;transition:var(--transition);display:flex;align-items:center;gap:.5rem;position:relative}nav a:hover{color:var(--primary-color)}nav a.active{color:var(--primary-color)}nav a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width 0.3s ease}nav a.active::after,nav a:hover::after{width:100%}section{padding:3rem 2rem;max-width:900px;margin:auto;position:relative}h2{font-size:2rem;margin-bottom:1.5rem;color:var(--text-light);font-weight:700;position:relative;display:inline-block}h2::after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background-color:var(--primary-color);border-radius:3px}ul{list-style:none;padding-left:1rem}li{margin-bottom:.5rem;font-weight:300;position:relative;padding-left:1.5rem}li::before{content:"▹";position:absolute;left:0;color:var(--primary-color)}.blog-post,.certificate,.experience-item,.testimonial{background:rgb(255 255 255 / .1);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;transition:transform 0.3s ease,background 0.3s ease;border-left:3px solid #fff0;position:relative;overflow:hidden}.blog-post::before,.certificate::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgb(199 255 238 / .1) 0,transparent 100%);opacity:0;transition:opacity 0.3s ease}.blog-post:hover::before,.certificate:hover::before{opacity:1}.blog-post:hover,.experience-item:hover{transform:translateY(-5px);background:rgb(255 255 255 / .15);border-left-color:var(--primary-color);box-shadow:0 5px 15px rgb(0 0 0 / .2)}.blog-post h3{color:var(--primary-color);margin-bottom:.8rem;position:relative;display:inline-block}.blog-post h3::after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:2px;background-color:var(--primary-color);transition:width 0.3s ease}.blog-post:hover h3::after{width:100%}.contact p{margin-bottom:.8rem;font-weight:300;display:flex;align-items:center;gap:.8rem}.social-icons{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.social-icons a{color:var(--text-light);font-size:1.4rem;transition:var(--transition);display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:rgb(255 255 255 / .05);text-decoration:none;position:relative;overflow:hidden}.social-icons a::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .1),transparent);transition:0.5s}.social-icons a:hover::before{left:100%}.social-icons a:hover{color:var(--primary-color);background:rgb(255 255 255 / .15);transform:translateY(-3px) scale(1.1);box-shadow:0 5px 15px rgb(0 0 0 / .2)}.cv-btn,.to-top{display:inline-flex;align-items:center;gap:.5rem;margin:1rem 0;padding:.5rem 1rem;border:1px solid rgb(143 176 200 / .2);border-radius:20px;background:rgb(255 255 255 / .1);color:var(--text-dark);font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;font-size:.8rem;position:relative;overflow:hidden;z-index:100;box-shadow:0 2px 10px rgb(0 0 0 / .1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cv-btn::before,.to-top::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .4),transparent);transition:0.5s;z-index:-1}.cv-btn:hover::before,.to-top:hover::before{left:100%}.hamburger{display:none}.cv-btn:hover,.to-top:hover{background:#fff;transform:translateY(-3px);box-shadow:0 5px 15px rgb(0 0 0 / .2)}.to-top{position:fixed;bottom:3.2rem;right:2rem;z-index:1000;box-shadow:0 2px 10px rgb(0 0 0 / .2);opacity:0;visibility:hidden;transition:var(--transition)}.to-top.visible{opacity:1;visibility:visible}.typewriter{border-left:3px solid var(--primary-color);padding-left:1.5rem;margin-bottom:2rem;font-family:"Courier New",monospace;white-space:nowrap;overflow:hidden}#about{position:relative;padding:4rem 2rem;background:rgb(31 28 44 / .7);border-radius:20px;margin:2rem auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .1)}.about-content{display:flex;gap:2rem;margin-top:2rem}.about-text{flex:1}.typewriter{border-left:3px solid var(--primary-color);padding-left:1.5rem;margin-bottom:2rem}.typing-text{font-size:1.1rem;line-height:1.8;white-space:normal;overflow:hidden}.skills-cloud{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.skills-cloud li{background:rgb(199 255 238 / .1);padding:.5rem 1rem;border-radius:50px;border:1px solid rgb(199 255 238 / .3);transition:var(--transition)}.skills-cloud li:hover{background:rgb(199 255 238 / .2);transform:translateY(-3px)}.floating-card{background:rgb(255 255 255 / .05);padding:1.5rem;border-radius:12px;border-left:3px solid var(--primary-color);margin:1.5rem 0;box-shadow:0 5px 15px rgb(0 0 0 / .1);transition:var(--transition)}.floating-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgb(0 0 0 / .2)}.timeline-container{flex:1}.timeline{position:relative;padding-left:2rem}.timeline::before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary-color),transparent)}.timeline-entry{position:relative;margin-bottom:2rem;padding-left:1.5rem}.timeline-badge{position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 0 4px rgb(199 255 238 / .2);animation:float 3s ease-in-out infinite}.timeline-entry h4{color:var(--primary-color);margin-bottom:.5rem;font-size:1.2rem}.signature{margin-top:2rem;text-align:right;font-style:italic;position:relative}.signature span{position:relative;display:inline-block;padding-right:1rem}.signature span::after{content:"";position:absolute;right:0;bottom:-5px;width:100px;height:2px;background:linear-gradient(to right,transparent,var(--primary-color))}.whatsapp-btn-container{margin:2rem 0;text-align:center;perspective:1000px}.whatsapp-btn{background:linear-gradient(135deg,var(--dark-color) 0,var(--secondary-color) 100%);color:#fff!important;padding:1rem 2rem;border-radius:50px;font-weight:600;display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;transition:all 0.5s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 15px rgb(31 28 44 / .4),inset 0 0 10px rgb(255 255 255 / .1);transform-style:preserve-3d;position:relative;overflow:hidden;border:none;cursor:pointer;border:1px solid rgb(255 255 255 / .2)}.whatsapp-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .15),transparent);transition:0.5s}.whatsapp-btn:hover::before{left:100%}.whatsapp-btn:hover{background:linear-gradient(135deg,var(--secondary-color) 0,var(--dark-color) 100%);transform:translateY(-5px) rotateX(15deg);box-shadow:0 8px 25px rgb(31 28 44 / .6),inset 0 0 15px rgb(255 255 255 / .2)}.whatsapp-btn:active{transform:translateY(2px) scale(.98)}.whatsapp-btn i{transition:transform 0.3s}.whatsapp-btn:hover i{transform:rotate(15deg)}.whatsapp-btn.clicked{animation:celebrate 1s forwards;background:linear-gradient(135deg,#591753 0,#4a114c 100%)}.whatsapp-btn .initial-text{display:inline}.whatsapp-btn .clicked-text{display:none}.whatsapp-btn.clicked .initial-text{display:none}.whatsapp-btn.clicked .clicked-text{display:inline}footer{text-align:center;padding:2rem;color:var(--text-light);background:var(--bg-gradient);font-size:.9rem;font-weight:300;border-top:1px solid rgb(255 255 255 / .1);position:relative}footer::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent)}#work{padding:3rem 2rem;max-width:900px;margin:auto;position:relative}#work h2{margin-bottom:2rem}.work-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.work-btn{background:linear-gradient(135deg,var(--dark-color) 0,var(--secondary-color) 100%);color:#fff;padding:1rem 2rem;border-radius:50px;font-weight:600;display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;transition:all 0.5s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 15px rgb(31 28 44 / .4);transform-style:preserve-3d;position:relative;overflow:hidden;border:none;cursor:pointer;border:1px solid rgb(255 255 255 / .2);min-width:200px;justify-content:center}.work-btn:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgb(31 28 44 / .6)}.work-btn:active{transform:translateY(2px) scale(.98)}.work-btn i{transition:transform 0.3s}.work-btn:hover i{transform:scale(1.2)}.skill-bars{margin-top:2rem}.skill-bar{display:flex;align-items:center;margin-bottom:1rem;opacity:0;transform:translateY(20px);transition:opacity 0.5s ease,transform 0.5s ease}.skill-bar.animated{opacity:1;transform:translateY(0)}.bar-container{flex-grow:1;height:8px;background:rgb(255 255 255 / .1);border-radius:4px;margin:0 1rem;overflow:hidden}.bar-progress{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:4px;width:0;transition:width 1.2s cubic-bezier(.4,0,.2,1);will-change:width}.skill-name{width:120px;font-weight:500}.skill-percent{width:40px;text-align:right;font-weight:500}.experience-item{display:flex;gap:2rem;margin-bottom:2rem;background:rgb(255 255 255 / .05);padding:1.5rem;border-radius:12px;border-left:3px solid var(--primary-color)}.exp-date{min-width:120px;font-weight:500;color:var(--primary-color)}.exp-company{color:var(--primary-color);margin-bottom:.5rem}.theme-toggle{position:fixed;top:1rem;right:1rem;background:rgb(255 255 255 / .1);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999;color:var(--text-light);transition:var(--transition)}body.light-mode .theme-toggle{color:var(--dark-color);background:rgb(0 0 0 / .05);border:1px solid rgb(0 0 0 / .1)}.theme-toggle:hover{background:rgb(255 255 255 / .2);transform:scale(1.1)}.visitor-counter{position:fixed;bottom:1rem;left:1rem;background:rgb(255 255 255 / .1);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;display:flex;align-items:center;gap:.5rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:100}.visitor-counter i{color:var(--primary-color)}.notification{position:fixed;bottom:2rem;right:2rem;background:var(--primary-color);color:var(--text-dark);padding:1rem 1.5rem;border-radius:12px;box-shadow:0 6px 20px rgb(0 0 0 / .15);transform:translateY(100px);opacity:0;transition:all 0.4s cubic-bezier(.175,.885,.32,1.1);z-index:9999;display:flex;align-items:center;gap:.75rem;max-width:350px;border-left:4px solid var(--accent-color)}.notification.show{transform:translateY(0);opacity:1}.notification i{font-size:1.4rem;color:var(--accent-color)}.notification .content{flex:1}.notification .title{font-weight:600;margin-bottom:.25rem;font-size:1.05rem}.notification .message{font-size:.9rem;opacity:.9;line-height:1.4}.notification .close-btn{background:#fff0;border:none;color:inherit;opacity:.7;cursor:pointer;padding:.25rem;margin-left:.5rem;transition:opacity 0.2s}.notification .close-btn:hover{opacity:1}@media (max-width:768px){.notification{bottom:auto;top:1rem;right:-100%;width:90%;max-width:none;border-radius:8px 0 0 8px;transform:none;transition:right 0.5s cubic-bezier(.68,-.55,.265,1.55)}.notification.show{right:0;transform:none}.notification:hover{box-shadow:-6px 0 20px rgb(0 0 0 / .15)}}#education{padding:3rem 2rem;max-width:900px;margin:auto}.education-item{background:rgb(255 255 255 / .1);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border-left:3px solid var(--primary-color);transition:var(--transition)}.education-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgb(0 0 0 / .2)}.edu-institution{color:var(--primary-color);font-weight:500;margin-bottom:.5rem}.edu-date{color:var(--secondary-color);font-size:.9rem;margin-bottom:.8rem}#quiz{padding:3rem 2rem;max-width:900px;margin:auto}.quiz-container{background:rgb(255 255 255 / .1);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.quiz-question{margin-bottom:1rem}.quiz-option{background:rgb(255 255 255 / .1);border:none;color:var(--text-light);padding:.5rem 1rem;margin:0;border-radius:5px;cursor:pointer;transition:var(--transition)}.quiz-option:hover{background:rgb(255 255 255 / .2)}#guestbook{padding:3rem 2rem;max-width:900px;margin:auto}#comment-form{background:rgb(255 255 255 / .1);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}#comment-form input,#comment-form textarea{width:100%;padding:.8rem;margin-bottom:1rem;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .2);border-radius:5px;color:var(--text-light);resize:none}#comment-form button{background:var(--primary-color);color:var(--text-dark);border:none;padding:.8rem 1.5rem;border-radius:5px;cursor:pointer;font-weight:600;transition:var(--transition)}#comment-form button:hover{background:var(--accent-color);color:#fff}#comments-list{margin-top:2rem}.comment{background:rgb(255 255 255 / .1);padding:1rem;border-radius:8px;margin-bottom:1rem;position:relative}.comment small{color:var(--secondary-color);font-size:.8rem}.comment-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem}.approve-btn,.delete-btn{background:0 0;border:none;color:var(--primary-color);cursor:pointer;font-size:.8rem}@keyframes rocketLaunch{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-100px) scale(1.5)}100%{transform:translateY(-100vh) scale(0);opacity:0}}.confetti{position:absolute;width:10px;height:10px;opacity:.8;animation:confetti-fall 3s linear forwards}@keyframes confetti-fall{0%{transform:translateY(-100px) rotate(0)}100%{transform:translateY(100vh) rotate(360deg);opacity:0}}.delete-btn{color:#ff6b6b}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:#fff0}50%{border-color:var(--primary-color)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes celebrate{0%{transform:scale(1)}50%{transform:scale(1.1) rotate(5deg)}100%{transform:scale(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}100%{transform:translateY(0);opacity:1}}.confetti-container{pointer-events:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;overflow:visible}.confetti{position:absolute;border-radius:50%;opacity:.85;animation:confetti-fall 3.5s linear forwards}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}100%{transform:translateY(100vh) rotate(360deg);opacity:0}}@media print{body,body.light-mode{background:#fff!important;color:#000!important}.to-top,.visitor-counter,nav{display:none!important}.theme-toggle{display:none!important}.certificate,.experience-item,.project{break-inside:avoid}a::after{content:" (" attr(href) ")";font-size:.8em;font-weight:400}}@media (max-width:768px){body{padding-top:0}header{padding-top:2rem}section{padding:2rem 1rem}:root{font-size:14px}header{padding:2.5rem 1.5rem 1.5rem}header img{width:140px;height:140px}header h1{font-size:2rem}header p{font-size:1rem}.cv-btn-wrapper{position:fixed;bottom:1rem;right:1rem;z-index:1003}.cv-btn-hyper{padding:.65rem 1.25rem;font-size:.9rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cv-btn-hyper:active{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cv-icon{font-size:1rem}.cv-btn-hyper:hover .cv-underline{width:calc(100% - 1.5rem)}nav{position:sticky;top:0;padding:.8rem 1rem;height:0;min-height:30px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all 0.3s ease}.hamburger{display:flex!important;position:relative;top:0;width:4rem;right:autorem;height:auto;padding:.5rem 1rem;border-radius:11px;font-size:.9rem;align-items:center;gap:.5rem;z-index:1001;color:#fff;border:1px solid rgb(255 255 255 / .2);background:rgb(255 255 255 / .1);transition:all 0.3s ease;cursor:pointer}.hamburger i{font-size:1rem;transition:transform 0.3s ease}.hamburger.active i{transform:rotate(90deg)}body.light-mode .hamburger{background:rgb(241 243 248 / .9);color:var(--dark-color);border:1px solid rgb(0 0 0 / .1)}.theme-toggle{position:fixed;top:0;right:2rem;width:30px;height:30px;z-index:1001;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .2);display:flex!important;align-items:center;justify-content:center;transition:all 0.3s ease;border-radius:11px}body.light-mode .theme-toggle{background:rgb(0 0 0 / .05);border:1px solid rgb(0 0 0 / .1)}.nav-links{position:absolute;top:100%;left:0;width:100%;background:rgb(31 28 44 / .98);padding:1rem;box-shadow:0 5px 10px rgb(0 0 0 / .5);flex-direction:column;gap:.5rem;display:none;z-index:999;max-height:calc(100vh - 60px);overflow-y:auto}body.light-mode .nav-links{background:rgb(255 255 255 / .98)}.nav-links.active{transform:translateY(0);opacity:1;animation:slideDown 0.3s ease forwards;display:flex}nav a{padding:.8rem;justify-content:center;font-size:1rem;border-radius:8px;margin:.2rem 0;width:90%;max-width:300px;margin:.2rem auto}nav a:hover{background:rgb(199 255 238 / .1);transform:translateX(5px)}nav a::after{display:none}section{padding:2rem 1.5rem}h2{font-size:1.7rem;margin-bottom:1.2rem}.blog-post,.certificate,.project,.testimonial{padding:1.2rem}.to-top{bottom:3rem;right:1.5rem;padding:.6rem 1.2rem;font-size:.9rem}.whatsapp-btn{padding:.8rem 1.5rem;font-size:.9rem}.about-content{flex-direction:column}.timeline-container{margin-top:2rem}.experience-item{flex-direction:column;gap:.5rem}.work-buttons{flex-direction:column;align-items:center}.work-btn{width:100%}.visitor-counter{position:static;margin:1rem auto;width:fit-content}.portfolio-grid{grid-template-columns:1fr}.theme-toggle{top:3rem;right:2.5rem;left:auto;width:36px;height:36px}}.music-btn-container{bottom:6rem;left:1rem}.music-btn{padding:.4rem .8rem;font-size:.8rem}@media (max-width:480px){header img{width:120px;height:120px}header h1{font-size:1.8rem}.social-icons a{width:40px;height:40px;font-size:1.2rem}.typing-text{white-space:normal;border-right:none;animation:none}.skill-name{width:100px}.blog-meta{flex-direction:column;gap:.3rem}}.music-btn-container{position:fixed;bottom:4rem;left:1rem;z-index:1000}.music-btn{background:rgb(255 255 255 / .1);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;display:flex;align-items:center;gap:.5rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:100;color:#fff;border:1px solid rgb(255 255 255 / .2);transition:all 0.3s ease;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.music-btn:hover{background:rgb(199 255 238 / .3);transform:translateY(-2px);box-shadow:0 4px 15px rgb(0 0 0 / .2)}.music-btn.active{background:rgb(146 141 171 / .5)}.music-btn i{font-size:1rem}.sound-bars{display:flex;align-items:flex-end;height:20px;gap:2px;margin-left:.5rem}.bar{width:3px;background:#fff;border-radius:2px;animation:soundBarAnimation 1.5s infinite ease-in-out}.bar:nth-child(1){height:4px;animation-delay:0.1s}.bar:nth-child(2){height:8px;animation-delay:0.3s}.bar:nth-child(3){height:12px;animation-delay:0.5s}.bar:nth-child(4){height:16px;animation-delay:0.7s}@keyframes soundBarAnimation{0%,100%{transform:scaleY(.7)}50%{transform:scaleY(1.3)}}body.light-mode .music-btn{background:rgb(241 243 248 / .9);color:var(--dark-color);border:1px solid rgb(0 0 0 / .1)}body.light-mode .music-btn:hover{background:rgb(58 134 255 / .2)}body.light-mode .bar{background:var(--primary-color)}@media (max-width:767px){.music-btn-container{position:fixed;bottom:1rem;left:1rem;z-index:1000}html,body{overflow-x:hidden}.music-btn{padding:.4rem .8rem;font-size:.8rem}.music-btn i{font-size:.9rem}.sound-bars{height:16px}.bar{width:2px}.bar:nth-child(1){height:3px}.bar:nth-child(2){height:6px}.bar:nth-child(3){height:9px}.bar:nth-child(4){height:12px}body{padding-top:0}:root{font-size:14px}header{padding:2.5rem 1.5rem 1.5rem;padding-top:2rem}header img{width:140px;height:140px}header h1{font-size:2rem}header p{font-size:1rem}nav{position:sticky;top:0;padding:.8rem 1rem;background-color:var(--nav-bg);box-shadow:0 2px 10px rgb(0 0 0 / .1);z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center;position:relative}.hamburger{display:flex!important;left:2rem;cursor:pointer;font-size:1.5rem;color:var(--nav-text);padding:.5rem}.nav-links{position:absolute;top:100%;left:0;width:100%;background-color:var(--nav-bg);flex-direction:column;gap:.5rem;padding:1rem;display:none;box-shadow:0 5px 10px rgb(0 0 0 / .1);z-index:999}.nav-links.active{display:flex}nav a{padding:.8rem 1rem;font-size:1rem;width:100%;max-width:300px;margin:.2rem auto;text-align:center;color:var(--nav-text);text-decoration:none;border-radius:4px;transition:all 0.3s ease}nav a:hover,nav a.active{color:var(--primary-color);background-color:var(--nav-hover-bg)}section{padding:2rem 1.5rem}h2{font-size:1.7rem;margin-bottom:1.2rem}.blog-post,.certificate,.project,.testimonial{padding:1.2rem}.about-content{flex-direction:column}.timeline-container{margin-top:2rem}.experience-item{flex-direction:column;gap:.5rem}.work-buttons{flex-direction:column;align-items:center}.work-btn{width:100%}.portfolio-grid{grid-template-columns:1fr}.cv-btn-wrapper{position:fixed;bottom:1rem;right:1rem;z-index:1003}.theme-toggle{position:fixed;top:3rem;right:2.5rem;width:36px;height:36px;z-index:1001;display:flex!important}.to-top{bottom:3rem;right:1.5rem}}@media (max-width:480px){header img{width:120px;height:120px}header h1{font-size:1.8rem}.social-icons a{width:40px;height:40px;font-size:1.2rem}.typing-text{white-space:normal}.skill-name{width:100px}.blog-meta{flex-direction:column;gap:.3rem}nav{padding:.6rem .8rem}.hamburger{font-size:1.3rem;padding:.3rem}.nav-links{padding:.8rem}nav a{font-size:.9rem;padding:.6rem .8rem}}@media (min-width:768px) and (max-width:1023px){html,body{overflow-x:hidden}:root{font-size:15px}header{padding:3rem 2rem}header img{width:160px;height:160px}header h1{font-size:2.2rem}section{padding:2.5rem 2rem}.portfolio-grid{grid-template-columns:repeat(2,1fr)}nav{padding:.6rem 1.2rem;position:sticky;top:0;background-color:var(--nav-bg);box-shadow:0 2px 8px rgb(0 0 0 / .08);z-index:1000}.nav-container{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.hamburger{display:none!important}.nav-links{display:flex!important;flex-direction:row;gap:.5rem;padding:0;margin:0;background-color:#fff0;box-shadow:none}nav a{font-size:.65rem;padding:.55rem .8rem;color:var(--nav-text);text-decoration:none;border-radius:3px;transition:all 0.3s ease;white-space:nowrap}nav a:hover,nav a.active{color:var(--primary-color);background-color:var(--nav-hover-bg)}.nav-logo{font-size:1rem;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis}.about-content{flex-direction:row;gap:2rem}.experience-item{flex-direction:row}}@media (min-width:1024px) and (max-width:1439px){html,body{overflow-x:hidden}body{font-size:16px}header{padding:3.5rem 2.5rem}header img{width:180px;height:180px}header h1{font-size:2.5rem}section{padding:3rem 2.5rem}.portfolio-grid{grid-template-columns:repeat(3,1fr)}nav{padding:.6rem 1.5rem;position:sticky;top:0;background-color:var(--nav-bg);box-shadow:0 2px 10px rgb(0 0 0 / .05);z-index:1000}.nav-container{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:1rem;padding:0;margin:0;list-style:none}nav a{font-size:.9rem;padding:.4rem .8rem;color:var(--nav-text);text-decoration:none;border-radius:3px;transition:all 0.2s ease;white-space:nowrap;font-weight:500}nav a:hover,nav a.active{color:var(--primary-color);background-color:var(--nav-hover-bg);transform:scale(1.05)}.nav-logo{font-size:1.1rem;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis}.nav-special{padding:.4rem 0.8rem!important;font-size:0.85rem!important;margin-left:.8rem}nav a::after{content:"";display:block;width:0;height:1px;background:var(--primary-color);transition:width 0.3s;margin-top:.2rem}nav a:hover::after{width:100%}}*/ body.light-mode{.hamburger{background:rgb(241 243 248 / .9);color:var(--dark-color);border:1px solid rgb(0 0 0 / .1)}.nav-links{background:rgb(255 255 255 / .98)}.theme-toggle{background:rgb(0 0 0 / .05);border:1px solid rgb(0 0 0 / .1)}.music-btn{background:rgb(241 243 248 / .9);color:var(--dark-color);border:1px solid rgb(0 0 0 / .1)}}body.loading{overflow:hidden;height:100vh}#certifications{padding:4rem 2rem;max-width:1000px;margin:auto}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.2rem;margin-bottom:.5rem;color:var(--primary-color);position:relative;display:inline-block}.section-header h2::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:var(--primary-color);border-radius:3px}.section-subtitle{color:var(--text-light);font-size:1.1rem;max-width:600px;margin:0 auto}.certificates-container{display:grid;grid-template-columns:1fr;gap:1.5rem}.certificate{background:rgb(255 255 255 / .1);padding:2rem;border-radius:16px;border-left:4px solid var(--primary-color);transition:var(--transition);position:relative;overflow:hidden}.certificate::before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:rgb(199 255 238 / .05);border-bottom-left-radius:100%;transition:var(--transition)}.certificate:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgb(0 0 0 / .3)}.certificate:hover::before{width:80px;height:80px}.certificate-header{display:flex;align-items:center;margin-bottom:1.5rem}.cert-logo{width:60px;height:60px;margin-right:1.5rem;flex-shrink:0}.cert-logo img{width:100%;height:100%;object-fit:contain}.cert-title h3{color:var(--primary-color);margin-bottom:.3rem;font-size:1.3rem}.cert-issuer{font-weight:500;color:var(--text-light);font-size:.95rem}.certificate-body{margin-bottom:1.5rem}.cert-description{color:var(--text-light);line-height:1.6;margin-bottom:1.5rem}.cert-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;font-size:.9rem}.cert-date,.cert-id{display:flex;align-items:center;color:var(--secondary-color)}.cert-date::before{content:"\f073";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:.5rem}.cert-id::before{content:"\f02b";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:.5rem}.cert-skills{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:rgb(199 255 238 / .1);color:var(--primary-color);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;border:1px solid rgb(199 255 238 / .2)}.certificate-footer{display:flex;gap:1rem;flex-wrap:wrap}.cert-link,.cert-download{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.5rem;border-radius:30px;text-decoration:none;font-weight:600;transition:all 0.3s ease;font-size:.9rem;cursor:pointer;border:none}.cert-link i,.cert-download i{font-size:.9em}.cert-link{background:var(--primary-color);color:#111;box-shadow:0 4px 15px rgb(199 255 238 / .3)}.cert-download{background:rgb(255 255 255 / .1);color:#fff;backdrop-filter:blur(5px);border:1px solid rgb(255 255 255 / .2)}.cert-link:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 20px rgb(199 255 238 / .4)}.cert-download:hover{background:rgb(255 255 255 / .2);transform:translateY(-2px)}.view-more{text-align:center;margin-top:2rem;color:var(--text-light)}.view-more a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:var(--transition)}.view-more a:hover{text-decoration:underline}body.light-mode .cert-link{color:#111}body.light-mode .cert-download{background:rgb(0 0 0 / .05);color:#333;border:1px solid rgb(0 0 0 / .1)}body.light-mode .cert-download:hover{background:rgb(0 0 0 / .08)}body.light-mode .cert-issuer,body.light-mode .cert-description{color:var(--text-dark)}@media (max-width:768px){.certificate-header{flex-direction:column;align-items:flex-start}.cert-logo{margin-right:0;margin-bottom:1rem}.certificate{padding:1.5rem}}.linkedin-promo{display:flex;align-items:center;gap:1.5rem;background:rgb(0 119 181 / .05);border-radius:16px;padding:1.8rem;margin-top:0rem;border:1px solid rgb(0 119 181 / .15);transition:all 0.3s ease;backdrop-filter:blur(5px)}.linkedin-promo:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgb(0 119 181 / .15);border-color:rgb(0 119 181 / .3)}.linkedin-icon{width:70px;height:70px;background:rgb(0 119 181 / .1);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.linkedin-icon svg{width:40px;height:40px}.linkedin-details h4{color:var(--primary-color);margin-bottom:.5rem;font-size:1.2rem}.linkedin-details p{color:var(--text-light);margin-bottom:1.2rem;font-size:.95rem;opacity:.9}.linkedin-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.8rem;background:#0077b5;color:white!important;border-radius:30px;text-decoration:none;font-weight:600;transition:all 0.3s ease;border:none;box-shadow:0 4px 15px rgb(0 119 181 / .3)}.linkedin-btn:hover{background:#00669c;transform:translateY(-2px);box-shadow:0 6px 20px rgb(0 119 181 / .4)}body.light-mode .linkedin-btn{background:#0077b5;color:white!important}.linkedin-btn .arrow{transition:transform 0.3s ease}.linkedin-btn:hover .arrow{transform:translateX(3px)}body.light-mode .linkedin-promo{background:rgb(0 119 181 / .03);border-color:rgb(0 119 181 / .1)}@media (max-width:768px){.linkedin-promo{flex-direction:column;text-align:center;padding:1.5rem}.linkedin-icon{width:60px;height:60px;border-radius:12px}}.mina-section{padding:4rem 2rem;max-width:1200px;margin:0 auto;background:var(--section-bg);border-radius:16px;box-shadow:0 10px 30px rgb(0 0 0 / .1)}.mina-container{margin-top:2rem}.mina-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.mina-search{position:relative;max-width:600px;margin:0 auto;width:100%}#minaSearch{width:100%;padding:1rem 1rem 1rem 3rem;border-radius:50px;border:2px solid rgb(199 255 238 / .3);background:rgb(255 255 255 / .05);color:var(--text-light);font-size:1rem;transition:all 0.3s ease;backdrop-filter:blur(5px)}#minaSearch:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgb(199 255 238 / .2);background:rgb(255 255 255 / .1)}.search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);width:20px;height:20px;fill:var(--text-light);opacity:.7;pointer-events:none}.clear-search{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;opacity:0;transition:all 0.3s ease}.clear-search svg{width:18px;height:18px;fill:var(--text-light)}#minaSearch:not(:placeholder-shown)+.search-icon+.clear-search{opacity:.7}.clear-search:hover{opacity:1!important}.mina-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.filter-btn{padding:.7rem 1.5rem;border-radius:50px;background:rgb(255 255 255 / .05);border:2px solid rgb(255 255 255 / .1);color:var(--text-light);cursor:pointer;transition:all 0.3s ease;font-size:.9rem;font-weight:500;backdrop-filter:blur(5px)}.filter-btn:hover{background:rgb(255 255 255 / .1);transform:translateY(-2px)}.filter-btn.active{background:var(--primary-color);color:#111;border-color:#fff0;font-weight:600;box-shadow:0 4px 15px rgb(199 255 238 / .3)}.mina-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.mina-card{background:rgb(255 255 255 / .05);border-radius:12px;padding:1.8rem;transition:all 0.4s cubic-bezier(.175,.885,.32,1.1);backdrop-filter:blur(5px);border:1px solid rgb(255 255 255 / .1);opacity:1;transform:scale(1);height:100%;display:flex;flex-direction:column}.mina-card.hidden{display:none}.mina-card.filtered-out{opacity:.3;transform:scale(.95)}.mina-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px rgb(0 0 0 / .2);border-color:rgb(199 255 238 / .3)}.mina-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem}.mina-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mina-icon svg{width:28px;height:28px}.web-icon{background:rgb(73 182 255 / .1)}.web-icon svg{fill:#49b6ff}.backend-icon{background:rgb(255 112 112 / .1)}.backend-icon svg{fill:#ff7070}.data-icon{background:rgb(101 224 155 / .1)}.data-icon svg{fill:#65e09b}.stats-icon{background:rgb(255 168 106 / .1)}.stats-icon svg{fill:#ffa86a}.seo-icon{background:rgb(255 214 89 / .1)}.seo-icon svg{fill:#ffd659}.media-icon{background:rgb(179 136 255 / .1)}.media-icon svg{fill:#b388ff}.mina-card h3{color:#fff;margin:0;font-size:1.3rem;flex-grow:1}.mina-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem;flex-grow:1}.mina-items li{position:relative;padding-left:1.5rem;color:var(--text-light);font-size:.95rem;line-height:1.5}.mina-items li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;background:var(--primary-color);border-radius:50%}.mina-name{transition:all 0.3s ease}.mina-card:hover .mina-name{color:#fff}.mina-footer{text-align:center;margin-top:3rem;color:var(--text-light);font-size:.9rem;opacity:.8}body.light-mode .mina-section{background:#fff;box-shadow:0 10px 30px rgb(0 0 0 / .05)}body.light-mode #minaSearch{background:rgb(0 0 0 / .03);border-color:rgb(0 0 0 / .1);color:var(--text-dark)}body.light-mode .filter-btn{background:rgb(0 0 0 / .03);border-color:rgb(0 0 0 / .1);color:var(--text-dark)}body.light-mode .filter-btn:hover{background:rgb(0 0 0 / .05)}body.light-mode .filter-btn.active{color:#111}body.light-mode .mina-card{background:#fff;border:1px solid rgb(0 0 0 / .05);box-shadow:0 5px 15px rgb(0 0 0 / .03)}body.light-mode .mina-card:hover{box-shadow:0 10px 25px rgb(0 0 0 / .1);background:rgb(0 119 181 / .05)}body.light-mode .mina-card h3,body.light-mode .mina-items li{color:#333}body.light-mode .mina-card:hover h3,body.light-mode .mina-card:hover .mina-items li{color:#111}body.light-mode .mina-progress{opacity:1!important}@media (max-width:768px){.mina-grid{grid-template-columns:1fr}.mina-filters{gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.8rem}}@media (max-width:480px){.mina-section{padding:3rem 1rem}.mina-card{padding:1.5rem}.mina-header{flex-direction:column;align-items:flex-start;gap:1rem}.mina-progress{margin-top:.5rem}}.typewriter-container{background-color:#f5f5f5;border-left:4px solid #2c3e50;padding:20px;font-family:"Courier New",monospace;font-size:1.1rem;line-height:1.6;max-width:800px;margin:2rem auto;position:relative}.typewriter-text{display:inline;color:#333}.cursor{display:inline-block;color:#2c3e50;animation:blink 1s step-end infinite}@keyframes blink{from,to{opacity:1}50%{opacity:0}}.typewriter-container{position:relative;overflow:hidden}.typewriter-container::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 95%,rgb(0 0 0 / .03) 100%);pointer-events:none}.project{display:flex;flex-direction:column;gap:1.8rem;background:rgb(255 255 255 / .08);padding:2.5rem;border-radius:22px;margin-bottom:3rem;transition:all 0.5s cubic-bezier(.19,1,.22,1);border:1px solid rgb(255 255 255 / .15);position:relative;overflow:hidden;text-align:left;backdrop-filter:blur(12px)}.project::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),#00f0ff,#ff00f2);background-size:300% 300%;animation:borderFlow 8s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes borderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.project:hover{transform:translateY(-10px) scale(1.02);background:rgb(255 255 255 / .15);box-shadow:0 25px 60px rgb(0 0 0 / .45),0 0 40px rgb(199 255 238 / .25)}.project-image{position:relative;display:inline-block;perspective:1000px}.project-image img{width:180px;height:auto;border-radius:22px;object-fit:cover;border:3px solid rgb(255 255 255 / .25);transition:transform 0.6s cubic-bezier(.22,1,.36,1),box-shadow 0.4s ease,filter 0.4s ease;box-shadow:0 15px 40px rgb(0 0 0 / .35);transform-style:preserve-3d}.project:hover .project-image::after{transform:rotate(25deg) translate(40%,40%);opacity:1}.project:hover .project-image img{transform:rotateY(12deg) rotateX(6deg) scale(1.1);filter:brightness(1.2) saturate(1.2);box-shadow:0 25px 60px rgb(0 0 0 / .45),0 0 35px rgb(199 255 238 / .35),0 0 55px rgb(146 141 171 / .25)}@keyframes neonLoop{0%,100%{filter:drop-shadow(0 0 12px var(--primary-color))}50%{filter:drop-shadow(0 0 24px var(--secondary-color))}}.project:nth-child(3) .project-image img{animation:neonLoop 3s infinite ease-in-out}.project-content h3{margin-bottom:1.2rem;font-size:1.6rem;color:var(--primary-color);position:relative;display:inline-block;letter-spacing:1px;text-transform:uppercase;font-weight:700}.project-content h3::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),#00f0ff);border-radius:2px}.project-actions .cv-btn{padding:.9rem 2rem;border-radius:50px;font-weight:700;letter-spacing:.5px;transition:all 0.4s ease;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--dark-color);border:none;position:relative;overflow:hidden;justify-content:flex-start}.project-actions .cv-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgb(255 255 255 / .4);transform:skewX(-20deg);transition:left 0.6s ease}.project-actions .cv-btn:hover::before{left:100%}.project-actions .cv-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 30px rgb(199 255 238 / .45)}@media (max-width:767px){.project-image img{width:150px;height:auto}.project-actions{flex-direction:column;align-items:center}.project-actions .cv-btn{width:220px}}