*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}.layout{display:flex}.sidebar{color:#fff;background:#080e13;width:290px;height:100vh;position:fixed}.sidebar-inner{padding:30px 20px}.profile{text-align:center;margin:40px 0}.profile img{object-fit:cover;border:3px solid #1e293b;border-radius:50%;width:110px;height:110px;margin-bottom:15px}.profile h2{margin-bottom:15px;font-size:22px;font-weight:600}.social{justify-content:center;gap:12px;margin:20px 0;display:flex}.social a{color:#94a3b8;transition:all .3s}.social a:hover{color:#3b82f6;transform:translateY(-2px)}.sidebar ul{padding:0;list-style:none}.sidebar li{cursor:pointer;color:#94a3b8;align-items:center;gap:10px;padding:12px 20px;transition:all .3s;display:flex}.sidebar li:hover,.sidebar li.active{color:#fff;background:#1e293b}nav ul{margin-top:30px;padding:20px;list-style:none}nav li{color:#cbd5e1;cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:14px 10px;font-size:18px;transition:all .3s;display:flex}nav li:hover{color:#fff;background:#1e293b;transform:translate(5px)}.hero{background:url(/logo2.png) 50%/cover no-repeat;align-items:center;height:100vh;display:flex;position:relative}.overlay{background:#0000008c;align-items:center;width:100%;height:100%;display:flex}.hero-content{color:#fff;padding-left:140px}.hero-name{letter-spacing:1px;margin-bottom:15px;font-size:72px;font-weight:700}.hero-role{font-size:28px;font-weight:400;position:relative}.typing{padding-bottom:5px;display:inline-block;position:relative}.typing:after{content:"";background:#4f46e5;width:100%;height:3px;position:absolute;bottom:0;left:0}.typing{border-right:2px solid #fff;animation:.8s infinite blink}@keyframes blink{0%{border-color:#0000}50%{border-color:#fff}to{border-color:#0000}}.main{width:calc(100% - 280px);margin-left:280px}nav li.active{color:#fff;background:#1e293b}.about{background:#f8fafc;padding:80px 100px}.section-title{font-size:32px;font-weight:600}.underline{background:#4f46e5;width:60px;height:3px;margin:10px 0 40px}.about-content{gap:50px;display:flex}.about-image img{border-radius:8px;width:400px}.about-info h3{margin-bottom:20px;font-size:24px}.info-grid{grid-template-columns:repeat(2,1fr);gap:20px 40px;margin-bottom:20px;font-size:19px;display:grid}.about-text{margin-top:20px;font-size:17px;line-height:2.4}.stats{justify-content:space-between;margin-top:60px;display:flex}.stat-box{text-align:center}.stat-box h3{color:#4f46e5;font-size:36px}html{scroll-behavior:smooth}.skills{background:#eef2f7;padding:80px 100px}.skills-desc{color:#64748b;margin:20px 0 40px;line-height:25px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:30px 50px;display:grid}.skill-item{width:100%}.skill-header{justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.progress{background:#dbe3ec;border-radius:4px;width:100%;height:10px;overflow:hidden}.progress-bar{background:#3b82f6;height:100%;transition:width 1.2s}.resume{color:#353535;background:#f8fafc;padding:100px 120px}.resume-desc{color:#475569;margin:25px 0 60px;font-size:16px;line-height:1.7}.resume-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.resume-subtitle{margin-bottom:35px;font-size:24px;font-weight:700}.resume-item{border-left:2px solid #3b82f6;margin-bottom:50px;padding-left:28px;position:relative}.resume-item:before{content:"";background:#3b82f6;border-radius:50%;width:12px;height:12px;position:absolute;top:8px;left:-7px}.resume-item h4{margin:0 0 8px;font-size:18px;font-weight:600}.resume-date{color:#348ea3;margin-top:10px;margin-bottom:15px;margin-left:5px;font-size:17px;font-weight:600;display:block}.resume-item p,.resume-item li{color:#484b4f;font-size:16px;line-height:1.8}.resume-item ul{margin-top:10px;padding-left:20px}.portfolio{background:#eef2f7;padding:100px 120px}.portfolio-desc{color:#475569;margin:25px 0 40px;font-size:15px}.portfolio-filter{justify-content:center;gap:30px;margin:40px 0;display:flex}.portfolio-filter button{cursor:pointer;color:#475569;background:0 0;border:none;font-size:15px}.portfolio-filter button.active,.portfolio-filter button:hover{color:#3b82f6}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px;display:grid}.portfolio-card{cursor:pointer;background:#fff;border-radius:14px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 15px 35px #00000014}.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px #00000026}.portfolio-img{object-fit:cover;width:100%;height:300px;display:block}.portfolio-card{position:relative;overflow:hidden}.portfolio-card img{object-fit:cover;width:100%;height:260px}.badge{color:#fff;z-index:3;background:#3b82f6;border-radius:20px;padding:6px 14px;font-size:12px;position:absolute;top:18px;left:18px}.overlay-portfolio{opacity:0;color:#fff;background:#0f172abf;flex-direction:column;justify-content:center;align-items:center;transition:all .4s;display:flex;position:absolute;inset:0}.portfolio-card:hover .overlay-portfolio{opacity:1}.overlay-portfolio-icons{gap:30px;margin-bottom:20px;display:flex}.icon-btn{color:#0f172a;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;transition:all .3s;display:flex}.icon-btn:hover{color:#fff;background:#3b82f6;transform:scale(1.1)}.overlay-portfolio p{font-size:16px;font-weight:500}.sidebar-profile{margin-bottom:50px}.sidebar-profile h2{color:#fff;font-size:20px}.sidebar-profile p{color:#94a3b8;font-size:13px}.sidebar-menu{padding:0;list-style:none}.sidebar-menu li{cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:12px 15px;transition:all .3s;display:flex}.sidebar-menu li:hover,.sidebar-menu li.active{color:#3b82f6;background:#1e293b}.modal{z-index:9999;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{max-width:90%;max-height:90%;position:relative}.modal-img{border-radius:12px;width:100%}.close-btn{color:#fff;cursor:pointer;position:absolute;top:-45px;right:-10px}.nav-btn{color:#fff;cursor:pointer;background:#ffffff1a;border-radius:50%;padding:10px;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn:hover{background:#ffffff4d}.nav-btn.left{left:-70px}.nav-btn.right{right:-70px}.testimonials{background:#f8f9fa;padding:0 25px;overflow:hidden}.carousel{cursor:grab;margin-top:40px;overflow:hidden}.carousel:active{cursor:grabbing}.carousel-track{transition:transform .6s ease-in-out;display:flex}.testimonial-card{text-align:center;opacity:.7;min-width:33.333%;padding:30px;transition:all .4s;transform:scale(.9)}.testimonial-card.active{opacity:1;transform:scale(1)}.testimonial-img{object-fit:cover;border:4px solid #fff;border-radius:50%;width:110px;height:110px;margin:20px auto;box-shadow:0 8px 20px #00000014}.testimonial-card p{color:#413f3f;text-shadow:0 0;margin-bottom:25px;font-size:16px;line-height:1.5}.testimonial-card h4{font-size:18px;font-weight:600}.testimonial-card span{color:#777;font-size:14px}.dots{text-align:center;margin-top:25px;margin-bottom:35px}.dot{cursor:pointer;background:#ccc;border-radius:50%;width:10px;height:10px;margin:0 5px;display:inline-block}.dot.active{background:#149ddd}.contact{padding:80px 40px}.contact-wrapper{gap:40px;margin-top:40px;display:flex}.contact-info-card{background:#f8f9fa;border-radius:12px;flex:1;padding:30px}.info-item{gap:20px;margin-bottom:25px;display:flex}.icon-box{color:#149ddd;background:#eaf6fd;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.contact-form-card{background:#f8f9fa;border-radius:12px;flex:2;padding:30px}.form-row{gap:20px;display:flex}.form-group{flex-direction:column;flex:1;min-height:78px;display:flex}input,textarea{border:1px solid #ddd;border-radius:6px;margin-bottom:5px;padding:12px;font-size:14px}textarea{resize:none;height:140px}.error{color:#ff3b3b;min-height:16px;font-size:12px}.button-wrapper{text-align:center;margin-top:20px}button{color:#fff;cursor:pointer;background:#149ddd;border:none;border-radius:25px;padding:12px 30px;transition:all .3s}button:hover{background:#0f8bcf}.detail-header{color:#fff;background:#0a1f33;justify-content:space-between;align-items:center;padding:25px 60px;display:flex}.breadcrumb a{color:#149ddd;text-decoration:none}.portfolio-details{background-color:#f1f1f1;gap:50px;height:calc(100vh - 90px);padding:40px 60px;display:flex}.slider-wrapper{background:#fff;border-radius:12px;flex:2;max-height:80vh;position:relative;overflow:hidden}.slider{width:100%;transition:transform .5s ease-in-out;display:flex}.slider img{object-fit:contain;-webkit-user-select:none;user-select:none;min-width:100%;height:100%;max-height:75vh}.detail-dots{text-align:center;margin-top:15px}.detail-dot{cursor:pointer;background:#ccc;border-radius:50%;width:10px;height:10px;margin:0 6px;display:inline-block}.detail-dot.active{background:#149ddd}.project-info{flex-direction:column;flex:1;justify-content:flex-start;display:flex}.info-card{background:#fff;border-radius:10px;margin-bottom:30px;padding:25px 30px}.info-card h3{margin-bottom:10px}.divider{background:#eee;height:1px;margin:15px 0}.info-card ul{padding:0;list-style:none}.info-card li{margin-bottom:15px;font-size:15px}.project-title{margin-bottom:15px}.project-desc{color:#555;font-size:17px;line-height:1.6}.detail-url{color:#31a2b5;margin-left:5px;font-size:17px}.flex{display:flex}