*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0a0a0a;font-family:Inter,sans-serif;overflow-x:hidden}.app{display:flex}.timeline{z-index:1000;flex-direction:column;gap:30px;display:flex;position:fixed;top:50%;left:100px;transform:translateY(-50%)}.timeline-line{background:#ffffff26;width:2px;height:100%;position:absolute;top:0;left:9px}.timeline-item{color:#999;cursor:pointer;background:0 0;border:none;align-items:center;gap:18px;transition:all .3s;display:flex;position:relative}.timeline-item:hover{color:#10b981;transform:translateY(-5px)}.timeline-item.active{color:#0f172a;transform:scale(1.1)}.dot{z-index:2;background:#222;border:2px solid #777;border-radius:50%;width:20px;height:20px;transition:all .3s}.timeline-item.active .dot{background:#0f172a;border-color:#0f172a;box-shadow:0 0 20px #fff}.timeline-item:hover.active .dot,.timeline-item:hover .dot{background:#10b981;border-color:#10b981;box-shadow:0 0 20px #fff}.label{letter-spacing:2px;text-transform:uppercase;font-size:14px}.content{width:100%}.panel{border-bottom:1px solid #ffffff0f;align-items:center;min-height:100vh;padding:120px 12%;display:flex}.hidden{opacity:0;transition:opacity 1s,transform 1s;transform:translateY(120px)scale(.96)}.show{opacity:1;transform:translateY(0)scale(1)}.section-content{max-width:900px}.section-tag{color:#999;letter-spacing:3px;margin-bottom:30px;font-size:13px}.section-content h1{margin-bottom:40px;font-size:clamp(4rem,10vw,5rem);line-height:.95}.section-text{color:#bdbdbd;max-width:700px;font-size:1.2rem;line-height:1.8}.section-subheading{margin-top:40px;margin-bottom:20px;font-size:1.5rem}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;margin-top:60px;padding:40px;font-family:Inter,sans-serif}.glass-card h3{margin-bottom:12px}.skills-grid{grid-template-columns:repeat(2,1fr);margin-top:20px;display:grid}.skills-card{background:#ffffff0a;border-radius:24px;padding:20px;transition:all .4s}.skills-card:hover{background:#ffffff14;transform:translateY(-10px)}.skills-card h3{margin-bottom:12px}.services-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:60px;display:grid}.service-card{background:#ffffff0a;border-radius:24px;padding:40px;transition:all .4s}.service-card:hover{background:#ffffff14;transform:translateY(-10px)}.service-card h3{margin-bottom:12px}.cta-button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:999px;margin-top:50px;padding:18px 36px;font-weight:600;transition:all .3s}.cta-button:hover{transform:scale(1.05)}i{margin:2px 10px}@media (width<=900px){.timeline{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;scrollbar-width:none;scroll-behavior:smooth;background:#ffffff4d;border:1px #999;border-radius:999px;flex-direction:row;align-items:center;gap:24px;width:max-content;max-width:90vw;padding:12px 20px;position:fixed;top:auto;bottom:20px;left:50%;overflow:auto hidden;transform:translate(-50%)}.timeline::-webkit-scrollbar{display:none}.timeline-line{display:none}.timeline-item{flex-direction:column;gap:8px;min-width:60px}.label{letter-spacing:1px;font-size:10px;display:block}.dot{border:none;width:12px;height:12px}}@media (width<=1600px) and (width>=901px){.timeline{z-index:1000;gap:24px;max-width:90vw;padding:12px 20px;position:fixed;top:50%;bottom:20px;left:90%;overflow:auto hidden;transform:translate(-50%)}.timeline::-webkit-scrollbar{display:none}.timeline-line{display:none}.timeline-item{gap:8px;min-width:60px}.label{letter-spacing:1px;font-size:10px;display:block}.dot{width:12px;height:12px}}body{color:#333;background-color:#f5f5f5;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0}