*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,Roboto,sans-serif;transition:color .3s}:root{--text-light:#000;--text-secondary:#2b2b2b;--text-dark:#fff;--bg-light:#ffffffe6;--bg-dark:#000000e6;--bg-light-secondary:#dbdbdbd7;--bg-dark-secondary:#0c0c0ce0;--btn-color:#333;--btn-color-hover:#555}.background-wrapper{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0}.background-dots{background-color:#000;background-image:radial-gradient(#fff3 1px,#000 1px);background-size:20px 20px;width:100%;height:100%;position:absolute;inset:0}.background-light{background-color:#fff;width:100%;height:100%;position:absolute;inset:0}.background-light:before{content:"";background-image:linear-gradient(90deg,#0000001a 1px,#0000 1px),linear-gradient(#0000001a 1px,#0000 1px);background-size:14px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 50% at 50% 0,#000 70%,#0000 110%);mask-image:radial-gradient(80% 50% at 50% 0,#000 70%,#0000 110%)}.background-pattern{background-color:#fff;width:100%;height:100%;position:absolute;inset:0}.background-pattern:before{content:"";background-image:radial-gradient(#727171 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.background-glow{background-color:#000;width:100%;height:100%;position:absolute;inset:0}.background-glow:before{content:"";background-image:linear-gradient(90deg,#4f4f4f2e 1px,#0000 1px),linear-gradient(#8080800a 1px,#0000 1px);background-size:14px 24px;position:absolute;inset:0}.background-glow:after{content:"";background:radial-gradient(400px at 50% 300px,#fbfbfb36,#000);border-radius:50%;width:1000px;height:1000px;position:absolute;top:-10%;left:0;right:0}*{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAd5JREFUWEfF189KAlEUx/HvtGnXE7TpAYK2FUVErRTUhSP4HrUtWrdo5xMIagtXKujWTRAVtSkIatEiCKI/E4h/so7MiMl470xzxbsSnPH3mXPujGcsZrysGeejAiwAR8A8cALcTQOrAjSAHTf03f18bhqhAvQsy5rr9/tepiC2gQuTCBVgmDwS+OYiLk0htIBUKkW73aZSqXiZr8AWcGMCoQXYtk0+nyeZTE4FoQWk02lKpRLdbtcPsQ7cRqlEYICE+CBegM0oiFCAaSBCAxSINeA+bDv+BZiAeAY2wiL+DTCFiARQIFaBxyDtiAzwEPK8KJfLXuaT2w4twghAUnu9HvLMCIswBlAgpB1SEd9lFDABIW2Qu8MXYRzgIbLZ7OAR7q4HYAX4GC+DFpDJZCgUCn/Oa7Va5HI5qtUqnU7Ht7SyJ5rN5uh3e8BxaIDs7mKxODxPAuPxOPV6PchdNnqMDZxGAkh4IpGgVqt5vyNT0pVG0v0d56QUh37HaVvg/R1LeCwWo9GQUXGwjIxogQAykEwjXK5CC5CRzHEc41fulVELGOvblzsPGhvPVYDvsQp9ArvAWdjtrzpeBbgGlt2THffFxGi4bg8sAQfAIrBv+oUkyB4wWemJvzXzt+MfgjUGMG04prUAAAAASUVORK5CYII=),auto}a,i,button,select,input,span,link,li,textarea,svg,.clickable{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABDlJREFUWEftl1lIdVUUx38OiA8OKX2SgiiJmCOJaYIoVBQ9Rc6GUpSYhgMYPghSaj306IBD+WBRoDilmCD5EqZ8kBn6oZYKlaCIaGkpNmhqd23vluP1eI+3T99acLj7nLuG//mvddba242byT3gceAX4Gfg9GZm1lpuFirhQDfwjEFvC3gLGLF2b61hBeBb4CkTN8fAE8BP1iGcazgDIJT/KObJycnU1dUxMTFBR0eH9lgPvHeXAF4AvpQAnZ2dlJWVsbe3R2BgoI75mY2BV+8SQBYwJAF6e3spKChQsTw8PDg9VTU4DIjOQ4mzFPwP4GU7zZdS4OnpycnJidD+m/3yA/qBWuB3V/PhLAWZwOeONWAA4BjrO6AKeA74B5gBvrJqWs4AWDFAZGQkh4eHbG5uXvfiK0A68CgQBPwAbBuV/zOAuLg45ubm1BeRkJDAyorEMhVJ1SOGf+4DxcCyPHME4A5I+5XeL53uE8cUuLmdm2RnZzM4OKjW8on29fWpdUVFBbW1tVRWVjI8LF+qqUjwJOAPIwChvBN4zNHE2AesAEiBuru709PTQ2FhoXLl5+dHaWkp4+PjLC4uavev2QbcpxpABPA94GWG16wR5ebm0t8vxQ/5+fkX67OzM/VsYGCAvLw8tW5ra6O8vJytrS2Cg4N1iA9lqGkA7+i+LoopKSmq929sbChlI4CioiLGxsZob2+/eENjCjQASY+A1GBycnLUWjMISM4KNADJtVDC7u4uAQEBdHd3U1wstXIZgBlDDQ0NNDY2IoW5sLBwhQFhwwSA0JevAQgaxZd+AymgrKzzVm9kwAyA5F0CR0RE4Ovrq1SmpqbIyMhQ6+npadLS0hwZcA5gdXWVqKgoZSSFExsbaxb72mcCqr6+Hm9vb5VOTb0hBZcAXKTg4OAAHx8f5XhtbU39hofLl/nwsr+/j7+/v3b0MfCGTsEH9l6uqJRc3oXMz8+TmJioXb9va9PvagCSf9VJWlpaqKqSln770tzcTHV1tXYsn8igBuAN7AHeSUlJzM7O3n50UG8vLACH9vnwl7ETyharSP5dWloiJibmVkEsLy8THR2tfUrNvS43RgDPAxPyMDU1lcnJSby8TBujy8COjo5IT09nZkYmtJJn7aP6yjAaB14UjczMTIaGhoydy+XAYiDTUnyNjo5q+y+Al/SN4zSUsSlJCtMgmpqaCAtTty7L+vq6KuiRkYszjJyqngT2rwMgz0XhGz2YJA01NTWUlJTcuB9IE+vq6qK1tZXjYznDKPkbeNpG7gPjm1y3IXkF+Ag476t2CQ0NVe01Pj6eoKAgQkJCVICdnR22t7dVD5Ha0UPMYHpg34QMONLobEck+4JmGRguc3/ZoNdG+duAnCmviNXZUAxkosgBVfYMrojs0d60VfzXzoxuAkDbS4HK5lIuaVxm8qf9CP+rfctuCfhfV9+GMHj1ygkAAAAASUVORK5CYII=),pointer!important}button:disabled,input:disabled,select:disabled,.disabled{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABKBJREFUWEfFV0ksvVcU/xkTMwmJRCptkYipG6EVC1GEpGZqnikaEQtBzUNMsTKkRcxDooYYF0JaK2klNmJICK0gESSExsIUdS73y/fe/3tTu3h39e53zzn3d8/5neHpQMtLR8v3478C+BzAlwCsPh5wA+AvAMeaPkgTAF+/XZIK4DsAnym46BTA0hu4EQB/qgNGHQBfAGgGEKeOQZHMrwB+AvC3Mj1VAGLfXtsPwIwbcXZ2hp+fH9zc3GBvb4/X11ecnJxgd3cXa2tr2N/fF9/3D4AsAFOKQCgD8AOAHq7o7e2Nrq4ueHp6KnXExsYGCgoKsLm5KZbLBdArpagIAL18kiuQwY6ODujoqHLYuwZ5pbCwkAEWre+lPCFlkWK+xd1eU1OD2tpawc7e3h6qqqqws7OD09NTPD4+wsfHB0FBQUhISICDg4MgW11djYaGBr6ncHwlzwkpABOccFFRUZiZmREMLi0tISIiAi8vL5JhMDIyQl9fHxITE4VzsjE7O8v3RMx4sbI8AEq1P0jA1tYWh4eHMDExEeTJtWlpaRgdHVXKg9LSUrS0tDCZu7s7ODk54fLykut8I05ReQA/A8gnyd7eXuTk5DCl7u5uZGVlwcDAgMU3JSUF4+PjSkHMzc0hPDxc0M/PZ2Zp/QLgR76RB3BCRcbY2Jgh19PTY7F2d3dHcHAw5ufnYWhoyEIQHx+P6elphSCsrKxYStrY2DB5CwsL3N/fkzwVK3spAFReWdGIjY3F5OR7EuTl5aGn5z0bCcTi4iL09fXVAlFfX88ISysyMhLklY9FRGdlW+wBfwC/0cfm5maUlZUxWUdHRxwdHQkvDQsLY8TkIIhkCwsLkp4ICAjA6uoqO6NsoKz4WN8C+F0eQDQA5tOBgQFkZGQwWXL509OTzAUUWwJBISL3ksdETBdk7ezscHZ2xvaUHZxTAGIAsPQSe0AAMDg4iPT0dKZoaWmJ29vbT15I6UggdHV1GYjo6GjGEfHy8PDA1haVFKC/vx/Z2dn8WBKAEILW1laUlJQwYV9fX6yvr0u6OCYmBhMTE8wTz8/PCA0NxfLysiAbGBiIlZUVtm9qakJFRYXSEAgkjIuLY4ZpER/Ky8slAdBHMQiqihQeDkLMJZITFTVJEpI9loZmZma4vr5mRKPS6+rqqhAAHVBKUl2gcBBfCAR1xvPzcxZC+kZpqSoNyZZQiMbGxpCUlMQuJkIODQ0pBUGyVCGpYdGF9DszM5PpDA8PC5xSVYiEUuzi4sJ6PK2bmxvmBXqRspWcnIyRkRGZrkmVk2aIg4MDrqq0FJOQ0IyKi4vR1tbGFC8uLhjTFRGSZKiCUjpSZ+SrqKgI7e3tfKuyGZGgTDuuq6sTCgi9hgoLpen29jaOj49Zs/Ly8oK/vz/rF+bm5sLllZWVaGxs5Hu12zEpyAwkISEhzLXW1tZKQ8APr66ukJqaKpOSANQeSLgdmZGMXkalNDc3F6amppJAqIF1dnay1P1gPJfTeCTjip8MpTR0UOklt4uHUpoFp6am8PDwIAb3v4ZSbkirY7n4NVr7YyIVb638NVMrAzQVUm/Q19SqBvL/Ai6zxzAiRN4qAAAAAElFTkSuQmCC),not-allowed!important}.home{padding:40px 20px}.hero{text-align:center;margin:6rem 1rem 15rem}.hero h1{color:var(--text-light);margin-bottom:20px;font-size:3.5rem}.dark-mode .hero h1{color:var(--text-dark)}.highlight{color:var(--text-accent)}.hero h2{color:var(--text-light);margin-bottom:20px;font-size:2rem}.dark-mode .hero h2{color:var(--text-dark)}.hero-text{color:var(--text-light);max-width:600px;margin:0 auto 30px;font-size:1.2rem}.dark-mode .hero-text{color:var(--text-dark)}.cta-button{background-color:var(--btn-color);color:var(--text-dark);border-radius:25px;padding:12px 30px;font-size:1.1rem;text-decoration:none;transition:transform .3s,background-color .3s;display:inline-block}.cta-button:hover{background-color:var(--btn-color-hover);transform:translateY(-3px)}.skills-section{text-align:center;margin-top:80px}.skills-section h2{margin-bottom:40px;font-size:2rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:30px;max-width:800px;margin:0 auto;display:grid}.skills-h2{color:var(--text-light);font-size:1.5rem}.dark-mode .skills-h2{color:var(--text-dark)}.skill-item{flex-direction:column;align-items:center;gap:10px;display:flex}.skill-item i{font-size:3rem;transition:color .3s}.react-icon{color:#61dafb}.javascript-icon{color:#f7df1e}.html-icon{color:#e34f26}.css-icon{color:#1572b6}.git-icon{color:#f1502f}.tailwind-icon{color:#06b6d4;width:3rem;height:3rem;transition:transform .3s}.npm-icon{color:#cb3837}.package-managers{align-items:center;gap:10px;display:flex}.npm-icon{color:#cb3837;font-size:2.5rem}.pnpm-icon{color:#f69220;width:2.5rem;height:2.5rem;transition:transform .3s}.skill-item:hover .pnpm-icon,.skill-item:hover .tailwind-icon,.skill-item:hover i.npm-icon,.skill-item:hover i{transform:scale(1.1)}.skill-item span{color:var(--text-light);font-size:1.1rem}.dark-mode .skill-item span{color:var(--text-dark)}.wave{transform-origin:70% 70%;animation:2.5s infinite wave;display:inline-block}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@media (width<=768px){.main-content{width:100%;margin-left:0;padding-top:60px}.hero{margin:10rem 0 25rem}.hero h1{margin-bottom:2rem;font-size:2.5rem}.hero h2{margin-bottom:2rem;font-size:1.5rem}.hero-text{margin-bottom:2rem;font-size:1rem}.home{flex-direction:column;min-height:100vh;display:flex}.hero{flex-direction:column;order:1;justify-content:center;height:70vh;margin:0 0 14rem;display:flex}.skills-section{order:3;margin:20px 0 60px}.hero h1{font-size:2.5rem}.hero h2{font-size:1.5rem}.hero-text{font-size:1rem}.cta-button{padding:10px 20px;font-size:1rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stats-grid{grid-template-columns:1fr}.stat-item h3{font-size:2rem}.stat-item p{font-size:.9rem}}.about{padding:40px 20px}.about h1{text-align:center;color:var(--text-light);margin-bottom:40px;font-size:2.5rem}.dark-mode .about h1{color:var(--text-dark)}.experience-title{text-align:center;color:var(--text-light);margin:40px 0;font-size:2.5rem}.about-content{grid-template-columns:1fr;gap:40px;max-width:1000px;margin:0 auto;display:grid}.bio,.skills{background-color:var(--bg-light);border-radius:15px;padding:30px;box-shadow:0 4px 6px #00000048}.dark-mode .bio,.dark-mode .skills{background-color:var(--bg-dark);box-shadow:0 4px 6px #ffffff48}.bio h2{color:var(--text-light);margin-bottom:20px;font-size:1.8rem}.skills h2{color:var(--text-light);text-align:center;margin-bottom:20px;font-size:1.8rem}.dark-mode .bio h2,.dark-mode .skills h2{color:var(--text-dark)}.bio p{color:var(--text-light);margin-bottom:25px;line-height:1.6}.dark-mode .bio p{color:var(--text-dark)}.social-links{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.social-links a{color:var(--text-light);border-radius:50%;font-size:1.5rem}.dark-mode .social-links a{color:var(--text-dark)}.social-links .github:hover{color:#24292e;transition:color .3s}.social-links .X:hover{color:#000;transition:color .3s}.social-links .linkedin:hover{color:#0077b5;transition:color .3s}.skills-container{grid-template-columns:1fr;gap:20px;display:grid}.skill-category h3{color:var(--text-light);text-align:center;margin-bottom:15px;font-size:1.2rem}.dark-mode .skill-category h3{color:var(--text-dark)}.skill-category ul{padding:0;list-style:none}.skill-category li{background-color:var(--bg-light);color:var(--text-light);border-radius:20px;margin:10px 0;padding:8px 15px;font-size:.9rem;transition:transform .3s}.dark-mode .skill-category li{background-color:var(--bg-dark);color:var(--text-dark)}.skill-category li:hover{transform:translateY(-5px)}.project-image img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.experience-container{grid-template-columns:1fr;gap:40px;max-width:1000px;margin:0 auto;display:grid}.experience-section{background-color:var(--bg-light);border-radius:15px;padding:30px;box-shadow:0 4px 6px #00000048}.dark-mode .experience-section{background-color:var(--bg-dark);box-shadow:0 4px 6px #ffffff48}.experience-section h2{color:var(--text-light);margin-bottom:30px;font-size:1.8rem}.dark-mode .experience-section h2{color:var(--text-dark)}.timeline{padding-left:30px;position:relative}.timeline:before{content:"";background-color:var(--text-light);width:2px;height:100%;position:absolute;top:0;left:0}.dark-mode .timeline:before{background-color:var(--text-dark)}.timeline-item{padding-bottom:30px;position:relative}.timeline-dot{width:10px;height:10px;box-shadow:0 0 0 2px var(--text-light);border:4px solid #fff;border-radius:50%;position:absolute;top:14px;left:-34px}.dark-mode .timeline-dot{border:4px solid var(--bg-dark);box-shadow:0 0 0 2px var(--text-dark)}.timeline-content{background-color:var(--bg-light-secondary);border-radius:8px;padding:20px;position:relative}.dark-mode .timeline-content{background-color:var(--bg-dark-secondary)}.timeline-content:before{content:"";background-color:var(--bg-light-secondary);width:16px;height:16px;position:absolute;top:10px;left:-8px;transform:rotate(45deg)}.dark-mode .timeline-content:before{background-color:var(--bg-dark-secondary)}.year{background-color:var(--text-secondary);color:var(--text-dark);border-radius:15px;margin-bottom:10px;padding:4px 10px;font-size:.9rem;display:inline-block}.dark-mode .year{background-color:var(--bg-dark-secondary);color:var(--text-dark)}.timeline-content h3{color:var(--text-light);margin-bottom:5px;font-size:1.2rem}.dark-mode .timeline-content h3{color:var(--text-dark)}.timeline-content h4{color:var(--text-light);margin-bottom:10px;font-size:1rem;font-weight:400}.dark-mode .timeline-content h4{color:var(--text-dark)}.timeline-content p{color:var(--text-light);font-size:.95rem;line-height:1.5}.dark-mode .timeline-content p{color:var(--text-dark)}.skills li{justify-content:center;align-items:center;gap:8px;display:flex}.skills svg{width:20px;height:20px}.skills li{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.skills li i{color:currentColor;font-size:1.2rem;transition:transform .3s}@media (width>=768px){.about-content,.experience-container{grid-template-columns:1fr 1fr}}@media (width>=480px){.skills-container{grid-template-columns:1fr 1fr}}@media (width>=769px) and (width<=1023px){.about-content{grid-template-columns:1fr;max-width:700px}.experience-section{margin-top:40px}.experience-container{grid-template-columns:1fr;max-width:700px}}.certificates-title{text-align:center;color:var(--text-light);margin:40px 0;font-size:2.5rem}.dark-mode .certificates-title{color:var(--text-dark)}.certificates-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px 0;display:grid}.certificate-card{background-color:var(--bg-light);border:1px solid var(--text-dark);border-radius:10px;transition:transform .3s;overflow:hidden;box-shadow:0 2px 5px #00000048}.dark-mode .certificate-card{background-color:var(--bg-dark);border:1px solid var(--text-light);box-shadow:0 2px 5px #ffffff48}.certificate-card:hover{transform:translateY(-5px)}.certificate-image{width:100%;height:180px;overflow:hidden}.certificate-image img{object-fit:cover;width:100%;height:100%}.certificate-info{padding:20px}.certificate-info h3{color:var(--text-light);margin-bottom:10px;font-size:1.2rem}.dark-mode .certificate-info h3{color:var(--text-dark)}.certificate-info p{color:var(--text-secondary);margin-bottom:15px;font-size:.9rem}.dark-mode .certificate-info p{color:var(--text-dark)}.certificate-info a{color:var(--text-light);align-items:center;gap:5px;font-size:.9rem;text-decoration:none;transition:color .3s;display:inline-flex}.dark-mode .certificate-info a{color:var(--text-dark)}.certificate-info a:hover{color:var(--text-secondary)}.project-image img,.certificate-image img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.page{max-width:1200px;margin:0 auto}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px;padding:20px 0;display:grid}.projects h1{text-align:center;color:var(--text-light);margin:40px 0;font-size:2.5rem}.dark-mode .projects h1{color:var(--text-dark)}.project-card{border:1px solid var(--text-dark);background-color:var(--bg-light);border-radius:10px;padding:20px;transition:transform .3s;overflow:hidden;box-shadow:0 2px 5px #00000048}.dark-mode .project-card{background-color:var(--bg-dark);border:1px solid var(--text-light);box-shadow:0 2px 5px #ffffff48}.project-card:hover{transform:translateY(-5px)}.project-image{width:100%;height:200px;position:relative;overflow:hidden}.project-image img{object-fit:cover;border-radius:5px;width:100%;height:100%;transition:opacity .3s}.hover-image{opacity:0;position:absolute;top:0;left:0}.project-card:hover .main-image{opacity:0}.project-card:hover .hover-image{opacity:1}.project-card h3{color:var(--text-light);margin:15px}.dark-mode .project-card h3{color:var(--text-dark)}.project-card p{color:var(--text-secondary);margin:15px}.dark-mode .project-card p{color:var(--text-dark)}.project-links{gap:10px;margin:15px;display:flex}.project-links a{background-color:var(--text-light);color:var(--text-dark);border-radius:5px;padding:8px 15px;text-decoration:none;transition:background .3s}.project-links a:hover{background:var(--text-secondary)}.project-links button[disabled]{background:var(--text-light);color:var(--text-dark);border:none;border-radius:5px;gap:5px;padding:8px 15px;font-size:.9rem;transition:background .3s;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABKBJREFUWEfFV0ksvVcU/xkTMwmJRCptkYipG6EVC1GEpGZqnikaEQtBzUNMsTKkRcxDooYYF0JaK2klNmJICK0gESSExsIUdS73y/fe/3tTu3h39e53zzn3d8/5neHpQMtLR8v3478C+BzAlwCsPh5wA+AvAMeaPkgTAF+/XZIK4DsAnym46BTA0hu4EQB/qgNGHQBfAGgGEKeOQZHMrwB+AvC3Mj1VAGLfXtsPwIwbcXZ2hp+fH9zc3GBvb4/X11ecnJxgd3cXa2tr2N/fF9/3D4AsAFOKQCgD8AOAHq7o7e2Nrq4ueHp6KnXExsYGCgoKsLm5KZbLBdArpagIAL18kiuQwY6ODujoqHLYuwZ5pbCwkAEWre+lPCFlkWK+xd1eU1OD2tpawc7e3h6qqqqws7OD09NTPD4+wsfHB0FBQUhISICDg4MgW11djYaGBr6ncHwlzwkpABOccFFRUZiZmREMLi0tISIiAi8vL5JhMDIyQl9fHxITE4VzsjE7O8v3RMx4sbI8AEq1P0jA1tYWh4eHMDExEeTJtWlpaRgdHVXKg9LSUrS0tDCZu7s7ODk54fLykut8I05ReQA/A8gnyd7eXuTk5DCl7u5uZGVlwcDAgMU3JSUF4+PjSkHMzc0hPDxc0M/PZ2Zp/QLgR76RB3BCRcbY2Jgh19PTY7F2d3dHcHAw5ufnYWhoyEIQHx+P6elphSCsrKxYStrY2DB5CwsL3N/fkzwVK3spAFReWdGIjY3F5OR7EuTl5aGn5z0bCcTi4iL09fXVAlFfX88ISysyMhLklY9FRGdlW+wBfwC/0cfm5maUlZUxWUdHRxwdHQkvDQsLY8TkIIhkCwsLkp4ICAjA6uoqO6NsoKz4WN8C+F0eQDQA5tOBgQFkZGQwWXL509OTzAUUWwJBISL3ksdETBdk7ezscHZ2xvaUHZxTAGIAsPQSe0AAMDg4iPT0dKZoaWmJ29vbT15I6UggdHV1GYjo6GjGEfHy8PDA1haVFKC/vx/Z2dn8WBKAEILW1laUlJQwYV9fX6yvr0u6OCYmBhMTE8wTz8/PCA0NxfLysiAbGBiIlZUVtm9qakJFRYXSEAgkjIuLY4ZpER/Ky8slAdBHMQiqihQeDkLMJZITFTVJEpI9loZmZma4vr5mRKPS6+rqqhAAHVBKUl2gcBBfCAR1xvPzcxZC+kZpqSoNyZZQiMbGxpCUlMQuJkIODQ0pBUGyVCGpYdGF9DszM5PpDA8PC5xSVYiEUuzi4sJ6PK2bmxvmBXqRspWcnIyRkRGZrkmVk2aIg4MDrqq0FJOQ0IyKi4vR1tbGFC8uLhjTFRGSZKiCUjpSZ+SrqKgI7e3tfKuyGZGgTDuuq6sTCgi9hgoLpen29jaOj49Zs/Ly8oK/vz/rF+bm5sLllZWVaGxs5Hu12zEpyAwkISEhzLXW1tZKQ8APr66ukJqaKpOSANQeSLgdmZGMXkalNDc3F6amppJAqIF1dnay1P1gPJfTeCTjip8MpTR0UOklt4uHUpoFp6am8PDwIAb3v4ZSbkirY7n4NVr7YyIVb638NVMrAzQVUm/Q19SqBvL/Ai6zxzAiRN4qAAAAAElFTkSuQmCC),not-allowed!important;transform:scale(1)!important}.project-links button[disabled]:hover{background:var(--text-secondary);transform:none!important}.project-links button[disabled] i{opacity:.6}@media (width<=768px){.projects{padding:20px 15px}.projects h1{margin-top:40px;margin-bottom:20px;font-size:2rem}.projects-grid,.certificates-grid{grid-template-columns:1fr;gap:15px}.project-card,.certificate-card{padding:15px}.project-image,.certificate-image{height:160px}.project-card h3,.certificate-info h3{font-size:1.1rem}.project-card p,.certificate-info p{font-size:.9rem}.project-links{flex-direction:column;gap:8px}.project-links a{text-align:center;padding:10px}}.contact-form{background-color:var(--bg-light);border-radius:15px;max-width:600px;margin:20px auto;padding:30px;box-shadow:0 4px 6px #0000001a}.dark-mode .contact-form{background-color:var(--bg-dark);box-shadow:0 4px 6px #ffffff1a}.form-group{margin-bottom:35px;position:relative}.form-group label{color:var(--text-light);margin-bottom:10px;font-weight:500;display:block}.dark-mode .form-group label{color:var(--text-dark)}.form-group input,.form-group textarea{border:2px solid var(--text-light);background-color:var(--bg-light);width:100%;color:var(--text-light);border-radius:8px;padding:12px;font-size:1rem;transition:all .3s}.dark-mode .form-group input,.dark-mode .form-group textarea{border-color:var(--text-dark);background-color:var(--bg-dark);color:var(--text-dark)}.form-group textarea{resize:vertical;height:150px}.contact-form button{background-color:var(--text-secondary);width:100%;color:var(--text-dark);cursor:pointer;border:none;border-radius:8px;padding:12px;font-size:1rem;font-weight:500;transition:all .3s}.contact-form button:hover{background-color:var(--text-secondary);transform:translateY(-2px)}.contact-form button:active{transform:translateY(0)}.error{color:#f33;background-color:#ff33331a;border-radius:4px;padding:4px 8px;font-size:.85rem;font-weight:500;position:absolute;bottom:-20px;left:0}.contact h1{text-align:center;color:var(--text-light);margin:40px 0;font-size:2.5rem}.dark-mode .contact h1{color:var(--text-dark)}.contact-container{grid-template-columns:1fr;gap:40px;max-width:1200px;margin:0 auto;display:grid}.contact-info{background-color:var(--bg-light);border-radius:15px;padding:30px;box-shadow:0 4px 6px #0000001a}.dark-mode .contact-info{background-color:var(--bg-dark);box-shadow:0 4px 6px #ffffff1a}.contact-info h2{color:var(--text-light)}.dark-mode .contact-info h2{color:var(--text-dark)}.info-item{align-items:center;gap:15px;margin:20px 0;display:flex}.info-item i{color:var(--text-secondary);font-size:1.5rem}.info-item p{color:var(--text-light)}.dark-mode .info-item p{color:var(--text-dark)}.success-message{text-align:center;color:var(--text-light);padding:40px}.dark-mode .success-message{color:var(--text-dark)}.success-message i{color:#28a745;margin-bottom:20px;font-size:3rem}.submit button.loading{color:#0000;position:relative}.submit button.loading:after{content:"";border:2px solid #fff;border-right-color:#0000;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:.75s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width>=768px){.contact-container{grid-template-columns:300px 1fr}}@media (width<=768px){.contact{padding:20px 15px}.contact h1{margin-bottom:30px;font-size:2rem}.contact-container{grid-template-columns:1fr;gap:30px}.contact-info,.contact-form{padding:20px}.form-group input,.form-group textarea{padding:10px}.form-group textarea{height:120px}.contact-form button{padding:10px}}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:20px;display:flex}.not-found h1{color:var(--text-light);margin:0;font-size:8rem}.dark-mode .not-found h1{color:var(--text-dark)}.not-found h2{color:var(--text-light);margin:20px 0;font-size:2rem}.dark-mode .not-found h2{color:var(--text-dark)}.not-found p{color:var(--text-light);margin-bottom:30px}.dark-mode .not-found p{color:var(--text-dark)}.back-home{background-color:var(--text-secondary);color:var(--text-dark);border-radius:25px;padding:12px 30px;font-size:1.1rem;text-decoration:none;transition:transform .3s;display:inline-block}.back-home:hover{transform:translateY(-3px)}@media (width<=768px){.not-found h1{font-size:6rem}.not-found h2{font-size:1.5rem}.not-found p{font-size:.9rem}.back-home{padding:10px 25px;font-size:1rem}}.error-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:20px;display:flex}.error-page h1{color:var(--text-light);margin:0;font-size:4rem}.dark-mode .error-page h1{color:var(--text-dark)}.error-page h2{color:var(--text-light);margin:20px 0;font-size:2rem}.dark-mode .error-page h2{color:var(--text-dark)}.error-page p{color:var(--text-secondary);margin-bottom:30px}@media (width<=768px){.error-page h1{font-size:3rem}.error-page h2{font-size:1.5rem}.error-page p{max-width:90%;font-size:.9rem}.back-home{padding:10px 25px;font-size:1rem}}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:250px;height:100vh;padding:20px;transition:transform .3s;position:fixed;top:0;left:0}.profile{text-align:center;margin-bottom:10px}.profile-photo{border-radius:50%;width:150px;height:150px}.profile h2{color:var(--text-light);margin:10px 0}.dark-mode .profile h2{color:var(--text-dark)}.navigation{flex-direction:column;gap:10px;display:flex}.navigation a{color:var(--text-light);border-radius:8px;align-items:center;gap:12px;padding:12px 15px;font-size:18px;text-decoration:none;transition:all .3s;display:flex}.dark-mode .navigation a{color:var(--text-dark)}.navigation a i{width:20px;font-size:1.1em}.navigation a:hover{color:var(--btn-color-hover);transform:translate(5px)}.menu-toggle{background-color:var(--text-light);z-index:1000;cursor:pointer;border:none;border-radius:5px;width:40px;height:40px;padding:0;display:none;position:absolute;top:20px;right:20px}.dark-mode .menu-toggle{background-color:var(--text-dark)}.menu-toggle span{background-color:var(--text-dark);width:24px;height:2px;transition:all .4s}.dark-mode .menu-toggle span{background-color:var(--text-light)}.menu-toggle.active span:first-child{transform:rotate(-45deg)translate(-6px,6px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(45deg)translate(-6px,-6px)}.sidebar-social{justify-content:center;gap:20px;margin-top:auto;padding:5px 0;display:flex}.sidebar-social a{width:40px;height:40px;color:var(--text-light);border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:transform .3s,background-color .3s;display:flex}.dark-mode .sidebar-social a{color:var(--text-dark)}.sidebar-social a:hover{transform:translateY(-3px)}.sidebar-social .github:hover{color:#fff;background-color:#24292e}.sidebar-social .twitter:hover{color:#fff;background-color:#000}.dark-mode .sidebar-social .twitter:hover{background-color:var(--text-dark);color:var(--text-light)}.sidebar-social .linkedin:hover{color:#fff;background-color:#0077b5}.sidebar-bottom{justify-content:space-between;align-items:center;width:fit-content;padding:20px;display:flex;position:absolute;bottom:0}.footer-bottom{text-align:center;color:#666;padding:15px 0;font-size:.8rem}.background-switcher{justify-content:center;align-items:center;gap:20px;display:flex}.bg-switcher{border:2px solid var(--border-color);cursor:pointer;border-radius:6px;width:30px;height:30px;padding:0;transition:transform .2s;overflow:hidden}.bg-switcher:hover{transform:scale(1.1)}.bg-switcher.active{border-color:var(--text-)}.bg-switcher span{width:100%;height:100%;display:block}.dots-preview{background:#000 radial-gradient(#fff3 1px,#000 1px) 0 0/6px 6px}.grid-preview{background-color:#000;background-image:linear-gradient(90deg,#4f4f4f2e 1px,#0000 1px),linear-gradient(#8080800a 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:4px 8px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.light-preview{background-color:#fff;background-image:linear-gradient(90deg,#4f4f4f2e 1px,#0000 1px),linear-gradient(#4f4f4f2e 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:4px 8px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;position:relative}.light-preview:before{content:"";background:radial-gradient(circle,#fbfbfb36 0%,#fff 100%);position:absolute;inset:0}.pattern-preview{background:#fff radial-gradient(#5e5f5f 1px,#0000 1px) 0 0/4px 4px}.glow-preview{background-color:#000;background-image:linear-gradient(90deg,#4f4f4f2e 1px,#0000 1px),linear-gradient(#4f4f4f2e 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:4px 8px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;position:relative}.glow-preview:before{content:"";background:radial-gradient(circle,#fbfbfb36 0%,#000 100%);position:absolute;inset:0}@media (width<=768px){.menu-toggle{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.menu-toggle.active{transform:translate(0)}.menu-toggle span{width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.sidebar{z-index:999;background-color:var(--text-dark);height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.dark-mode .sidebar{background-color:var(--text-light)}.sidebar.open{transform:translate(0);box-shadow:2px 0 8px #0000001a}.navigation{gap:1rem;margin-top:60px}.background-switcher{margin:0}}@media (width<=567px){.profile-photo{width:120px;height:120px}.profile h2{font-size:1.2rem}.navigation a{padding:10px;font-size:16px}.sidebar-social a{width:35px;height:35px;font-size:18px}.background-switcher{gap:25px}.bg-switcher{width:30px;height:30px}}@media (width<=480px){.profile-photo{width:100px;height:100px}.navigation{gap:.75rem;margin-top:40px}.navigation a{padding:8px;font-size:15px}.sidebar-social{gap:15px}.sidebar-social a{width:30px;height:30px;font-size:16px}.background-switcher{gap:20px}.bg-switcher{width:30px;height:30px}.sidebar-bottom{padding:20px}}.loading-spinner{justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:5px solid var(--bg-light);border-top:5px solid var(--text-secondary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.dark-mode .spinner{border:5px solid var(--bg-dark);border-top:5px solid var(--text-secondary)}.app{min-height:100vh;display:flex;position:relative;overflow-x:hidden}.main-content{width:calc(100% - 250px);margin-left:250px;padding:20px}@media screen and (width<=768px){.main-content{width:100%!important;margin-left:0!important}}