.header{color:#fff;z-index:1000;background-color:#111;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.logo{color:#fc0;font-size:1.8rem;font-weight:700}nav{gap:2rem;display:flex}nav a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s}nav a:hover{color:#fc0}.menu-toggle{cursor:pointer;color:#fc0;font-size:1.8rem;display:none}@media (max-width:768px){nav{background-color:#111;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:60%;height:100%;transition:right .3s ease-in-out;position:fixed;top:0;right:-100%}nav.active{right:0}.menu-toggle{display:block}}.about-section{color:#f0f0f0;background-color:#111;padding:6rem 2rem}.about-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;display:flex}.about-image{flex:1;min-width:150px;max-width:300px}.about-image img{border:2px solid #fc0;border-radius:15px;width:100%;transition:transform .3s}.about-image img:hover{transform:scale(1.05)}.about-content{flex:2;min-width:300px}.about-content h2{color:#fc0;margin-bottom:1.5rem;font-size:2.5rem}.about-content p{margin-bottom:1rem;font-size:1.1rem;line-height:1.7}.about-highlights{flex-wrap:wrap;gap:2rem;margin-top:2rem;display:flex}.highlight-item{text-align:center;background-color:#1c1c1c;border-radius:12px;flex:1;min-width:150px;padding:1rem 1.5rem;transition:transform .3s,background .3s}.highlight-item:hover{background-color:#222;transform:translateY(-5px)}.highlight-item span{color:#fc0;font-size:1.5rem;font-weight:700;display:block}.highlight-item p{color:#f0f0f0;margin-top:.5rem;font-size:.95rem}@media (max-width:992px){.about-container{gap:2rem}.about-content h2{font-size:2.2rem}}@media (max-width:768px){.about-container{text-align:center;flex-direction:column}.about-image{max-width:300px}.about-content h2{font-size:2rem}.about-content p{font-size:1rem}.about-highlights{flex-direction:column;gap:1rem}}.skills-section{color:#f0f0f0;text-align:center;background-color:#111;padding:6rem 2rem}.skills-section h2{color:#fc0;margin-bottom:1.5rem;font-size:2.5rem}.skills-intro{color:#ccc;max-width:700px;margin:0 auto 3rem;font-size:1.1rem;line-height:1.6}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.skill-card{background-color:#1c1c1c;border-radius:12px;flex-direction:column;align-items:center;padding:1.2rem 1rem;transition:transform .3s,background .3s;display:flex}.skill-card:hover{background-color:#222;transform:translateY(-5px)}.skill-icon{color:#fc0;margin-bottom:.6rem;font-size:2.5rem;transition:color .3s}.skill-card:hover .skill-icon{color:#e6b800}.skill-card p{color:#f0f0f0;text-align:center;margin:0;font-size:.95rem;line-height:1.4}@media (max-width:768px){.skills-section h2{font-size:2rem}.skills-intro{margin-bottom:2rem;font-size:1rem}.skill-icon{font-size:2rem}.skill-card p{font-size:.9rem}}body{color:#fff;background:#0f0f0f;margin:0;font-family:Poppins,sans-serif}.header{background:#111;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.header nav a{color:#ddd;margin-left:25px;text-decoration:none;transition:all .3s}.header nav a:hover{color:#fc0}html{scroll-behavior:smooth}.projects-section{color:#f0f0f0;background-color:#111;padding:5rem 2rem}.section-title{text-align:center;color:#fc0;margin-bottom:2.5rem;font-size:2.2rem}.projects-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto;display:grid}.project-card{background-color:#1c1c1c;border-radius:10px;flex-direction:column;justify-content:space-between;padding:1rem 1.2rem;transition:transform .3s,box-shadow .3s;display:flex}.project-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #00000080}.project-title{color:#fc0;margin-bottom:.8rem;font-size:1.3rem}.project-description{margin-bottom:.8rem;font-size:.95rem;line-height:1.4}.tech-stack{flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem;display:flex}.tech-item{color:#fc0;background-color:#222;border-radius:6px;padding:.25rem .6rem;font-size:.8rem}.project-link{color:#111;background-color:#fc0;border-radius:6px;align-self:flex-start;padding:.5rem 1rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .2s,background .3s}.project-link:hover{background-color:#e6b800;transform:scale(1.05)}@media (max-width:768px){.section-title{font-size:2rem}.project-title{font-size:1.1rem}.project-description{font-size:.9rem}.project-link{padding:.45rem .9rem;font-size:.85rem}}.contact-section{color:#f0f0f0;text-align:center;background-color:#111;padding:6rem 2rem}.section-title{color:#fc0;margin-bottom:1rem;font-size:2.5rem}.contact-text{color:#ccc;max-width:700px;margin:0 auto 2.5rem;font-size:1.1rem;line-height:1.6}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.contact-link{color:#111;background-color:#fc0;border-radius:8px;align-items:center;gap:.6rem;padding:.7rem 1.2rem;font-weight:700;text-decoration:none;transition:transform .2s,background .3s;display:flex}.contact-link:hover{background-color:#e6b800;transform:scale(1.05)}.contact-icon{font-size:1.5rem}.contact-extra{color:#ccc;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:3rem;font-size:1rem;display:flex}.contact-extra p{margin:0}.contact-form{flex-direction:column;gap:1rem;max-width:500px;margin:0 auto;display:flex}.contact-form input,.contact-form textarea{border:none;border-radius:8px;outline:none;padding:.8rem 1rem;font-size:1rem}.contact-form textarea{resize:vertical;min-height:120px}.contact-form button{color:#111;cursor:pointer;background-color:#fc0;border:none;border-radius:8px;padding:.8rem 1.5rem;font-weight:700;transition:transform .2s,background .3s}.contact-form button:hover{background-color:#e6b800;transform:scale(1.05)}@media (max-width:768px){.section-title{font-size:2rem}.contact-text{font-size:1rem}.contact-link{padding:.6rem 1rem;font-size:.9rem}.contact-icon{font-size:1.3rem}.contact-extra{flex-direction:column;gap:1rem}}.hero-section{color:#f0f0f0;text-align:center;background:linear-gradient(135deg,#111 0%,#1c1c1c 100%);justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-content{max-width:900px;padding:0 2rem;animation:1.5s forwards fadeIn}.hero-title{color:#fc0;margin-bottom:1rem;font-size:3rem;font-weight:700}.hero-title span{color:#fff}.hero-subtitle{margin-bottom:2rem;font-size:1.5rem;line-height:1.5}.hero-subtitle span{color:#fc0;font-weight:700}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.btn{border-radius:8px;padding:.8rem 2rem;font-weight:700;text-decoration:none;transition:transform .2s,background .3s}.btn-primary{color:#111;background-color:#fc0}.btn-primary:hover{background-color:#e6b800;transform:scale(1.05)}.btn-secondary{color:#fc0;background-color:#0000;border:2px solid #fc0}.btn-secondary:hover{color:#111;background-color:#fc0;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}}