:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}color: #fff; font-family: "Segoe UI",Tahoma,Geneva,Verdana,sans-serif; border-radius: 15px; gap: 40px; margin-top: 120px; } .intro-text{max-width:60%}.intro-text h1{font-size:3rem;color:#aaa;margin:0}.intro-text h2{font-size:4rem;color:#0cf;margin:10px 0}.intro-text p{font-size:1.1rem;line-height:1.8;color:#ddd}.intro-image img{width:280px;height:320px;object-fit:cover;border-radius:20px;box-shadow:0 8px 20px #0009;border:2px solid #00ccff}.svgs{mix-blend-mode:luminosity}.svgs svg{margin-top:10px;margin-right:50px}.svgs svg:hover{cursor:pointer}@media (max-width: 768px){.intro-container{flex-direction:column;text-align:center;margin-top:60px}.intro-text{max-width:100%}.intro-image img{margin-top:20px}}.all-projects{margin-inline:100px;gap:10px}@media (max-width:600px){.all-projects{margin-inline:30px;gap:60px}}.card{background-color:#2c2c2c;width:300px;border-radius:15px;box-shadow:0 8px 20px #0000004d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-8px);box-shadow:0 12px 25px #0006}.card img{width:100%;height:225px;object-fit:fill}.card-content{padding:20px}.card-title{color:#00d2ff;font-size:1.2rem;font-weight:700;margin-bottom:10px}.card-text{color:#cfcfcf;font-size:.95rem;line-height:1.4}.tech-stack{color:#bbb;font-size:.85rem;margin-top:12px}.tech-stack span{background-color:#3a3a3a;padding:4px 8px;border-radius:8px;margin-right:6px;display:inline-block;margin-bottom:6px;color:#f0f8ff}.skills-section{max-width:800px;margin:0 auto}.skills-section h2{font-size:3rem;margin-bottom:40px;text-align:center;color:#00bcd4}.skill{margin-bottom:30px}.skill-name{font-size:1.2rem;margin-bottom:8px}.progress-bar{background-color:#333;border-radius:30px;overflow:hidden;height:25px}.progress{height:100%;text-align:right;padding-right:10px;line-height:25px;font-weight:600;color:#fff;width:0;animation:fillBar 2s ease-in-out forwards}@keyframes fillBar{0%{width:0}}.skill-container{margin-inline:100px}@media (max-width:529px){.skill-container{margin-inline:30px}}.timeline{display:flex;flex-wrap:wrap;gap:40px;padding:40px 20px;max-width:1200px;width:100%;justify-content:center}.skill-item{position:relative;flex:1 1 400px;padding-left:40px;border-left:3px solid #444}.skill-item:before{content:"";position:absolute;left:-18px;top:0;width:16px;height:16px;background:#00bcd4;border-radius:50%;border:3px solid #fff;box-shadow:0 0 10px #00bcd4cc}.skill-content{background:#1e1e1e;padding:15px 20px;border-radius:10px;box-shadow:0 5px 15px #0000004d;transition:transform .3s ease}.skill-content:hover{transform:translateY(-5px)}.skill-name{font-size:1.2rem;font-weight:700;margin-bottom:5px}.skill-description{font-size:.95rem;color:#ccc;margin-bottom:8px;line-height:1.4}.progress-bar{background:#444;border-radius:30px;overflow:hidden;height:10px}.progress{height:100%;background:linear-gradient(to right,#00c6ff,#0072ff);transition:width 1s ease-in-out}@media (max-width: 768px){.skill-item{flex:1 1 100%;padding-left:30px}.skill-item:before{left:-13px}}