*{font-family:Open Sans,sans-serif;padding:0;margin:0;box-sizing:border-box;color:#fdfdfd;background-color:#201e1e;list-style:none;font-size:1rem;line-height:1.6}h1,h2,h3{font-family:Inter,sans-serif;font-weight:700;font-style:normal;line-height:1.2;margin-bottom:.8rem}h1{font-size:2rem}h2{font-size:1.25rem}*{caret-color:transparent!important}input:focus,textarea:focus{caret-color:auto!important}#main-header{display:flex;justify-content:center;margin-top:.7rem;color:#333}#main-header ul{list-style:none;display:flex;gap:3rem}#main-header a{text-decoration:none;color:#333;cursor:pointer;opacity:.7;border:1px solid transparent;border-radius:1rem;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;text-align:center;min-width:20px;height:40px;padding:0 20px}#main-header a:hover{border-color:#ddd;opacity:1}#main-header a.active{border-color:#ddd;opacity:1;cursor:default}@media (max-width: 768px){#main-header ul{flex-direction:column;gap:.5rem;align-items:center;justify-content:center;width:100%}#main-header ul li{width:80%}#main-header a{text-align:center;min-width:auto;height:auto;padding:10px 20px}}@media (max-width: 480px){#main-header{margin-top:1rem}#main-header ul{gap:.2rem}#main-header ul li{width:90%}}#about{padding:2rem;display:flex;align-items:flex-start;max-width:1200px;margin:0 auto;gap:4rem}.personal-info{text-align:left;margin-top:2rem;padding:.5rem 0}.personal-info img{margin-bottom:.7rem;border-radius:2rem}.personal-info p span{color:#3eff3e}.personal-info h2,.personal-info p,.personal-info ul{text-align:left}.personal-info p{width:90%;margin-top:.8rem}.personal-info h2{margin-bottom:.4rem}.personal-info li{margin-top:.2rem}.personal-info ul{list-style-position:inside;padding-left:0;display:flex;flex-direction:column;gap:1rem}#photo{width:300px;flex-shrink:0}#photo img{border-radius:9rem;width:100%;height:auto}#photo p{display:flex;align-items:center;gap:.5rem;margin-top:.4rem;justify-content:center}#photo h3{text-align:center;margin-top:1rem}#info{flex:1;margin-top:-1rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1.5rem;margin-top:1rem}.skill-item{display:flex;flex-direction:column;align-items:center;padding:1rem;border:1px solid #e1e4e8;border-radius:8px;transition:all .3s ease}.skill-item:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0000001a}.skill-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.skill-icon svg{color:inherit!important}.skill-item:nth-of-type(1) svg{color:#007396;fill:#007396}.skill-item:nth-of-type(2) svg{color:#6db33f;fill:#6db33f}.skill-item:nth-of-type(3) svg{color:#f7df1e;fill:#f7df1e}.skill-item:nth-of-type(4) svg{color:#61dafb;fill:#61dafb}.skill-item:nth-of-type(5) svg{color:#4479a1;fill:#4479a1}.skill-item:nth-of-type(6) svg{color:#239120;fill:#239120}@media (max-width: 992px){#about{gap:2rem;padding:1.5rem}.personal-info p{width:90%}}@media (max-width: 768px){#about{flex-direction:column;align-items:center;gap:2rem}#photo{width:250px;margin-bottom:1rem}#info{margin-top:0;width:100%}.personal-info,.personal-info h2,.personal-info p,.personal-info ul{text-align:center}.personal-info p{width:100%;margin-left:auto;margin-right:auto}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1rem}}#main-projects h1{margin-top:1rem}.project{display:flex;flex-direction:column;gap:1rem;padding:2rem;align-items:center;text-align:center;background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 8px #0003}.project img{width:200px;height:200px;object-fit:contain;margin-bottom:.5rem}.project h3{text-align:center;margin-bottom:.5rem}.project a{text-decoration:none;color:#007bff;margin-top:.3rem}.project a:hover{text-decoration:underline;color:#0056b3}.challenge-projects{display:grid;grid-template-columns:repeat(3,1fr);row-gap:1.7rem;column-gap:2.5rem;max-width:1200px;margin:0 auto;padding:2rem}.loading{margin-top:20rem}.loading p{font-size:3rem;text-align:center}@media (max-width: 992px){.challenge-projects{grid-template-columns:repeat(2,1fr);row-gap:1.5rem;column-gap:1.2rem;padding:1.5rem;max-width:800px}}@media (max-width: 768px){.challenge-projects{grid-template-columns:1fr;row-gap:1.2rem;padding:1rem;max-width:400px}.project{padding:1.5rem}}@media (max-width: 480px){.challenge-projects{padding:.8rem}.project{padding:1rem}.project img{width:150px;height:150px}}.main-personal{padding:2rem}.main-personal{display:flex;flex-direction:column;gap:1rem;padding:2rem;max-width:500px;color:#e0e0e0;background-color:#272424;border:1px solid #3b3535;border-radius:1rem;box-shadow:0 5px 15px #0003;transition:all .3s ease-in-out}.main-personal img{width:250px;height:250px;text-align:center;margin:0 auto}.main-personal h3{text-align:center}.main-personal a{text-decoration:none;text-align:center}.main-personal,.main-personal h3,.main-personal p,.main-personal a{background-color:#272424}.main-personal a{text-decoration:none;text-align:center;color:#add8e6;transition:color .3s ease-in-out}.main-personal a:hover{color:#00bfff}.main-personal:hover{transition:.2s;transform:translateY(-8px);box-shadow:0 12px 20px -5px #641e96b3;-webkit-box-shadow:0px 12px 20px -5px rgba(100,30,150,.7);-moz-box-shadow:0px 12px 20px -5px rgba(100,30,150,.7);border-color:#6a0dad}.main-personal a svg{vertical-align:middle;margin-right:.2rem;fill:#add8e6;transition:fill .3s ease-in-out}.main-personal a:hover svg{fill:#00bfff}@media (max-width: 480px){.main-personal{padding:1.5rem;gap:.8rem}.main-personal img{width:100%;max-width:220px;height:auto}.main-personal h3{font-size:1.2rem}.main-personal p{font-size:.9rem}}#main-contact{display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:600px;margin:0 auto}h1{text-align:center;color:#e0e0e0}#contact-info{margin-top:2rem;margin-bottom:2rem}#email-message{width:100%;padding:2rem;border-radius:.5rem;border:transparent;background-color:#1f1e1e;box-shadow:0 4px 15px #0000004d}#email-message form,#email-message,#email-message label{background-color:#272424}form{width:100%;display:flex;flex-direction:column;gap:1rem}label{display:flex;flex-direction:column;gap:.5rem;font-weight:500;color:#d0d0d0;margin-bottom:1rem}#email-message{margin-top:2rem}#email-message input,#email-message textarea{background-color:#1a1d23;color:#e0e0e0;border:1px solid #3A4552;padding:.8rem;border-radius:.5rem;font-size:1rem}input[type=text],input[type=email],textarea{width:100%;padding:.8rem;border:1px solid #ccc;border-radius:.5rem;font-size:1rem}#email-message textarea{min-height:150px;resize:vertical}#email-message input,#email-message textarea,#email-message button{border:1px solid #58708a;transition:all .2s ease-in-out}#email-message input:focus,#email-message textarea:focus,#email-message button:focus{border-color:#00bfff;outline:none;box-shadow:0 0 0 4px #00bfff4d;background-color:#1a2530}#email-message button{padding:.7rem 1.5rem;border-radius:3rem;width:60%;margin:1.5rem auto 0;background-color:#4a568a;color:#fdfdfd;border:1px solid #3A4552;cursor:pointer;font-weight:600;letter-spacing:.05em}#email-message button:hover{color:#4a568a;background-color:#def;border:1px solid #4A568A;box-shadow:0 2px 8px #0003}#contact-info .email-icon{color:#4fc3f7;fill:#4fc3f7}#contact-info .github-icon{color:#ffffffe6;fill:#ffffffe6}#contact-info .linkedin-icon{color:#0a66c2;fill:#0a66c2}#contact-info p{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}#contact-info a{text-decoration:none;text-align:center;color:#add8e6;transition:color .3s ease-in-out}#contact-info a:hover{color:#00bfff}.feedback-message{position:fixed;bottom:20px;right:20px;padding:15px 25px;border-radius:5px;color:#fff;font-weight:700;animation:slideIn .3s ease-out}.success{background-color:#4caf50}.error{background-color:#f44336}@keyframes slideIn{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.markdown-container{display:block;max-width:900px;margin:2rem auto;padding:1rem 2rem;text-align:left;background:transparent;color:#fdfdfd}.markdown-container h1,.markdown-container h2,.markdown-container h3{color:#fff;margin-top:1.5rem;margin-bottom:1rem;font-weight:600}.markdown-container p{line-height:1.7;margin-bottom:1rem}.markdown-container a{color:#58a6ff;text-decoration:none}.markdown-container a:hover{text-decoration:underline}.markdown-container img{display:block;margin:1rem 0;max-width:100%;border-radius:6px;max-width:420px;max-height:420px}.markdown-container pre{background:#161b22;padding:.75rem 1rem;border-radius:6px;overflow-x:auto;font-size:.95rem}.markdown-container code{background:#161b22;padding:.2rem .4rem;border-radius:4px;font-family:monospace;font-size:.9rem;color:#d2a8ff}.markdown-container ul,.markdown-container ol{padding-left:1.5rem;margin-bottom:1rem}.markdown-container li{margin-bottom:.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;font-size:1.2rem;color:#666}@media (max-width: 768px){.markdown-container{max-width:100%;margin:1rem;padding:1rem}.markdown-container h1{font-size:1.75rem}.markdown-container h2{font-size:1.5rem}.markdown-container h3{font-size:1.25rem}}@media (max-width: 480px){.markdown-container{padding:.75rem}.markdown-container p,.markdown-container li{font-size:.95rem}.markdown-container pre{font-size:.85rem}}#certification-main{padding:1rem}#certification-main h1{margin-top:2rem}#certifications{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2rem;row-gap:1.5rem;column-gap:1.5rem}.certification{display:flex;flex-direction:column;align-items:center}.certification figcaption span{color:#3eff3e}.certification h3{margin:1rem 0;font-weight:700}.certification img{max-width:350px;max-height:350px}.certification figcaption{margin-top:1.2rem;line-height:1.6}@media (max-width: 992px){#certifications{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){#certification-main h1{font-size:1.8rem}#certifications{grid-template-columns:1fr;row-gap:3rem}.certification h3{min-height:auto}}
