*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;padding:0rem 10rem 0;width:auto;margin:0 auto;background-color:#fafafa}.footer{text-align:center;padding:20px 0;margin-top:60px;font-size:.8rem;color:#aaa}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;margin-top:1.5rem}.logo-briefcase{width:40px;height:40px}.contact-button{background-color:#1a1a1a;color:#fff;padding:.5rem 1.5rem;border-radius:2rem;text-decoration:none;display:flex;align-items:center;gap:.5rem}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem 1.5rem}.hero{grid-column:1/3;padding-right:2rem;padding-left:25px;margin-bottom:30px;margin-top:20px}.hero h1{font-size:3rem;font-weight:500;line-height:1.2}.hero h2{margin-top:.7rem;font-weight:400;color:#555;line-height:1.15}.grid-item{aspect-ratio:auto;background-color:transparent;border-radius:1rem;overflow:visible;transition:transform .2s;position:relative;cursor:pointer;padding:1rem;display:flex;flex-direction:column;align-items:flex-start;box-shadow:none}.grid-item::after{content:none}.grid-item img{width:70px;height:70px;object-fit:cover}.ic{display:flex;justify-content:center;align-items:center;width:140px;height:140px;border-radius:50%;background-color:#fff;position:relative}.grid-video{opacity:1;transition:opacity .3s ease;position:relative;margin:10px;mix-blend-mode:multiply;box-shadow:none}.grid-item:hover .grid-video{opacity:1}.grid-item:hover .grid-text{color:#36cccc}.grid-item:hover .primary-img{opacity:0}.skip-link{background:#209cee;color:#fff;font-weight:600;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%);transition:top .3s;z-index:10000;text-decoration:none;border-radius:0 0 4px 4px;top:-100px}.skip-link:focus{top:0;outline:3px solid #36cccc;outline-offset:2px}#main-content:focus{outline:0}#overlay{z-index:10001}.grid-item:hover .hover-img{opacity:1}.grid-item:hover .grid-text{color:#36cccc}.grid-link{text-decoration:none!important}.grid-text{text-decoration:none!important;position:static;transform:none;color:#111;margin-top:.2rem;text-align:center;padding:.5rem;font-size:1.2rem;font-weight:500;transition:color .3s ease}@media (min-width:1200px){.grid-container{grid-template-columns:repeat(4,1fr)}.hero{grid-column:1/3}}@media (max-width:1110px){.grid-container{grid-template-columns:repeat(3,1fr)}.hero{grid-column:1/4}.overlay-content{width:90%!important;padding:2rem 3rem!important}.overlay{padding:2rem 0!important}}@media (max-width:900px){.grid-text{font-size:1.2rem}}@media (max-width:768px){body{padding:1rem}.overlay-content{width:98%!important;padding:2rem 1rem!important}.overlay{padding:2rem 0!important}.overlay-section h2{margin-left:10px}.grid-container{grid-template-columns:repeat(2,1fr)}.grid-text{font-size:1.1rem}.hero{grid-column:1/3;padding-right:0}.hero h1{font-size:2.6rem}.hero h2{font-size:1.2rem}.work-time{float:none!important}}.fa-solid{margin-right:10px;font-size:1.2rem;color:#aaa}.logo{height:100px;width:93px;border-radius:50% 50%;box-shadow:0 0 10px 0 rgba(0,0,0,.45) inset;margin-left:25px}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:1000;overflow-y:auto;padding:2rem 5rem}.overlay-content{position:relative;background-color:#fff;margin:5% auto;padding:2rem 5rem;width:70%;max-width:1400px;border-radius:1rem;box-shadow:0 0 20px rgba(0,0,0,.3)}.overlay-content h2,.overlay-content i{color:#777}.overlay-content h2{margin-bottom:1rem}.close-btn{position:absolute;right:1rem;top:1rem;font-size:2rem;background:0 0;border:none;cursor:pointer;padding:.5rem;text-decoration:none}.overlay-section{margin-top:1rem}.grid-item{cursor:pointer}.company{position:relative;padding-left:44px;margin-bottom:2rem;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff}.roles::before{content:'';position:absolute;left:44px;top:100px;bottom:15px;width:2px;background-color:#e0e0e0}.timeline-dot{position:absolute;left:-24px;top:8px;width:12px;height:12px;border-radius:50%;background-color:#666;border:2px solid #fff;z-index:1}.company-header{display:flex;align-items:center;margin-left:-45px;padding:1rem;padding-left:25px;cursor:pointer;background-color:#fff;transition:background-color .2s;position:relative}.company-header:hover{background-color:#f8f8f8}.company-logo{height:38px;margin-right:1rem}.company-info{flex:1;margin-right:35px}.company-info h3{margin:0;font-size:1.2rem;font-weight:600}.total-duration{color:#666;font-size:.9rem}.company.collapsed .roles{display:none}.collapse-indicator{position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:transform .3s;color:#666;font-size:.9rem}.company.collapsed .collapse-indicator{transform:translateY(-50%) rotate(-180deg)}.roles{padding-left:1.2rem;padding-bottom:15px}.role{position:relative;margin-bottom:1.5rem}.role:last-child{margin-bottom:0}.role-content{margin-left:.5rem}.role-header{display:flex;justify-content:space-between;align-items:flex-start}.role h4{margin:0;font-size:1.1rem;font-weight:600}.role-meta{color:#666;font-size:.9rem;margin-top:-.1rem}.role-meta i{font-size:1em;color:#ccc;margin-right:.5rem}.work-time{float:left;margin-right:20px}.work-details{margin-top:.5rem;font-size:.95rem;line-height:1.5;clear:both}@media (max-width:768px){.company{margin-left:0;padding-left:24px;margin-right:0;padding-right:5px}.company-header{margin-left:-25px}.roles::before{left:24px}.company-logo{height:32px}}.education-container{font-family:Arial,sans-serif;max-width:800px;margin:20px auto;padding:20px}.education-entry{display:flex;align-items:flex-start;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee}.education-logo{width:40px;height:40px;margin-right:20px;overflow:hidden}.education-logo img{width:100%;height:100%;object-fit:cover;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.education-details{flex:1}.institution-name{font-size:24px;font-weight:700;color:#333;margin:0 0 8px 0}.degree{font-size:18px;color:#444;margin:0 0 8px 0}.year{font-size:16px;color:#666;margin:0 0 8px 0}.grade{font-size:16px;color:#666;margin:0 0 8px 0}.activities{font-size:16px;color:#666;margin:0}.education-details h2{margin-bottom:0!important}.Awards-container{max-width:800px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;padding:20px}.Awards-contact{margin-top:15px}.Awards-contact-title{font-size:1.5rem;color:#2d3748;margin-bottom:20px;font-weight:600}.Awards-contact-list{list-style:none;padding:0;margin:0}.Awards-contact-item{display:flex;align-items:center;margin-bottom:16px;color:#4a5568}.Awards-contact-icon{margin-right:12px;width:24px;height:24px;fill:#4299e1}.Awards-contact-link{color:#4299e1;text-decoration:none;transition:color .2s ease}.Awards-contact-link:hover{color:#2b6cb0;text-decoration:underline}.education-details a{background-color:#0b7fab;color:#fff;padding:2px 10px;border-radius:15px;text-decoration:none!important;transition:all .3s}.education-details a:hover{background-color:#0b7eab4d;color:#0b7fab}.wip{float:left;margin-top:7px;margin-right:10px;background-color:#fe7968;border-radius:15px;font-size:12px;color:#fff;font-weight:700;padding:2px 10px}.Awards-item{margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:20px}.Awards-title{font-size:1.2rem;font-weight:600;color:#2d3748;margin:0 0 8px 0;margin-bottom:0!important}.Awards-issuer{font-size:.9rem;color:#4a5568;margin-bottom:12px;display:flex;align-items:center;gap:8px}.Awards-date{color:#718096}.Awards-association{display:flex;align-items:center;gap:8px;color:#4a5568;font-size:.9rem;margin:2px 0 8px;padding:4px 0}.Awards-icon{height:20px;margin-right:5px;border-radius:4px}.Awards-icon img{height:20px}.Awards-description{color:#4a5568;line-height:1.5;margin:12px 0}.Awards-list{margin:12px 0;padding-left:24px}.Awards-list-item{margin:8px 0;color:#4a5568} /* Top Menu Bar */
        .top-menu {
            background: #fafafa;
            padding: 1rem 0;
           
        }

        .menu-container {
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

        .menu-links {
            display: flex;
            gap: 2rem;
        }

        .menu-links a {
            color: #7f8c8d;
            text-decoration: none;
            font-size: 0.9rem;
            font-weight: 500;
            transition: color 0.3s ease;
            letter-spacing: 0.5px;
        }

        .menu-links a:hover,
        .menu-links a.active {
            color: #2c3e50;
        }