*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#0d1117;color:#c9d1d9;line-height:1.6}nav{background-color:#161b22;padding:1rem 2rem;box-shadow:0 2px 5px rgba(0,0,0,.3);position:sticky;top:0;z-index:1000}.nav-links{display:flex;justify-content:center;gap:2rem}.nav-links a{color:#c9d1d9;text-decoration:none;font-weight:700;transition:color .3s ease}.nav-links a:hover{color:#58a6ff}section{padding:4rem 2rem;max-width:1000px;margin:auto}section h2{font-size:2rem;color:#f0f6fc;margin-bottom:1rem;border-bottom:2px solid #30363d;display:inline-block;padding-bottom:.5rem}.page1{text-align:center;padding-top:3rem}.page1 img{width:120px;border-radius:50%;border:3px solid #58a6ff;margin-bottom:1rem}.page1 h2{font-size:2.5rem;color:#f0f6fc;margin-bottom:.5rem}.page1 h3{font-size:1.2rem;color:#8b949e}.box{background-color:#161b22;padding:1.5rem;border:1px solid #30363d;border-radius:8px;margin:1rem 0;transition:transform .2s ease}.box:hover{transform:translateY(-5px);border-color:#58a6ff}.skill-box{display:flex;flex-wrap:wrap;gap:2rem}.sk-box{flex:1;min-width:200px;background-color:#161b22;border:1px solid #30363d;padding:1rem;border-radius:8px}.sk-box p{margin-bottom:.5rem}a{color:#58a6ff;text-decoration:none}a:hover{text-decoration:underline}footer{background-color:#161b22;padding:2rem;text-align:center;border-top:1px solid #30363d}footer .social-links{margin-bottom:1rem}footer .social-links a{margin:0 .5rem;font-size:1.5rem;color:#c9d1d9;transition:color .3s ease}footer .social-links a:hover{color:#58a6ff}.credits p{color:#8b949e}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1000px;margin:auto}.logo a{font-size:1.5rem;color:#58a6ff;font-weight:700;text-decoration:none}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background-color:#c9d1d9;border-radius:2px;transition:.3s ease}@media(max-width:768px){.hamburger{display:flex}.nav-links{position:absolute;top:64px;left:0;right:0;background:rgba(22,27,34,.98);border-bottom:1px solid var(--border);max-height:0;overflow:hidden;flex-direction:column;gap:.5rem;padding:0 1rem;transition:max-height .3s ease;z-index:998}.nav-links.open{max-height:340px;padding:.5rem 1rem}.nav-links a{width:100%;text-align:center;padding:1rem 0;border-radius:10px}}