.app-container{background:#0f0f0f;min-height:100vh;padding:30px}.main-layout{grid-template-columns:300px 1fr;gap:25px;max-width:1400px;margin:auto;display:grid}@media (width<=900px){.layout{flex-direction:column}.main-content{width:100%}}.sidebar{width:280px;padding:30px 20px}@media (width<=900px){.sidebar{width:100%}}.profile-section{text-align:center}.avatar{background:#2a2a2b;border-radius:24px;width:140px;height:140px;margin:auto auto 25px;overflow:hidden;box-shadow:0 8px 24px #00000040}.profile-image{object-fit:cover;width:100%;height:100%}.profile-section h2{margin-bottom:10px}.profile-section p{color:#a0a0a0}.divider{border:none;border-top:1px solid #2f2f31;margin:25px 0}.contact-section{flex-direction:column;gap:18px;display:flex}.contact-item{text-align:left}.contact-item strong{color:#d4b26a;margin-bottom:4px;font-size:14px;display:block}.contact-item p{color:#cfcfcf;word-break:break-word;font-size:14px}.social-section{flex-direction:column;gap:12px;margin-top:25px;display:flex}.social-btn{text-align:center;color:#fff;background:#2a2a2b;border-radius:10px;padding:12px;transition:all .3s;display:block}.social-btn:hover{color:#000;background:#d4b26a}.resume-btn{font-weight:700}.navbar{border-bottom:1px solid #2f2f31;justify-content:flex-end;gap:12px;padding:20px;display:flex}@media (width<=700px){.navbar{flex-wrap:wrap;justify-content:center;gap:10px}}.nav-btn{color:#bdbdbd;background:0 0;border:none;border-radius:8px;padding:10px 16px;transition:all .3s}.nav-btn:hover{color:#fff}.nav-btn.active{color:#000;background:#d4b26a;font-weight:600}.section-title{margin-bottom:30px;font-size:38px;position:relative}.section-title:after{content:"";background:#d4b26a;border-radius:4px;width:60px;height:4px;margin-top:12px;display:block}.about-text{color:#cfcfcf;max-width:900px;margin-bottom:20px;line-height:1.8}.project-image{object-fit:cover;border-radius:12px;width:100%;height:180px;margin-bottom:16px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px;display:grid}.project-card{background:#222224;border:1px solid #0000;border-radius:18px;flex-direction:column;height:100%;padding:22px;transition:all .3s;display:flex}.project-card:hover{border-color:#d4b26a;transform:translateY(-6px)}.project-card h2{margin-bottom:15px}.project-card p{color:#cfcfcf;margin-bottom:15px;line-height:1.6}.tech-stack{flex-wrap:wrap;gap:10px;display:flex}.tech-badge{color:#000;background:#d4b26a;border-radius:8px;padding:5px 10px;font-size:14px;font-weight:600}.project-links{gap:12px;margin-top:18px;display:flex}.project-links a{color:#fff;background:#2f2f31;border-radius:8px;padding:8px 14px;transition:all .3s}.project-links a:hover{color:#000;background:#d4b26a}.resume-section{margin-top:35px}.resume-section h2{margin-bottom:15px}.resume-card{background:#222224;border-radius:15px;margin-bottom:15px;padding:20px}.resume-card h3{margin-bottom:8px}.resume-card p{color:#cfcfcf;margin-bottom:5px}.resume-card ul{margin-top:10px;padding-left:20px}.resume-card li{color:#cfcfcf;margin-bottom:8px}.skills-grid{flex-wrap:wrap;gap:15px;margin-top:30px;display:flex}.skill-card{background:#222224;border-radius:12px;padding:14px 20px;font-weight:500;transition:all .3s}.skill-card:hover{color:#000;background:#d4b26a;transform:translateY(-3px)}.contact-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px;display:grid}.contact-card{background:#222224;border-radius:16px;padding:25px;transition:all .3s}.contact-card:hover{border:1px solid #d4b26a;transform:translateY(-4px)}.contact-card h2{color:#d4b26a;margin-bottom:15px}.contact-card a{color:#fff;word-break:break-word;text-decoration:none}.contact-card p{color:#cfcfcf}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#0f0f0f;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer}