.navbar{z-index:1000;box-sizing:border-box;background:#fff;justify-content:space-between;align-items:center;width:100%;padding:20px 50px;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 10px #0000001a}body.dark .navbar{background:#1f2937}.logo{color:#bf67ab;font-size:28px;font-weight:700}.navbar ul{gap:30px;list-style:none;display:flex}.navbar li a{cursor:pointer;color:#bf67ab;font-weight:700;text-decoration:none}.nav-right{gap:15px;display:flex}.mode-btn,.cv-btn{cursor:pointer;border:none;border-radius:12px;padding:12px 20px}.cv-btn{color:#000;background:#bf67ab;font-weight:700}.cv-download-link{text-decoration:none}.cv-download-link .cv-btn{color:#000}
.skill-section{text-align:center;padding:50px}.skill-grid{flex-wrap:wrap;justify-content:center;gap:30px;margin-top:40px;display:flex}.skill-card{box-sizing:border-box;cursor:pointer;background:#f1f5f9;border:1.5px solid #0000;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;transition:border-color .3s,background-color .3s,box-shadow .3s;display:flex}.skill-card:hover{background-color:#f1f5f9;border-color:#bf67ab;box-shadow:0 6px 15px #00000014}.skill-card img{object-fit:contain;width:50px;height:50px}.skill-card h3{margin-top:15px;font-size:1.1rem}
.contact-section{padding:60px}.contact-section h1{text-align:center;margin-bottom:40px;font-size:50px}.contact-container{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.left-contact,.right-contact{flex:1;min-width:300px}.left-contact{border:2px solid #ccc;border-radius:20px;padding:30px}.e-mail{text-align:center}.left-contact h2{margin-top:20px}.left-contact p{margin-top:10px;line-height:28px}.left-contact button{background:#bf67ab;border:none;border-radius:12px;width:100%;margin-top:30px;padding:15px;font-size:18px}.right-contact{flex-wrap:wrap;gap:20px;display:flex}.social-card{color:#000;box-sizing:border-box;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:20px;width:100%;padding:24px;display:flex}.social-card img{background:#fff;border-radius:50%;width:45px;height:45px;padding:10px;box-shadow:0 2px 4px #0000000d}.social-card h3{color:#1a202c;margin:0;font-size:18px;font-weight:700}.social-card p{color:#718096;margin:4px 0 0;font-size:14px;font-weight:400}.social-link-wrapper{width:48%;text-decoration:none;display:block}.social-link-wrapper .social-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.social-link-wrapper .social-card:hover{border-color:#bf67ab;box-shadow:0 6px 15px #00000014}
.footer{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;padding:30px 20px;display:flex}body.dark .footer{background:#111827;border-top-color:#1f2937}.footer a{color:#bf67ab;cursor:pointer;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s}.footer a:hover{opacity:.8}