:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}.header{padding:20px;text-align:center;color:#000;background:#1c1b1b}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.logo-box{background:#38bdf8;color:#111;padding:10px;font-weight:700;font-size:20px;border-radius:4px;box-shadow:0 0 15px #38bdf880}.user-title h1{margin:0;font-size:24px;color:#fff}.user-title p{color:#fff}.user-photo img{width:80px;height:80px;border-radius:50%;border:3px solid #38bdf8;object-fit:cover}.nav{display:flex;justify-content:center;gap:10px}.nav-link{background-color:#38bdf8;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;text-decoration:none;display:inline-block}.nav-link:hover{color:#111}.about-text{line-height:1.6;color:#444;text-align:justify}.skills-container{display:flex;flex-direction:column;gap:8px}.skill-item{background-color:#f9fafb;padding:12px 15px;border:1px solid #eeeeee;border-radius:4px;color:#555}.projects-grid{display:flex;flex-direction:column;gap:15px;margin-top:15px}.project-box{background-color:#f3f4f6;padding:25px;border-radius:8px;font-weight:700;border:1px solid #e5e7eb;color:#1f2937;transition:.3s}.project-box:hover{background-color:#e5e7eb}.contact-info p{margin:10px 0;display:flex;align-items:center;gap:10px}.contact-info a{color:#38bdf8;text-decoration:none}.footer-container{padding:30px;text-align:center;background:#1c1b1b;color:#fff;margin-top:20px}.footer-social-links{margin-top:1.5rem;display:flex;justify-content:center;gap:1.5rem}.footer-social-links a{color:#fff;font-size:24px;transition:.3s}.footer-social-links a:hover{color:#38bdf8;transform:translateY(-3px)}html{scroll-behavior:smooth}.portfolio-wrapper{padding-bottom:50px}.section-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:15px;box-shadow:0 4px 6px #0000001a}.section-title{margin-top:0;font-size:20px;color:#111;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:15px}