*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#fdfdfd;color:#222;line-height:1.6;font-size:16px;scroll-behavior:smooth;height:100%;overflow-x:hidden}body{overflow-y:auto}.contact-link{display:flex;align-items:center;gap:6px;font-weight:500;color:#ffffffe6;transition:color .2s ease-in-out}.contact-link:hover{transform:scale(1.05);color:#ffee58;transition:all .2s ease-in-out}.header{display:flex;justify-content:flex-start;flex-direction:column;align-items:center;min-height:250px;padding:20px;background:linear-gradient(to right,#b0bde4,#4b6cb7,#1c3faa);text-align:center;color:#fff;overflow:hidden}.header-content{padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.profile-pic{height:150px;width:150px;border-radius:50%;object-fit:cover;box-shadow:0 4px 12px #0000001a}.name{font-size:30px;font-weight:600;margin:0;padding:0}.title{font-size:16px;color:#fffc;margin:10px 0;font-weight:500}.links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}@media (min-width: 1024px){.header{flex-direction:row}.profile-pic{height:250px;width:250px}.header-content{align-items:flex-start}.name{font-size:50px}.title{font-size:21px}}.layout{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(to right,#f0f4ff,#fff);padding:0;margin:0;width:100vw}.layout-main{flex:1;display:flex;flex-direction:column}.summary-skills-row{display:flex;align-items:flex-start;flex-wrap:wrap;width:100%;margin:0 auto}@media (min-width: 1024px){.summary-skills-row{display:flex;gap:40px;align-items:stretch;padding:60px 20px;justify-content:center;flex-direction:row-reverse}}.section-title{font-size:32px;font-weight:600;margin:0 0 24px;color:#1c3faa;text-align:left}.summary{padding:50px 20px;display:flex;justify-content:center}.summary-inner{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 24px #1c3faa1a;transition:transform .3s ease}.summary-inner:hover{transform:translateY(-4px)}.summary-text{font-size:18px;line-height:1.75;color:#333;margin-bottom:24px;text-align:justify}@media (min-width: 1024px){.summary{padding:0;display:flex;width:65%}}.gradient-loader{width:100%;height:400px;background-color:#f9f9f9;position:relative;overflow:hidden;border-radius:12px}.shimmer{width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0,#f7f7f7,#f0f0f0);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:inherit}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.skill-button{padding:10px 16px;border:2px solid #1c3faa;background-color:#fff;color:#1c3faa;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease-in-out}.skill-button:hover,.skill-button.active{background-color:#1c3faa;color:#fff}.skills{padding:20px;width:100%}.skills-inner{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 24px #1c3faa1a;transition:transform .3s ease}.skills-inner:hover{transform:translateY(-4px)}.skills-grid{display:flex;flex-wrap:wrap;gap:12px}@media (min-width: 1024px){.skills{padding:0;width:30%;display:flex;justify-content:center}}.experience-timeline{margin:0 20px 40px}.timeline-wrapper{position:relative}.timeline-line{display:none}.timeline-container{display:flex;flex-direction:column;gap:40px;position:relative;z-index:1}.timeline-entry{display:flex;flex-direction:column;align-items:flex-start}.timeline-left,.timeline-divider{display:none}.timeline-dot{width:10px;height:10px;background-color:#1c3faa;border-radius:50%;margin-bottom:10px}.timeline-right{flex:1;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 12px #0000000f}.job-title{font-size:1rem;font-weight:700;margin:0 0 4px}.job-company{font-size:.85rem;font-weight:500;color:#333}.job-location{font-size:.8rem;color:#777;margin:0 0 10px 10px}.job-description{font-size:.9rem;margin-bottom:12px}.job-highlights{padding-left:20px;margin-bottom:20px}.job-highlights li{margin-bottom:6px}.job-tech{display:flex;flex-wrap:wrap;gap:8px}.tech-badge{background:#e3ebff;color:#1c3faa;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500}.job-project{font-size:.9rem;margin-top:8px}.job-project-link{color:#1c3faa;text-decoration:underline;font-weight:500;transition:color .2s ease}.job-project-link:hover{color:#0e2a7a}.highlight{background-color:#fff3cd;color:#000;font-weight:600;padding:0 2px;border-radius:2px}.job-date{margin-left:10px;font-size:.85rem;font-weight:500;color:#333}@media (min-width: 700px){.experience-timeline{margin:0 60px 60px}.job-date{display:none}.timeline-line{display:block;position:absolute;top:0;bottom:0;left:180px;width:4px;background:#1c3faa;z-index:0}.timeline-entry{flex-direction:row;align-items:flex-start}.timeline-left{display:block;width:160px;text-align:right;padding-right:20px;font-size:.9rem;margin-top:25px}.timeline-divider{display:flex;justify-content:center;position:relative;z-index:2;width:44px}.timeline-dot{width:14px;height:14px;top:27px;position:relative}.timeline-right{padding:30px}.job-title{font-size:1.2rem}.job-company,.job-location{font-size:1rem}.tech-badge{font-size:.8rem;padding:5px 10px}}.footer{padding:40px 20px 60px;background:linear-gradient(to right,#1c3faa,#4b6cb7,#b0bde4);text-align:center;color:#fff;font-family:Inter,sans-serif;font-size:.9rem;border-top:1px solid rgba(0,0,0,.06)}.footer-top-border{height:4px;width:100px;margin:0 auto 20px;background:#fff;border-radius:10px}.footer-line{font-weight:600;margin-bottom:14px}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:14px}.footer-links a{display:flex;align-items:center;gap:.4rem;text-decoration:none;color:#fff;font-weight:500;transition:all .3s ease-in-out}.footer-links a:hover{color:#004ab3;transform:translateY(-1px)}.footer-tagline{color:#fff;font-style:italic;font-weight:500;opacity:.9}.education{padding:0 20px}.education-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;padding:24px;margin-bottom:60px}.education-date{font-weight:500;color:#666;margin-bottom:8px;border-bottom:1px solid #e3e3e3;display:inline-block;margin-left:10px}.education-school{font-size:1.2rem;font-weight:700;margin:8px 0}.education-school a{text-decoration:none;color:#1c3faa}.education-degree{font-size:1rem;font-weight:500;margin-bottom:16px;color:#333}.education-highlights{padding-left:20px;color:#444}.education-highlights li{margin-bottom:8px;font-size:.95rem}@media (min-width: 1024px){.education-card{margin:0 20px 60px}}
