.header{height:5rem;color:#e0e1dd;background-color:transparent}.navbar{display:flex;justify-content:space-between;padding:1.5rem;position:fixed;top:0;left:0;width:97%;z-index:1000;background-color:transparent}.logo{font-family:Mozilla Headline,sans-serif;font-weight:400;font-size:2rem;color:#10acbb;background-color:transparent}.navbar>ul{display:flex;gap:1rem}.navbar>ul>li{list-style:none;font-family:Mozilla Headline,sans-serif;font-size:1.5rem;background-color:transparent}.navbar>ul>li:hover{color:#10acbb;cursor:pointer}*{margin:0;color:#fff;font-family:Mozilla Headline,sans-serif}.home{min-height:100vh;display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 4rem}.home>img{width:500px;padding:0}.home-content>h1{font-family:Mozilla Headline,sans-serif;font-weight:500;font-size:clamp(2.5rem,6vw,6rem)}.name{color:#10acbb}.home-content>p{font-size:clamp(1rem,2vw,1.5rem)}.text_effect{min-height:120px;display:block;transition:min-height .3s;word-break:break-word}section{min-height:100vh;box-sizing:border-box}section h2{margin-top:0;margin-bottom:2rem}.skills-section{width:100%;max-width:800px;margin:0 auto;padding:4rem 1rem}.skills-section h2{margin-bottom:2rem;font-size:2.5rem}.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:1.5rem 2.5rem}.skill-bar{display:flex;flex-direction:column;gap:.4rem;border-radius:8px;padding:1rem}.skill-label{display:flex;align-items:center;justify-content:space-between}.skill-icon{font-size:1.3rem;margin-right:.5rem}.skill-text{flex:1;font-weight:600;margin-left:.4rem}.skill-percent{font-weight:500;color:#aaa}.progress-bar{background:#232323;height:8px;border-radius:9px;overflow:hidden;margin-top:.3rem}.progress-fill{background:#10acbb;height:100%;border-radius:4px;transition:width .5s}.projects-section{width:100%;max-width:900px;margin:0 auto;padding:4rem 1rem}.projects-section h2{margin-bottom:2.5rem;font-size:2.5rem;font-weight:700;color:#fff}.projects-grid{display:flex;flex-wrap:wrap;gap:2rem}.project-card{background:#181818;border-radius:24px;width:320px;box-shadow:0 2px 14px #0a141e1c;overflow:hidden;padding:0;display:flex;flex-direction:column}.project-image img{width:100%;height:140px;object-fit:cover;border-top-left-radius:24px;border-top-right-radius:24px;background:#222}.project-content{padding:1.25rem 1rem 1rem;flex:1;display:flex;flex-direction:column}.project-title{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:.5rem}.project-desc{font-size:.98rem;color:#ccc;margin-bottom:1.5rem}.project-status{align-self:flex-end;font-size:.95rem;font-weight:500;background:#232323;color:#bbb;border-radius:12px;padding:.35rem 1.1rem;margin-top:auto;margin-bottom:.2rem;box-shadow:0 0 2px #21acb91f}.footer-container{padding:32px 0 0;background:transparent;margin-top:3vh;margin-bottom:0}.footer-social-row{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;margin-bottom:10px}.footer-social-item{display:flex;align-items:center;gap:9px;font-size:1rem;color:#ccc}.footer-icon{font-size:1.7rem;color:#10acbb;transition:color .3s}.footer-social-item a{color:#ccc;text-decoration:none;font-weight:500;transition:color .3s}.footer-social-item a:hover,.footer-icon:hover{color:#26e0fc}.footer-copyright{margin-top:22px;text-align:center;color:#aaa;font-size:1rem}body{background:#111;color:#fff;font-family:Segoe UI,Arial,sans-serif;margin:0;padding:0}.about-me-section{padding:40px 60px}.topic{color:#16e0c1;font-weight:600;color:#fff;font-size:2em;font-weight:700;margin-bottom:12px;margin-top:35px;display:inline-block;border-bottom:4px solid #10acbb;padding-bottom:4px;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.about-me-section h2,.about-me-section h3{color:#fff;font-weight:700;margin-top:32px}strong{font-weight:700}.about-me-section p{font-size:1.08em;line-height:1.7;margin-bottom:20px}.about-me-section ul{margin-left:28px;margin-bottom:30px}.about-me-section li{margin-bottom:9px;font-size:1.07em;letter-spacing:.5px}