.section-title,.skill-tag,section h2{display:inline-block}html{scroll-behavior:smooth}body{font-family:Sarabun,sans-serif;background-color:#f8f9fa}.nav-link.active{color:#0d6efd!important;font-weight:600;position:relative}.nav-link.active::after,.section-title::before,section h2::before{position:absolute;background-color:#0d6efd}.nav-link.active::after{content:"";bottom:0;left:0;height:2px;width:100%;border-radius:1px}section:nth-of-type(odd){background-color:#fff}section:nth-of-type(2n){background-color:#f1f3f5}.hero{background:linear-gradient(90deg,#020024 0,#090979 35%,#00d4ff 100%);color:#fff;padding:120px 0 80px;text-align:center}.hero-img{width:140px;height:140px;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 4px 15px rgba(0,0,0,.2);margin-bottom:1rem}.hero h1{font-size:2.5rem;font-weight:700}section{padding:60px 0}section h2{font-weight:700;font-size:2.2rem;margin-bottom:2rem;position:relative}section h2::before{content:"";width:60px;height:4px;bottom:-10px;left:50%;transform:translateX(-50%);border-radius:2px}.skill-tag{margin:6px;padding:8px 14px;border-radius:25px;background-color:#dee2e6;font-weight:500;font-size:.9rem;transition:.3s}.skill-tag:hover{background-color:#0d6efd;color:#fff}.skill-tag img{vertical-align:middle;margin-top:-2px;border-radius:3px}.card{border:none;border-radius:1rem;box-shadow:0 10px 25px rgba(0,0,0,.05);transition:transform .3s}.card:hover{transform:translateY(-6px);box-shadow:0 12px 36px rgba(0,0,0,.08)}.timeline-item{border-left:3px solid #0d6efd;padding-left:20px;margin-bottom:30px}footer{background:#343a40;color:#fff;padding:30px 0}label.error{color:red;font-size:.9em;margin-top:5px}.aos-element{opacity:0;transition:.8s}.aos-element.fade-up{transform:translateY(30px)}.aos-element.fade-down{transform:translateY(-30px)}.aos-element.fade-right{transform:translateX(-30px)}.aos-element.aos-animate{opacity:1;transform:translate(0,0)}.section-title{font-weight:700;position:relative;padding-bottom:.5rem}.section-title::before{content:"";width:50px;height:3px;bottom:0;left:50%;transform:translateX(-50%);border-radius:2px}.service-box{transition:.3s}.service-box:hover{transform:translateY(-5px);transition:.3s ease-in-out;box-shadow:0 10px 25px rgba(0,0,0,.08)}#backToTopBtn{display:none;position:fixed;bottom:30px;right:30px;z-index:99;font-size:16px;background-color:#555;color:#fff;padding:10px 15px;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.2)}#backToTopBtn:hover{background-color:#333}