body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.MuiOutlinedInput-root{border-color:#444!important}.MuiFormLabel-root{color:#ccc!important}.MuiFormLabel-root.Mui-focused{color:#4681f4!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fadeIn{animation:fadeIn .6s ease forwards}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1d22}::-webkit-scrollbar-thumb{background:#444;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#4681f4}h1,h2,h3,h4,h5,h6{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.navbar{background-color:#1a1d22;box-shadow:0 2px 10px #0000004d;display:flex;flex-direction:column;padding:.8rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.navbar-top{align-items:center;display:flex;justify-content:space-between;width:100%}.nav-links{display:flex;list-style:none;margin:0;padding:0;transition:max-height .4s ease,opacity .3s ease}.nav-links li{margin-left:2rem;position:relative}.nav-links li a{color:#fff;display:block;font-size:1rem;padding:.5rem 0;text-decoration:none;transition:all .3s ease}.nav-links li a:hover{color:#4681f4}.nav-links li a:after{background-color:#4681f4;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links li a:hover:after{width:100%}.logo img{border-radius:50%;height:45px;transition:transform .3s ease;width:45px}.logo img:hover{transform:rotate(15deg)}.menu-toggle{cursor:pointer;display:none;flex-direction:column;height:21px;justify-content:space-between;width:30px}.menu-toggle .bar{background-color:#fff;border-radius:10px;height:3px;transition:all .3s ease;width:100%}@media (min-width:769px){.navbar{align-items:center;flex-direction:row;justify-content:space-between}.navbar-top{width:auto}.nav-links{display:flex;flex-direction:row;max-height:100px;opacity:1;overflow:visible;width:auto}}@media (max-width:768px){.navbar{padding:1rem}.menu-toggle{display:flex;z-index:1001}.menu-toggle.active .bar:first-child{transform:translateY(9px) rotate(45deg)}.menu-toggle.active .bar:nth-child(2){opacity:0}.menu-toggle.active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.nav-links{background-color:#1a1d22;box-shadow:0 4px 8px #0003;flex-direction:column;left:0;max-height:0;opacity:0;overflow:hidden;padding:0;position:absolute;right:0;top:70px;width:100%}.nav-links.active{max-height:300px;opacity:1;padding:1rem 0}.nav-links li{margin:0;text-align:center;width:100%}.nav-links li a{padding:.75rem 2rem;width:100%}.nav-links li a:after{display:none}}.App{background-color:#282c34;min-height:100vh;text-align:center}.App-logo{animation:pulse 2s infinite alternate;border:4px solid #4681f4;border-radius:50%;height:180px;object-fit:cover;transition:transform .5s ease;width:180px}.App-logo:hover{transform:scale(1.05)}@keyframes pulse{0%{box-shadow:0 0 10px 0 #4681f480}to{box-shadow:0 0 20px 5px #4681f4cc}}.App-header{background-color:#282c34;color:#fff;justify-content:center;min-height:100vh;padding:0 20px}.App-header,.hero-content{align-items:center;display:flex;flex-direction:column}.hero-content{text-align:center}.hero-text{margin-top:2rem}.subtitle{color:#4681f4!important}.subtitle,.title{margin-bottom:.5rem!important}.title{font-weight:700!important}.role{color:#ccc!important;margin-bottom:1.5rem!important}.description{color:#ddd;font-size:1.1rem;line-height:1.6;margin:0 auto 2rem;max-width:600px}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.primary-btn{background-color:#4681f4!important;border-radius:4px!important;color:#fff!important;font-size:1rem!important;padding:.6rem 1.5rem!important;text-transform:none!important;transition:all .3s ease!important}.primary-btn:hover{background-color:#3a6fd5!important;transform:translateY(-2px)}.secondary-btn{border-color:#4681f4!important;border-radius:4px!important;color:#4681f4!important;font-size:1rem!important;padding:.6rem 1.5rem!important;text-transform:none!important;transition:all .3s ease!important}.secondary-btn:hover{background-color:#4681f41a!important;transform:translateY(-2px)}.links{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-top:1rem}.icon{color:#ccc;font-size:1.8rem!important;transition:all .3s ease}.icon:hover{color:#4681f4;transform:translateY(-3px)}a{color:#fff;text-decoration:none}@media (max-width:768px){.cta-buttons{flex-direction:column;max-width:300px;width:100%}}.about{background-color:#282c34;color:#fff;min-height:100vh;padding:5rem 0}.about-header{align-items:center;display:flex;flex-direction:column;margin-bottom:4rem;text-align:center}.about-intro{color:#ccc;font-size:1.1rem;line-height:1.6;margin:1.5rem auto 0;max-width:700px;padding:0 1.5rem;text-align:center}.service-card,.skill-card,.timeline-card{background-color:#1a1d22!important;border:1px solid #333;color:#fff!important;height:100%;transition:transform .3s ease}.service-card:hover,.skill-card:hover{transform:translateY(-5px)}.service-icon{color:#4681f4;display:flex;justify-content:center;margin-bottom:1rem}.service-title{margin-bottom:.5rem!important;text-align:center}.skill-category{color:#4681f4;margin-bottom:1rem!important;text-align:center}.skill-list{color:#ddd;padding-left:1.2rem}.skill-list li{margin-bottom:.5rem}.timeline-card{margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:700px;width:100%}.timeline-card .MuiCardContent-root{padding:1.5rem;text-align:left}.timeline-card h6{color:#fff;font-weight:600;margin-bottom:.5rem}.timeline-card .MuiTypography-subtitle1{color:#4681f4!important;font-weight:500;margin-bottom:.25rem}.period{color:#aaa!important;font-style:italic;margin:.5rem 0}.timeline-card .MuiTypography-body2{color:#ddd;line-height:1.6;margin-top:.75rem}@media (max-width:768px){.about-intro{font-size:1rem;max-width:100%;padding:0 1rem}.about-header{margin-bottom:3rem}.timeline-card{max-width:100%}.timeline-card .MuiCardContent-root{padding:1.25rem}}.contact{background-color:#282c34;color:#fff;min-height:100vh;padding:5rem 0}.contact-header{margin-bottom:4rem;text-align:center}.contact-intro{color:#ccc;font-size:1.1rem;line-height:1.6;margin:1.5rem auto 0;max-width:700px}.contact-card{background-color:#1a1d22!important;color:#fff!important;margin-bottom:1.5rem;text-align:center;transition:transform .3s ease}.contact-card:hover{transform:translateY(-5px)}.contact-icon{color:#4681f4;display:flex;justify-content:center;margin-bottom:1rem}.social-section{margin-top:3rem}.social-title{margin-bottom:1.5rem!important;text-align:center}.social-links{display:flex;flex-direction:column;gap:1rem}.social-item{align-items:center;color:#ccc;display:flex;gap:1rem}.social-item a{color:#4681f4;text-decoration:none;transition:color .3s ease}.social-item a:hover{text-decoration:underline}.form-card{background-color:#1a1d22!important;color:#fff!important;height:100%}.form-title{margin-bottom:1.5rem!important;text-align:center}.input-field{margin-bottom:1rem!important}.input-field input,.input-field textarea{color:#fff!important}.submit-button{background-color:#4681f4!important;display:block!important;margin-left:auto!important;margin-top:1.5rem!important;padding:.6rem 1.5rem!important;transition:all .3s ease!important}.submit-button:hover{background-color:#3a6fd5!important;transform:translateY(-2px)}.timeline-container{padding:2rem 0;position:relative;width:100%}.timeline-track{margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.timeline-line{background-color:#4681f4;border-radius:2px;height:100%;left:50%;position:absolute;transform:translateX(-50%);width:4px;z-index:1}.timeline-item{display:flex;margin-bottom:6rem;position:relative;width:100%}.timeline-content{position:relative;width:calc(50% - 30px)}.timeline-left{justify-content:flex-end}.timeline-right{justify-content:flex-start}.timeline-left .timeline-content{margin-right:30px}.timeline-right .timeline-content{margin-left:30px}.timeline-content:before{background-color:#fff;border:4px solid #4681f4;border-radius:50%;content:"";height:20px;position:absolute;top:20px;width:20px;z-index:2}.timeline-left .timeline-content:before{left:auto;right:-40px}.timeline-right .timeline-content:before{left:-40px;right:auto}.timeline-date{margin-bottom:.75rem;position:relative}.timeline-left .timeline-date{text-align:right}.timeline-right .timeline-date{text-align:left}.timeline-date h6{background-color:#4681f4;border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;padding:.5rem 1rem}.achievement-card{background-color:#1a1d22!important;border:1px solid #333;border-radius:8px!important;box-shadow:0 4px 8px #0003!important;color:#fff!important;transition:transform .3s ease,box-shadow .3s ease}.achievement-card:hover{box-shadow:0 8px 16px #0000004d!important;transform:translateY(-5px)}.achievement-icon{align-items:center;background-color:#4681f433;border-radius:50%;display:flex;height:50px;justify-content:center;margin-bottom:1rem;width:50px}.achievement-icon svg{color:#4681f4;font-size:1.8rem}.achievement-title{color:#fff;font-weight:600!important;margin-bottom:.5rem!important}.achievement-type{color:#4681f4!important;font-size:.9rem!important;margin-bottom:.5rem!important}.achievement-description{color:#ccc!important;line-height:1.6;margin-bottom:1rem!important}.achievement-link{border:1px solid #4681f4;border-radius:4px;color:#4681f4!important;display:inline-block;padding:.5rem 1rem;text-decoration:none!important;transition:all .3s ease}.achievement-link:hover{background-color:#4681f41a}@media (max-width:768px){.timeline-line{left:30px}.timeline-item{justify-content:flex-start!important;margin-bottom:4rem}.timeline-content{margin-left:60px!important;margin-right:0!important;width:calc(100% - 60px)}.timeline-left .timeline-content:before,.timeline-right .timeline-content:before{left:-40px}.timeline-left .timeline-date,.timeline-right .timeline-date{text-align:left}}@media (max-width:480px){.timeline-line{left:20px}.timeline-content{margin-left:40px!important;width:calc(100% - 40px)}.timeline-left .timeline-content:before,.timeline-right .timeline-content:before{height:16px;left:-30px;width:16px}.timeline-date h6{font-size:.8rem;padding:.4rem .8rem}.achievement-title{font-size:1.25rem!important}}.hof{background-color:#282c34;color:#fff;min-height:100vh;padding:5rem 0}.hof-header{align-items:center;display:flex;flex-direction:column;margin-bottom:4rem;text-align:center}.hof-intro{color:#ccc;font-size:1.1rem;line-height:1.6;margin:1.5rem auto 0;max-width:700px;padding:0 1.5rem;text-align:center}.intro-container{display:flex;justify-content:center;width:100%}.section{margin-bottom:4rem}.section-title{margin-bottom:2rem!important;padding-bottom:1rem;position:relative;text-align:center}.section-title:after{background-color:#4681f4;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.section-description-container{display:flex;justify-content:center;width:100%}.section-description{color:#ccc;margin:0 auto 2rem;max-width:700px;text-align:center}.certificate-card{background-color:#1a1d22!important;border:1px solid #333;color:#fff!important;margin-bottom:1.5rem;max-width:700px;transition:transform .3s ease;width:100%}.certificate-card:hover{transform:translateY(-5px)}.certificate-card .MuiCardContent-root{padding:1.5rem;text-align:left}.certificate-card h5,.certificate-card h6{color:#fff;font-weight:600;margin-bottom:.5rem}.certificate-description{color:#ccc!important;line-height:1.6;margin:1rem 0!important}.certificate-link{margin-top:1.5rem;text-align:center}.profile-link{border:1px solid #4681f4;border-radius:4px;color:#4681f4;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.profile-link:hover{background-color:#4681f41a}.badges-grid{margin-top:2rem}.badge-card{align-items:center;background-color:#1a1d22!important;border:1px solid #333;display:flex;height:100%;justify-content:center;padding:.5rem;transition:transform .3s ease}.badge-card:hover{transform:scale(1.05)}.badge-wrapper{display:block;text-align:center;width:100%}.badge-image{object-fit:contain;transition:all .3s ease}.badge-image,.badge-placeholder{border-radius:50%;height:120px;width:120px}.badge-placeholder{align-items:center;background-color:#4681f41a;color:#ccc;display:flex;justify-content:center}@media (max-width:768px){.hof-intro{font-size:1rem;max-width:100%;padding:0 1rem}.hof-header{margin-bottom:3rem}.certificate-card{max-width:100%}.certificate-card .MuiCardContent-root{padding:1.25rem}.section-description{max-width:100%;padding:0 1rem}.badge-image{height:80px;width:80px}}.projects{background-color:#282c34;color:#fff;min-height:100vh;padding:4rem 0}.projects-container{margin:0 auto;max-width:1200px;padding:0 2rem}.projects h1{margin-bottom:1rem;text-align:center}.projects-intro{color:#ccc;font-size:1.1rem;margin:0 auto 2rem;max-width:700px;text-align:center}.filter-controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2.5rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background-color:#1a1d22!important;border:1px solid #333!important;color:#fff!important;height:100%;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 10px 20px #0000004d!important;transform:translateY(-5px)}.project-title{color:#fff!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#ccc!important;display:-webkit-box;margin-bottom:1rem;min-height:3em;overflow:hidden}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;min-height:2rem}.tech-tag{background-color:#4681f4;border-radius:4px;color:#fff;font-size:.8rem;padding:.2rem .5rem}.star-chip{border-color:gold!important}.star-chip,.star-chip svg{color:gold!important}.project-links{display:flex;justify-content:space-between;margin-top:1.5rem}.project-links a{text-decoration:none}.MuiSelect-select{color:#fff!important}.MuiInputLabel-root{color:#ccc!important}.MuiOutlinedInput-notchedOutline{border-color:#444!important}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#4681f4!important}.MuiSelect-icon{color:#ccc!important}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.filter-controls{align-items:center;flex-direction:column}.filter-controls .MuiFormControl-root{margin-right:0!important;max-width:250px;width:100%}}.not-found{align-items:center;background-color:#282c34;color:#fff;display:flex;justify-content:center;min-height:100vh;text-align:center}.not-found-content{margin:0 auto;max-width:500px;padding:3rem 1rem}.not-found-icon{color:#4681f4;font-size:8rem!important;margin-bottom:1rem}.error-code{color:#4681f4;font-size:7rem!important;font-weight:700!important;line-height:1!important;margin:0!important}.error-title{margin:1rem 0!important}.error-message{color:#ccc;margin-bottom:2rem!important}.home-btn{background-color:#4681f4!important;border-radius:4px!important;color:#fff!important;font-size:1rem!important;padding:.6rem 1.5rem!important;text-transform:none!important;transition:all .3s ease!important}.home-btn:hover{background-color:#3a6fd5!important;transform:translateY(-2px)}@media (max-width:768px){.not-found-icon{font-size:6rem!important}.error-code{font-size:5rem!important}}.footer{background-color:#1a1d22;color:#fff;padding:1.5rem 0;width:100%}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.footer-right{display:flex;gap:1.5rem}.footer-right a{color:#ccc;transition:color .3s ease}.footer-right a:hover{color:#4681f4}@media (max-width:768px){.footer-content{flex-direction:column;gap:1rem}}.blog-container{background-color:#282c34;color:#fff;margin:0 auto;max-width:1200px;min-height:calc(100vh - 60px);padding:2.5rem 1.5rem;width:100%}.search-container{margin-bottom:2rem}.search-input{background-color:#1a1d22;border:1px solid #444;border-radius:4px;color:#fff;font-size:1rem;outline:none;padding:.75rem 1rem;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#4681f4}.blog-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.blog-card{background-color:#1a1d22;border:1px solid #333740;border-radius:8px;box-shadow:0 2px 10px #0000004d;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{border:1px solid #4681f480;box-shadow:0 5px 20px #00000080;transform:translateY(-5px)}.blog-link{color:inherit;display:block;height:100%;padding:1.8rem;text-decoration:none}.blog-link h2{color:#fff;font-size:1.5rem;margin-bottom:1rem;margin-top:0}.blog-meta{display:flex;flex-wrap:wrap;font-size:.875rem;justify-content:space-between;margin-bottom:1rem}.blog-date{color:#aaa}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-tag{background-color:#333740;border-radius:4px;color:#ccc;font-size:.75rem;padding:.25rem .5rem}.blog-summary{color:#bbb;line-height:1.5;margin-bottom:1rem}.read-more{color:#4681f4;font-weight:600}.no-blogs{color:#aaa;font-style:italic;grid-column:1/-1;padding:3rem 0;text-align:center}@media (max-width:768px){.blog-container{padding:1.5rem 1rem}.blog-list{gap:1.5rem;grid-template-columns:1fr}.blog-link h2{font-size:1.3rem}}.blog-page-wrapper{background-color:#282c34;left:50%;margin:0 -50vw;min-height:100vh;overflow-x:hidden;padding:0;position:relative;right:50%;width:100vw}.blog-container,.blog-post-container{background-color:#282c34;box-sizing:border-box;margin:0 auto;max-width:100%;min-height:calc(100vh - 60px);padding:2.5rem 1.5rem;position:relative;width:100%}.blog-content-wrapper,.blog-post-content-wrapper{margin:0 auto;max-width:1200px;position:relative;width:100%}.blog-post-container{background-color:#282c34;color:#eee;margin:0 auto;max-width:1000px;min-height:calc(100vh - 60px);padding:2rem 1.5rem;width:100%}.blog-post-header{border-bottom:1px solid #444;margin-bottom:2.5rem;padding-bottom:1.5rem}.blog-post-header h1{color:#fff;font-size:2.5rem;margin-bottom:.5rem}.blog-post-meta{align-items:center;color:#aaa;display:flex;flex-wrap:wrap;font-size:.9rem;justify-content:space-between}.blog-post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-post-tag{background-color:#333740;border-radius:4px;color:#ccc;font-size:.75rem;padding:.25rem .5rem}.blog-post-content{background-color:#282c34;color:#ddd;font-size:1.1rem;line-height:1.8;padding:0 1rem}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{color:#fff;margin-bottom:1rem;margin-top:2rem}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content a{color:#4681f4;text-decoration:none}.blog-post-content a:hover{text-decoration:underline}.blog-image-container{display:block;margin:2rem 0;text-align:center}.blog-post-content img{border-radius:4px;box-shadow:0 4px 12px #0000004d;height:auto;max-width:100%;transition:transform .3s ease,box-shadow .3s ease}.blog-post-content img:hover{box-shadow:0 8px 24px #00000080;transform:scale(1.01)}.blog-image-container figcaption{color:#aaa;font-size:.9rem;font-style:italic;margin-top:.75rem}.code-block-container{background-color:#1a1d22;border-radius:6px;margin:1.5rem 0;overflow:hidden;position:relative;width:100%}.code-block-header{align-items:center;background-color:#1a1d22;display:flex;justify-content:space-between;padding:.5rem;width:100%;z-index:10}.code-language{color:#aaa;flex-grow:1;font-size:.75rem;letter-spacing:1px;margin:0;padding:.25rem .5rem;text-align:left;text-transform:uppercase}.copy-button{align-items:center;background-color:#4681f4;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;height:28px;justify-content:center;margin-right:.25rem;min-width:32px;opacity:.8;padding:.25rem .5rem;transition:all .2s ease;z-index:20}.copy-button:hover{background-color:#5490ff;box-shadow:0 2px 4px #0003;opacity:1;transform:translateY(-1px)}.copy-button:active{background-color:#3b73e0;box-shadow:0 1px 2px #0003;transform:translateY(0)}.blog-post-content pre{background-color:#1a1d22;border:none;margin:0;max-height:500px;overflow-x:auto;overflow-y:auto;padding:1rem;width:100%}.blog-post-content pre code{background:none;border-radius:0;color:#eee;display:block;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em;padding:0;white-space:pre}.blog-post-content li code,.blog-post-content p code,.blog-post-content td code{background-color:#1a1d22;border-radius:3px;color:#eee;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em;padding:.2rem .4rem}.blog-post-content blockquote{border-left:4px solid #4681f4;color:#bbb;font-style:italic;margin-left:0;padding-left:1rem}.blog-post-content ol,.blog-post-content ul{color:#ddd;margin-bottom:1.5rem;padding-left:2rem}.blog-post-footer{border-top:1px solid #444;margin-top:3rem;padding-top:1.5rem}.back-link{color:#4681f4;font-weight:600;text-decoration:none}.back-link:hover{text-decoration:underline}.error,.loading{color:#aaa;padding:3rem 0;text-align:center}.error h2{color:#ff6b6b}@media (max-width:768px){.blog-post-container{padding:1.5rem 1rem}.blog-post-header h1{font-size:2rem}.blog-post-content{font-size:1rem;padding:0}}
/*# sourceMappingURL=main.5e23166e.css.map*/