:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.active-link{color:#2563eb;font-weight:700}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#064663,#0a5c74);padding:12px 20px;z-index:1000;box-shadow:0 4px 8px #00000040;font-family:Arial,sans-serif;transition:all .3s}.navbar-logo{position:absolute;left:20px;font-size:1.4rem;font-weight:700}.navbar-logo a{color:#f0f4f8;text-decoration:none}.hamburger{display:none;position:absolute;top:50%;right:16px;transform:translateY(-50%);flex-direction:column;cursor:pointer;z-index:1100}.hamburger span{width:32px;height:3px;margin:5px 0;border-radius:2px;background:#f0f4f8;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(12px,12px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.navbar-menu{list-style:none;display:flex;margin:0;padding:0}.navbar-item{position:relative;margin:0 18px}.navbar-item a{color:#f0f4f8;text-decoration:none;padding:8px 14px;display:block;border-radius:6px;transition:all .3s}.navbar-item a:hover{background-color:#92cbe6;color:#064663;transform:scale(1.05)}.navbar-item.active>a{background-color:#92cbe6;color:#064663;font-weight:700}.dropdown{position:absolute;top:110%;left:0;background-color:#d9e2ec;min-width:200px;list-style:none;padding:8px 0;margin:0;border-radius:6px;box-shadow:0 4px 10px #00000040;opacity:0;visibility:hidden;transition:all .3s ease-in-out;z-index:500}.navbar-item.open .dropdown{opacity:1;visibility:visible}.dropdown-item a{padding:10px 16px;color:#064663;display:block;text-decoration:none;transition:background .3s;border-radius:4px}.dropdown-item a:hover{background-color:#92cbe6;color:#064663}.dropdown-item a.active{background-color:#64a5c2;color:#fff}@media (min-width: 769px){.navbar-item.has-dropdown:hover .dropdown{opacity:1;visibility:visible}.hamburger{display:flex}.navbar{padding-top:10px;padding-bottom:10px}}@media screen and (max-width: 768px){.hamburger{display:flex}.navbar{padding-top:25px;padding-bottom:25px}.navbar-menu{flex-direction:column;display:none;width:95%;background-color:#064663;position:absolute;top:60px;left:0;z-index:999}.navbar-menu.active{display:flex;animation:slideDown .3s ease forwards}.navbar-item{margin:0;width:100%;text-align:left}.navbar-item a{width:100%;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.dropdown{position:relative;top:0;left:0;box-shadow:none;border-radius:0;background:#0a5c74;display:none;flex-direction:column}.navbar-item.open .dropdown{display:flex}.dropdown-item a{padding-left:32px;color:#f0f4f8}.dropdown-item a:hover{background-color:#92cbe6;color:#064663}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.name{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:8px;text-align:center}.contact{font-size:.95rem;color:#4b5563;margin-bottom:6px;text-align:center}.contact a{color:#2563eb;text-decoration:none}.title{font-size:1.1rem;font-weight:600;color:#374151;text-align:center}.summary-section{background:#f9fafb;width:100%;max-width:100%;padding:15px}.summary-section h2{text-align:center;font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:15px}.summary-section p{text-align:justify;line-height:1.7;font-size:1.05rem;color:#374151;padding:15px;border-radius:10px;background:#fff;box-shadow:inset 0 0 4px #00000008}.table-container{margin-top:10px;overflow-x:auto;border-radius:12px;background:#fff;box-shadow:0 1px 6px #0000000d;width:100%}.tech-table{width:100%;border-collapse:collapse;font-family:Inter,Segoe UI,sans-serif;font-size:.95rem;min-width:0}.tech-table th,.tech-table td{padding:10px;line-height:1.5;text-align:left;border-bottom:1px solid #e5e7eb}.tech-table th{font-size:.9rem;font-weight:600;text-transform:uppercase;color:#fff;background:#98a1bb;letter-spacing:.5px}.tech-table td.description ul{padding-left:18px;margin:0}.tech-table td.description li{margin-bottom:6px;line-height:1.4}.tech-table th{padding:12px 10px;font-size:.9rem;font-weight:600;text-align:left;text-transform:uppercase;color:#fff;background:#98a1bb;letter-spacing:.5px}.tech-table td{padding:10px;line-height:1.5;color:#374151;border-bottom:1px solid #e5e7eb}.tech-table tbody tr:nth-child(2n) td{background:#f9fafb}.tech-table tbody tr:hover td{background:#eff6ff;cursor:pointer}.tech-table th.Category,.tech-table td.Category{width:15%}.tech-table th.role{width:12%;color:#d4dfee}.tech-table td.role{width:120px;color:#064663}.tech-table th.company{width:140px;color:#d4dfee}.tech-table td.company{width:10%;color:#064663}.tech-table th.duration{width:10%;color:#d4dfee}.tech-table td.duration{width:120px;font-size:smaller;color:#064663}.tech-table th.description,.tech-table td.description{width:auto;max-width:420px}.cert-list{list-style:none;margin:0;padding:0}.cert-item{display:flex;align-items:center;gap:10px;padding:12px 15px;margin-bottom:10px;font-size:1rem;font-weight:500;color:#1f2937;border-radius:10px;background:#f3f4f6;transition:background .2s ease,transform .2s ease}.cert-item:hover{background:#e0e7ff;transform:translate(4px)}.cert-icon{color:#2563eb}.cert-name{font-weight:600;color:#1e40af}@media (min-width: 481px) and (max-width: 1200px){.tech-table th,.tech-table td{width:auto!important;font-size:.85rem;padding:6px}.tech-table td.description,.tech-table th.description{max-width:none}.table-container{padding:0 5px}}@media (min-width: 150px) and (max-width: 480px){.summary-section p{padding:10px;font-size:.9rem;line-height:1.5}.card{padding:8px;max-width:100%}.tech-table thead th.role,.tech-table thead th.company,.tech-table thead th.duration{display:none}.tech-table td.role,.tech-table td.company,.tech-table td.duration{display:block;width:100%!important;font-size:.8rem;padding:4px 6px;border:none}.tech-table td.role:before{content:"Role: ";font-weight:600;color:#1e3c72}.tech-table td.company:before{content:"Company: ";font-weight:600;color:#1e3c72}.tech-table td.duration:before{content:"Duration: ";font-weight:600;color:#1e3c72}.tech-table td.description{display:block;width:100%!important;margin-top:6px}.card-container h2{font-size:1.2rem;line-height:1.3}.contact{font-size:.8rem;line-height:1.2;word-break:break-word}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#2c3e50;background:#f5f7fa}.card-container{display:flex;flex-direction:column;align-items:center;width:95%;max-width:95%;margin:auto auto 15px;padding:25px;background:linear-gradient(135deg,#f5f7fa,#fff,#f5f7fa);border:1px solid rgba(0,0,0,.05);border-radius:24px;box-shadow:inset 0 3px 12px #00000014;animation:fadeIn .6s ease-in-out}.card-container h1{margin:5px 0;text-align:center}.card-container h2{position:relative;display:block;margin:0 auto 15px;padding:0 15px;font-size:28px;font-weight:700;color:#2a3d66;letter-spacing:1.2px;text-align:center;width:100%;background:#c1e2f5;border-radius:20px;text-shadow:1px 1px 2px rgba(0,0,0,.15),0 0 6px rgba(130,150,255,.25);box-shadow:3px 3px 8px #0000001a,-2px -2px 6px #ffffffe6,inset 1px 1px 3px #ffffff80;transition:transform .3s ease,box-shadow .3s ease;z-index:1}.card-container h2:before{content:"";position:absolute;inset:-3px;background:linear-gradient(135deg,#d0e0f7,#d6e6ff,#d0e0f7);border-radius:22px;opacity:.9;transition:background .4s ease;z-index:-1}.card-container h2:hover{transform:scale(1.02);box-shadow:4px 4px 12px #00000026,-3px -3px 8px #fff,inset 1px 1px 4px #fff9}.card-container h2:hover:before{background:linear-gradient(135deg,#9dbaff,#d6e6ff,#a3c8ff)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;width:100%}.card{display:flex;flex-direction:column;margin-bottom:15px;padding:20px;background:#fff;border-left:6px solid #2a5ca0;border-radius:20px;box-shadow:6px 6px 16px #0000002e,-5px -5px 14px #ffffffb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;transition:all .4s ease;width:100%}.card:hover{transform:translateY(-5px) scale(1.04);box-shadow:12px 12px 28px #00000047,-6px -6px 20px #fffc}.card h2{align-items:center}.card h3{margin:5px;font-size:21px;font-weight:600;color:#1e3c72;text-shadow:0 1px 3px rgba(0,0,0,.25);z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 481px) and (max-width: 1200px){.card-container{width:100%;max-width:100%;padding-left:10px;padding-right:10px}.card-container h2{font-size:22px;padding-left:8px;padding-right:8px}.card{margin:0 auto 15px;padding:10px;max-width:90%}.card h3{font-size:18px}.card:before{display:none}}@media (min-width: 150px) and (max-width: 480px){.card-container{width:100%;max-width:100%;padding-left:10px;padding-right:10px}.card{margin:0 auto 15px;padding:10px;max-width:90%}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;width:100%}.card-container h2{font-size:20px;padding-left:5px;padding-right:5px}.card h3{font-size:16px}}.project-name{font-size:1.3rem;font-weight:700;margin-bottom:.3rem}.project-skills,.project-architecture,.project-description{color:#064663}.role-company,.duration{font-size:.95rem;color:#064663;margin-bottom:.3rem}p{margin:.3rem 0}.achievements{margin-top:.5rem;color:#064663}.achievements ul{padding-left:1.2rem;margin:.3rem 0 0;list-style-type:disc}.achievements li{font-size:.9rem;color:#064663;margin-bottom:.2rem}html,body{margin:0;padding:0;width:100%;min-height:100vh;background-color:#c5c9cc;display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#222}.section-title{width:90%;text-align:center;margin-bottom:30px;font-size:2rem;font-weight:700;color:#064663}.job-card{width:100%;padding:10px;margin-bottom:25px;background-color:#fff;border-radius:14px;box-shadow:0 4px 12px #00000014;transition:transform .2s ease,box-shadow .2s ease}.job-card:hover{transform:translateY(-5px) scale(1.04);box-shadow:12px 12px 28px #00000047,-6px -6px 20px #fffc}.job-card ul{margin:0 0 0 20px;padding:0;list-style:none}.job-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;border-bottom:2px solid #b8c8ce;margin-bottom:12px;padding-bottom:8px}.job-header h3{margin:0;font-size:1.4rem;font-weight:600;color:#0a5c74}.job-header h4{margin:2px 0 0;font-size:1rem;font-weight:500;color:#555}.job-header .duration{font-size:.95rem;font-style:italic;color:#333;white-space:nowrap}.job-content{display:flex;gap:20px}.responsibilities-section{flex:7.5}.job-card li{margin-bottom:6px;padding-left:18px;position:relative;color:#064663}.job-card li:before{content:"⇒";position:absolute;left:-5px;color:#064663;font-weight:700}.responsibility-group{margin-bottom:12px;padding-left:5px}.responsibility-title{margin:5px 0 4px;font-size:1rem;font-weight:600;color:#0a5c74}.work-history-tech{flex:2.5;margin-top:5px;padding-left:20px;border-left:2px solid #e0e0e0}.work-history-tech strong{display:block;margin-bottom:10px;font-weight:600;color:#0a5c74}.work-history-tech-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.work-history-tech-list li{padding:6px 14px;font-size:.85rem;font-weight:500;color:#064663;background-color:#e8f4f7;border-radius:20px;box-shadow:0 1px 3px #00000014;transition:transform .2s ease,background-color .2s ease}.work-history-tech-list li:hover{transform:scale(1.05);background-color:#d6ebf0}.work-history-tech-list li:before{content:none}@media screen and (max-width: 768px){.job-content{flex-direction:column}.work-history-tech{margin-top:20px;padding-left:0;border-left:none}}.achievement-title{display:flex;flex-wrap:wrap;align-items:center;margin:0 0 .75rem;font-size:1.25rem;color:#222}.achievement-org-date{font-size:.9rem;color:#031c27;margin-bottom:5px}.achievement-desc{flex-grow:1;font-size:.95rem;line-height:1.5;color:#124f6b;margin-bottom:5px}.project-header{display:flex;flex-wrap:nowrap;align-items:center;margin-bottom:10px;gap:8px;padding:6px 12px;border-radius:12px;background:linear-gradient(135deg,#f3f6fb,#fff,#f3f6fb);box-shadow:0 2px 6px #00000014;overflow:hidden}.project-title-role-group{display:flex;flex-wrap:nowrap;gap:4px;min-width:0;overflow:hidden}.project-header h3{font-size:.95rem;font-weight:600;color:#1e3c72;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.project-role{padding:7px 8px 0 0;font-size:.9rem;font-weight:500;color:#3b3f56;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.project-duration{font-size:.85rem;color:#3b3f56;margin-left:auto;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.project-card-summary{padding:2px 12px;margin-bottom:5px;border-radius:8px}.project-card-responsibilities{border-radius:8px}.project-card-summary{border-left:2px solid #0a5c74;border-right:2px solid #0a5c74;border-radius:15px;background:#f7f9fb}.project-card-summary strong{display:block;color:#0a5c74;margin-bottom:4px;font-weight:600}.project-card-summary p{margin:0;font-size:.91rem;color:#444;line-height:1.5;padding-bottom:10px;text-align:justify}.project-card-responsibilities{background:#f3f6fb;flex-grow:1;line-height:1.5;color:#444;margin-bottom:5px;text-align:justify;text-align-last:left}.project-card-responsibilities strong{display:block;color:#0a5c74;margin-bottom:6px;font-weight:600;padding:0}.project-card-responsibilities ul{margin:0;list-style-type:disc;font-size:.91rem;color:#444;line-height:1.6;padding:2px 20px}.project-card-responsibilities li{margin-bottom:6px}.project-card-responsibilities li::marker{padding-left:6px}.project-card-company{font-weight:600;color:#555;margin-bottom:.25rem}.project-card-technologies{flex:2.5;margin-top:5px}.project-card-technologies strong{display:block;margin-bottom:8px;font-weight:600;color:#0a5c74}.project-card-tech-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0 0 10px;list-style:none}.project-card-tech-list li{padding:6px 12px;font-size:.8rem;font-weight:500;color:#62757e;background:linear-gradient(135deg,#f3f6fb,#fff,#f3f6fb);box-shadow:0 1px 3px #00000014;overflow:hidden;border-radius:8px;white-space:nowrap;transition:transform .2s ease,background-color .2s ease}.project-card-tech-list li:hover{transform:scale(1.05);background-color:#d4e8ee;cursor:default}.project-card-tech-list li:before{content:none}.degree{font-size:1.6rem;font-weight:800;color:#2c3e50;margin-bottom:.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.location{font-size:1.1rem;color:#2c3e50;font-weight:600;margin-bottom:.3rem}.duration{font-size:1rem;color:#3d5a80;font-weight:500;margin-bottom:.3rem}.details{font-size:.95rem;color:#3d5a80;line-height:2;margin-top:.5rem}.contact-info{display:flex;flex-direction:column;gap:5px;font-size:1rem;color:#333}.contact-info a{color:#1a73e8;text-decoration:none;font-weight:500}.contact-info a:hover{text-decoration:underline}
