body{margin:0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#080812;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}.portfolio{width:100%;overflow-x:hidden}.navbar{z-index:1000;background:#080812;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;width:100%;padding:20px 8%;display:flex;position:sticky;top:0}.logo{color:#fff;font-size:28px;font-weight:700}.logo span{color:#ff4fa3}.nav-links{gap:28px;display:flex}.nav-links a{color:#aaa;font-size:15px;transition:all .3s}.nav-links a:hover{color:#ff4fa3}.section{padding:100px 8%}.section-label{color:#ff4fa3;letter-spacing:2px;margin-bottom:15px;font-size:14px;font-weight:700}.section-title{margin-bottom:45px;font-size:42px;line-height:1.2}.section-title span{color:#ff4fa3}.home{justify-content:space-between;align-items:center;gap:60px;min-height:90vh;padding:100px 8%;display:flex}.home-content{max-width:650px}.welcome{color:#329cff;letter-spacing:2px;margin-bottom:20px;font-size:14px;font-weight:700}.home h1{margin-bottom:15px;font-size:55px;line-height:1.1}.home h1 span{color:#ff4fa3}.home h2{color:#329cff;margin-bottom:25px;font-size:28px}.description{color:#aaa;max-width:600px;font-size:17px;line-height:1.8}.home-buttons{gap:18px;margin-top:30px;display:flex}.pink-button,.blue-button{border-radius:8px;padding:13px 24px;font-weight:600;transition:all .3s;display:inline-block}.pink-button{color:#fff;background:#ff4fa3}.pink-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff4fa34d}.blue-button{color:#fff;background:#329cff}.blue-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #329cff4d}.social-links{gap:25px;margin-top:30px;display:flex}.social-links a{color:#aaa;font-weight:600;transition:all .3s}.social-links a:hover{color:#ff4fa3}.profile-area{flex-direction:column;align-items:center;display:flex}.profile-circle{background:linear-gradient(135deg,#ff4fa3,#329cff);border-radius:50%;width:300px;height:300px;padding:8px}.profile-circle img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-tag{color:#aaa;background:#11111f;border:1px solid #ffffff14;border-radius:20px;margin-top:20px;padding:10px 20px}.about{background:#0b0b17}.about-text{color:#aaa;max-width:850px;margin-bottom:18px;font-size:17px;line-height:1.8}.about-cards{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px;display:grid}.info-card{background:#11111f;border:1px solid #ffffff12;border-radius:15px;padding:30px}.pink-card{border-top:3px solid #ff4fa3}.blue-card{border-top:3px solid #329cff}.info-icon{margin-bottom:15px;font-size:35px}.info-card h3{margin-bottom:10px}.info-card p{color:#aaa}.skills-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.skill-card{background:#11111f;border:1px solid #ffffff12;border-radius:15px;padding:25px;transition:all .3s}.skill-card:hover{border-color:#ff4fa3;transform:translateY(-5px)}.skill-icon{margin-bottom:15px;font-size:32px}.skill-card h3{margin-bottom:8px}.skill-card p{color:#aaa;font-size:14px}.projects{background:#0b0b17}.projects-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.project-card{background:#11111f;border:1px solid #ffffff12;border-radius:16px;transition:all .3s;overflow:hidden}.project-card:hover{border-color:#ff4fa3;transform:translateY(-6px)}.project-top{justify-content:center;align-items:center;height:170px;font-size:55px;display:flex}.pink-bg{background:linear-gradient(135deg,#ff4fa3,#c73578)}.blue-bg{background:linear-gradient(135deg,#329cff,#2368c4)}.project-card h3{margin:25px 25px 12px;font-size:22px}.project-card p{color:#aaa;margin:0 25px 20px;line-height:1.7}.tech-tags{flex-wrap:wrap;gap:8px;margin:0 25px 20px;display:flex}.tech-tags span{color:#bbb;background:#1a1a2b;border-radius:5px;padding:6px 10px;font-size:12px}.project-link{color:#ff4fa3;margin:0 25px 25px;font-weight:600;transition:all .3s;display:inline-block}.project-link:hover{color:#329cff}.certificates{background:#080812}.certificates-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:20px;display:grid}.certificate-card{background:#11111f;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:175px;padding:24px;transition:all .3s;display:flex}.certificate-card:hover{border-color:#ff4fa3;transform:translateY(-4px)}.certificate-card h3{margin-bottom:10px;font-size:18px;line-height:1.4}.certificate-card p{color:#aaa;margin-bottom:15px;font-size:14px;line-height:1.5}.certificate-card .project-link{margin:0;font-size:14px}.contact{text-align:center;background:#0b0b17}.contact-text{color:#aaa;margin-bottom:30px;font-size:17px}.contact-buttons{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.footer{text-align:center;background:#080812;border-top:1px solid #ffffff0f;padding:30px 8%}.footer p{color:#777;font-size:14px}@media (width<=1000px){.home{padding-top:80px}.home h1{font-size:45px}.skills-grid{grid-template-columns:repeat(3,1fr)}.projects-grid,.certificates-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.navbar{flex-direction:column;gap:15px;padding:18px 5%}.nav-links{flex-wrap:wrap;justify-content:center;gap:14px}.nav-links a{font-size:13px}.section{padding:70px 5%}.home{text-align:center;flex-direction:column;padding:70px 5%}.home h1{font-size:38px}.home h2{font-size:23px}.description{font-size:15px}.home-buttons{flex-wrap:wrap;justify-content:center}.social-links{justify-content:center}.profile-circle{width:240px;height:240px}.section-title{font-size:32px}.about-cards{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.projects-grid,.certificates-grid{grid-template-columns:1fr}}@media (width<=450px){.skills-grid{grid-template-columns:1fr}.home-buttons{flex-direction:column;align-items:center}.pink-button,.blue-button{text-align:center;width:100%;max-width:250px}}