:root{--background: #252626;--color: white}body{background-color:var(--background);color:#fff;text-align:center}.card-example{border:1px solid hsl(0,0%,.1%);border-radius:10px;box-shadow:5px 5px 5px #0000001a;padding:20px;margin:10px;text-align:center;max-width:300px;display:inline-block}.card-image-example{max-width:60%;height:auto;border-radius:50%;margin-bottom:10px}.card-title-example{font-family:Arial,sans-serif;margin:0;color:#000}.card-description-example{font-family:Arial,sans-serif;color:#4d4d4d}.nav{background-color:#585a5e;margin:0 0 10px;padding:14px 24px;position:sticky;top:0;z-index:1000}.nav-inner{max-width:2000px;margin:auto;display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;gap:24px;margin:0 auto}.nav a{color:pink;margin:0 12px;text-decoration:none;font-weight:500}.github-icon{width:24px;height:24px;display:block}.about{margin:30px 0}.avatar{border-radius:50%;width:150px;border:2px solid purple}.about-description{color:#fff;margin-top:50px}.highlight{color:pink;font-weight:700;text-decoration:underline}.skills-heading{margin-top:3rem;color:#c084fc}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;max-width:800px;margin:1.5rem auto}.skill{background:linear-gradient(180deg,#3a3936,#2f2e2c);border:1px solid rgba(192,132,252,.25);border-radius:14px;padding:1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem;transition:transform .2s ease,box-shadow .2s ease}.skill img{width:40px;height:40px}.skill-label{font-size:.9rem;opacity:.9}.skill:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000059}.skill-meter{width:100%;height:6px;background:#ffffff14;border-radius:999px;overflow:hidden;margin-top:4px}.skill-fill{height:100%;border-radius:999px}.skill-fill.expert{width:95%;background:#22c55e}.skill-fill.advanced{width:80%;background:#84cc16}.skill-fill.intermediate{width:60%;background:#eab308}.skill-fill.learning{width:35%;background:#f97316}.title{margin:0;color:#c084fc;letter-spacing:.5px}.experience{background:linear-gradient(180deg,#3a3936,#2f2e2c);border:1px solid rgba(192,132,252,.35);padding:2.5rem;margin:3rem auto;max-width:900px;border-radius:20px;position:relative}.experience:hover{transform:translateY(-4px)}.experience p{line-height:1.7;color:#ffffffe6}.experience:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:4px;background:#c084fc;border-radius:4px}.certificate-button{background:#0a070ed9;color:#fff;padding:15px 25px;border-radius:10px;cursor:pointer;border:1px solid rgba(192,132,252,.5);text-decoration:none;display:inline-block;margin-bottom:1rem;font-weight:500;letter-spacing:.3px}.certificate-button:hover{background:#140f1a;border-color:#c084fc;box-shadow:0 0 12px #c084fc59;transform:translateY(-1px)}.repo{display:block;margin-bottom:20px;border:none;font-size:30px}.project-card{padding:20px}.blog-grid{display:flex;flex-wrap:wrap;gap:20px;padding:20px;justify-content:center}.card{background:#1e1e1e;border-radius:12px;overflow:hidden;padding:20px;border:1px solid #333;box-shadow:0 4px 10px #00000059;transition:transform .15s ease,box-shadow .15s ease;flex:1 1 260px;max-width:320px;box-sizing:border-box}.card:hover{transform:translateY(-4px);box-shadow:0 6px 14px #00000073}.card-image{width:100%;object-fit:cover;border-radius:10px;margin-bottom:12px}.card-content{padding-top:10px}.card-content h2{margin:0 0 10px;font-size:1.3rem;color:#eee}.card-content p{margin:0 0 10px;color:#bbb;line-height:1.4rem;font-size:.95rem}.card-toggle{display:block;margin:0 auto 8px;background:none;border:none;color:#ff7bc3;cursor:pointer;font-size:.9rem;font-weight:600;text-decoration:underline}.card-toggle:hover{color:#ff9ed7;text-shadow:0 0 4px rgba(255,150,220,.3)}.card-link{display:inline-block;color:#61dafb;font-weight:700;margin-top:5px;font-size:.95rem;text-decoration:none}.card-link:hover{text-decoration:underline;color:#8de3ff}@media(max-width:600px){.card{flex:1 1 100%;max-width:100%}}