:root{--primary-color: #3498db;--secondary-color: #2980b9;--text-color: #333;--light-text: #666;--background: #fff;--light-bg: #f8f9fa;--border-color: #e0e0e0;--accent-color: #1abc9c;--card-shadow: 0 4px 12px rgba(0, 0, 0, .08);--transition: all .3s ease;--primary-color-rgb: 52, 152, 219}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background)}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600;line-height:1.3}a{text-decoration:none;color:var(--primary-color);transition:var(--transition)}a:hover{color:var(--secondary-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{display:none}nav{display:flex;justify-content:space-between;align-items:center;height:70px}.logo{font-family:Poppins,sans-serif;font-size:28px;font-weight:700;color:var(--primary-color)}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:30px}.nav-links a{color:var(--text-color);font-weight:500;transition:var(--transition)}.nav-links a:hover{color:var(--primary-color)}.hamburger{display:none;cursor:pointer}.hamburger span{display:block;width:25px;height:3px;background-color:var(--text-color);margin:5px 0;transition:var(--transition)}#hero{padding:180px 0 100px;background-color:var(--light-bg);position:relative;background-image:url(/dappon4.github.io/assets/header-bg-Chcr2S2E.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff}#hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#000000b3,#0006);z-index:1}#hero .container{position:relative;z-index:2}.hero-text h1{color:#fff}.hero-text h2{color:#ffffffe6}.hero-text p{color:#fffc}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.cta-buttons{display:flex;gap:15px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 28px;border-radius:30px;font-weight:500;font-size:16px;transition:var(--transition);cursor:pointer}.primary-btn{background-color:var(--primary-color);color:#fff}.primary-btn:hover{background-color:var(--secondary-color);color:#fff}.secondary-btn{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.secondary-btn:hover{background-color:var(--primary-color);color:#fff}.small-btn{padding:8px 16px;font-size:14px}.resume-btn{background-color:#27ae60;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.resume-btn:hover{background-color:#219653;color:#fff;transform:translateY(-2px)}.resume-btn i{font-size:14px}.profile-img-container{position:relative;width:320px;height:320px;margin:0 auto;border-radius:50%;overflow:hidden;box-shadow:var(--card-shadow);border:5px solid white}#profile-img{width:100%;height:100%;object-fit:cover}section{padding:72px 0}.section-title{font-size:32px;text-align:center;margin-bottom:60px;position:relative}.section-title:after{content:"";position:absolute;width:100px;height:4px;background-color:var(--primary-color);bottom:-15px;left:50%;transform:translate(-50%)}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-content p{font-size:18px;margin-bottom:30px;line-height:1.8}.personal-info{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px}.info-item{display:flex;align-items:center;gap:10px}.info-item i{color:var(--primary-color);font-size:18px}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:after{content:"";position:absolute;width:3px;background-color:var(--border-color);top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{position:relative;margin-bottom:60px}.timeline-dot{position:absolute;width:20px;height:20px;background-color:var(--primary-color);border-radius:50%;left:50%;transform:translate(-50%);z-index:1}.timeline-date{position:absolute;width:calc(50% - 40px);text-align:right;padding-right:30px;left:0;top:0;color:var(--light-text);font-weight:500}.timeline-content{width:calc(50% - 40px);background-color:#fff;padding:25px;border-radius:8px;position:relative;box-shadow:var(--card-shadow);right:calc(-50% - 40px)}.timeline-content h3{margin-bottom:10px;font-size:22px;color:var(--primary-color)}.timeline-content h4{margin-bottom:15px;font-size:18px;color:var(--light-text)}.timeline-content ul{margin-left:20px;margin-top:15px}.timeline-content ul li{margin-bottom:8px}.skills-container{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1200px;margin:0 auto}.skill-category{border-radius:8px;overflow:hidden;box-shadow:var(--card-shadow);transition:var(--transition);background-color:#fff;padding:25px;height:100%}.skill-category:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.skill-category h3{margin-top:0;margin-bottom:15px;color:var(--primary-color);font-size:20px}.skill-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.skill-pills span{background-color:var(--light-bg);color:var(--text-color);padding:6px 14px;border-radius:20px;font-size:14px;transition:var(--transition)}.skill-pills span:hover{background-color:var(--primary-color);color:#fff}.skill-details p{margin-bottom:10px;color:var(--text-color)}@media (max-width: 768px){.skills-container{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.projects-toolbar{max-width:520px;margin:0 auto 28px}#projects .container{max-width:1400px}.project-search-input{width:100%;border:1px solid var(--border-color);border-radius:999px;padding:12px 18px;font-size:15px;font-family:inherit;color:var(--text-color);transition:var(--transition)}.project-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}@media screen and (max-width: 1200px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width: 992px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width: 576px){.projects-grid{grid-template-columns:1fr}}.project-card{border-radius:8px;overflow:hidden;box-shadow:var(--card-shadow);transition:var(--transition);height:100%}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.project-content{padding:25px}.project-content h3{font-size:20px;margin-bottom:8px;color:var(--primary-color)}.project-meta{color:var(--light-text);font-size:14px;margin-bottom:15px}.project-content p{margin-bottom:20px;color:var(--text-color)}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.project-tag{background-color:var(--light-bg);color:var(--light-text);border:1px solid var(--border-color);border-radius:14px;padding:4px 10px;font-size:12px;line-height:1.2}.project-links{display:flex;gap:10px}.project-card.project-hidden{display:none}.project-no-results{margin-top:20px;text-align:center;color:var(--light-text)}.highlights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.highlight-card{background:#fff;border-radius:8px;padding:24px;box-shadow:var(--card-shadow);transition:var(--transition)}.highlight-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.highlight-card h3{color:var(--primary-color);margin-bottom:10px;font-size:19px}.highlight-card p{margin:0;color:var(--text-color)}.contact-content{max-width:1000px;margin:0 auto}.contact-info{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.contact-item{display:flex;align-items:center;gap:15px}.contact-item i{font-size:24px;color:var(--primary-color)}.contact-item h3{font-size:18px;margin-bottom:5px}footer{background-color:var(--light-bg);padding:30px 0;text-align:center;color:var(--light-text)}@media screen and (max-width: 992px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-image{order:-1}.profile-img-container{width:250px;height:250px;margin-bottom:30px}.timeline:after{left:40px}.timeline-dot{left:40px}.timeline-date{width:100%;text-align:left;padding-left:80px;padding-right:0}.timeline-content{width:calc(100% - 80px);right:auto;left:80px}}@media screen and (max-width: 768px){.nav-links{position:fixed;top:70px;left:0;width:100%;background-color:#fff;flex-direction:column;align-items:center;padding:20px 0;box-shadow:0 5px 10px #0000001a;clip-path:circle(0% at top right);transition:var(--transition)}.nav-links.active{clip-path:circle(150% at top right)}.nav-links li{margin:15px 0}.hamburger{display:block}section{padding:52px 0}.section-title{font-size:28px}.hero-text h1{font-size:36px}.hero-text h2{font-size:20px}.contact-info{flex-direction:column;align-items:center}.highlights-grid{grid-template-columns:1fr}}@media screen and (max-width: 576px){.profile-img-container{width:200px;height:200px}.cta-buttons{flex-direction:column;align-items:center;width:100%}.btn{width:100%;text-align:center;margin-bottom:10px}.timeline:after{left:20px}.timeline-dot{left:20px}.timeline-date{padding-left:60px}.timeline-content{width:calc(100% - 60px);left:60px}.personal-info{flex-direction:column;align-items:center}}.side-nav{position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:1000;display:block;background-color:transparent;border-radius:20px;padding:10px;box-shadow:none}.side-nav-inner{display:flex;align-items:center}.side-nav-dots{display:flex;flex-direction:column;align-items:center;position:relative}.side-nav-dots:before{content:"";width:2px;background-color:rgba(var(--primary-color-rgb),.3);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);z-index:-1}.side-nav-item{position:relative;margin:15px 0;display:flex;align-items:center;cursor:pointer;z-index:10}.side-nav-dot{width:12px;height:12px;background-color:var(--primary-color);border:2px solid var(--primary-color);border-radius:50%;transition:var(--transition);cursor:pointer}.side-nav-label{position:absolute;right:25px;margin-right:10px;padding:5px 10px;background-color:transparent;border-radius:4px;font-size:12px;color:var(--light-text);white-space:nowrap;transition:var(--transition);opacity:1;pointer-events:auto;box-shadow:none;cursor:pointer;z-index:11}.side-nav-item:hover .side-nav-dot,.side-nav-item.active .side-nav-dot{background-color:var(--secondary-color);transform:scale(1.3)}.side-nav-item:hover .side-nav-label,.side-nav-item.active .side-nav-label{font-weight:500;color:var(--primary-color)!important;font-size:14px!important}.core-values{margin:50px 0}.values-title{text-align:center;font-size:24px;margin-bottom:30px;color:var(--primary-color)}.values-container{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1000px;margin:0 auto}.value-card{background-color:var(--light-bg);border-radius:8px;padding:30px;box-shadow:var(--card-shadow);transition:var(--transition)}.value-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.value-icon{font-size:32px;color:var(--primary-color);margin-bottom:20px;text-align:center}.value-card h4{font-size:20px;margin-bottom:15px;color:var(--primary-color);text-align:center}.value-card p{color:var(--text-color);font-size:16px;line-height:1.7;text-align:left}@media screen and (max-width: 768px){.values-container{grid-template-columns:1fr}.value-card{padding:25px}}