:root{--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--bg-tertiary: #ffffff;--text-primary: #24292f;--text-secondary: #57606a;--accent-primary: #0969da;--accent-secondary: #0550ae;--border-color: #d0d7de;--code-bg: #f6f8fa;--success: #1a7f37;--warning: #9a6700;--error: #cf222e;--card-hover: #f6f8fa}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);font-size:16px}.wrapper{max-width:1200px;margin:0 auto;padding:20px}header{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:30px;margin-bottom:30px}.header-profile-section{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.header-left{flex:1;display:flex;flex-direction:column;gap:15px}.header-text{text-align:left}.header-text h1{margin-bottom:10px}.header-text p{margin:0;text-align:left}.profile-picture{flex-shrink:0}.profile-picture img{width:144px;height:144px;border-radius:50%;object-fit:cover;border:3px solid var(--accent-primary);box-shadow:0 4px 10px rgba(0,0,0,0.1)}.about-header-section{display:flex;align-items:center;gap:30px;margin:30px 0}.about-profile-picture{flex-shrink:0}.about-profile-picture img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--accent-primary);box-shadow:0 4px 10px rgba(0,0,0,0.1)}.about-title h2{margin:0;font-size:2em;color:var(--text-primary)}header h1{font-size:2.5em;margin-bottom:10px;text-align:center}header h1 a{color:var(--text-primary);text-decoration:none;transition:color 0.3s ease}header h1 a:hover{color:var(--accent-primary)}header p{color:var(--text-secondary);font-size:1.1em;margin-bottom:20px}nav ul{list-style:none;display:flex;gap:20px;flex-wrap:nowrap;margin:0;justify-content:center}nav ul li{flex:0 0 auto}nav ul li a{color:var(--text-primary);text-decoration:none;padding:8px 16px;border-radius:6px;border:1px solid var(--border-color);transition:all 0.3s ease;display:inline-block;white-space:nowrap}nav ul li a:hover{background-color:var(--accent-secondary);color:white;border-color:var(--accent-secondary)}.social-links{display:flex;gap:15px;margin-top:20px;justify-content:center}.social-links a{color:var(--text-secondary);transition:color 0.3s ease}.social-links a:hover{color:var(--accent-primary)}main{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:40px;margin-bottom:30px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-top:1.5em;margin-bottom:0.5em;font-weight:600}h1{font-size:2.5em;margin-top:0}h2{font-size:2em;border-bottom:1px solid var(--border-color);padding-bottom:10px}h3{font-size:1.5em}h4{font-size:1.25em}p{margin-bottom:1em;line-height:1.7}a{color:var(--accent-primary);text-decoration:none;transition:color 0.3s ease}a:hover{color:var(--accent-secondary);text-decoration:underline}.projects-grid{display:grid;grid-template-columns:1fr;gap:25px;margin:30px 0;max-width:800px;margin-left:auto;margin-right:auto}.project-card{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:25px;transition:all 0.3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.3);border-color:var(--accent-primary);background-color:var(--card-hover)}.project-card-image{margin:0 -25px 20px -25px;border-radius:8px 8px 0 0;overflow:hidden}.project-card-image img{width:100%;height:auto;display:block;transition:transform 0.3s ease}.project-card:hover .project-card-image img{transform:scale(1.05)}.project-card h3{margin-top:0;margin-bottom:10px;font-size:1.4em}.project-card h3 a{color:var(--text-primary)}.project-card h3 a:hover{color:var(--accent-primary)}.project-date{color:var(--text-secondary);font-size:0.9em;margin-bottom:10px}.project-description{color:var(--text-secondary);margin-bottom:15px}.project-tags,.project-skills{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.tag{background-color:var(--bg-primary);color:var(--accent-primary);padding:4px 12px;border-radius:12px;font-size:0.85em;border:1px solid var(--border-color);text-decoration:none;display:inline-block;transition:all 0.2s ease}a.tag:hover{background-color:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);transform:translateY(-1px)}.skill-filter{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin:20px 0}.skill-filter label{display:block;margin-bottom:10px;color:var(--text-primary)}.skill-dropdown{width:100%;max-width:300px;padding:10px 15px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1em;cursor:pointer;transition:border-color 0.3s ease}.skill-dropdown:hover{border-color:var(--accent-primary)}.skill-dropdown:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(9,105,218,0.1)}.projects-list{display:flex;flex-direction:column;gap:30px;margin-top:30px}.project-card-full{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:30px;transition:all 0.3s ease}.project-card-full:hover{border-color:var(--accent-primary);box-shadow:0 5px 15px rgba(0,0,0,0.2)}.project-card-full h2{margin-top:0;border:none;padding-bottom:0}.project-meta{color:var(--text-secondary);margin-bottom:15px}.project-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}.btn-project,.btn-resume,.btn-secondary{display:inline-block;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:500;font-size:1em;transition:all 0.3s ease}.btn-project{background-color:var(--accent-secondary);color:white;border:1px solid var(--accent-secondary)}.btn-project:hover{background-color:var(--accent-primary);border-color:var(--accent-primary);text-decoration:none;transform:translateY(-2px)}.btn-resume{background-color:var(--success);color:white;border:1px solid var(--success);font-size:1.1em}.btn-resume:hover{background-color:#2ea043;text-decoration:none;transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-secondary:hover{background-color:var(--accent-primary);color:white;text-decoration:none;transform:translateY(-2px)}.btn-coming-soon{display:inline-block;padding:10px 20px;border-radius:6px;font-weight:500;background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:not-allowed}.coming-soon-section{margin-top:40px}.project-card-full.coming-soon{opacity:0.85;border-style:dashed}.coming-soon-badge{display:inline-block;background-color:var(--warning);color:white;padding:4px 12px;border-radius:12px;font-size:0.85em;font-weight:600}.btn-secondary:hover{background-color:var(--accent-primary);color:white;text-decoration:none}.about-links{display:flex;gap:15px;margin:20px 0;flex-wrap:wrap}.resume-section{text-align:center;margin:40px 0;padding:30px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px}.contact-info,.contact-section{text-align:center;margin:30px 0;padding:20px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px}.contact-info p,.contact-section p{margin-bottom:10px}.project-detail{max-width:900px;margin:0 auto}.project-featured-image{margin-bottom:30px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.project-featured-image img{width:100%;height:auto;display:block}.project-header{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid var(--border-color)}.project-header h1{margin-top:0;margin-bottom:15px;font-size:2.5em}.project-header .project-meta{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.github-link,.demo-link{display:inline-flex;align-items:center;gap:5px;color:var(--accent-primary)}.project-content{line-height:1.8}.project-content img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--border-color);margin:20px auto;display:block;background-color:var(--bg-primary);padding:10px}.project-content img.img-small{max-width:400px}.project-content img.img-medium{max-width:600px}.project-content img.img-large{max-width:800px}.project-content img.img-full{max-width:100%}.project-content em{display:block;text-align:center;color:var(--text-secondary);font-size:0.9em;margin-top:-15px;margin-bottom:20px;font-style:italic}code{background-color:var(--code-bg);color:var(--accent-primary);padding:2px 6px;border-radius:3px;font-family:'Courier New', Courier, monospace;font-size:0.9em}pre{background-color:var(--code-bg);border:1px solid var(--border-color);border-radius:6px;padding:20px;overflow-x:auto;margin:20px 0}pre code{background-color:transparent;padding:0;color:var(--text-primary);font-size:0.9em;line-height:1.5}.highlight{background-color:var(--code-bg);border:1px solid var(--border-color);border-radius:6px;padding:20px;overflow-x:auto;margin:20px 0}.highlight pre{background-color:transparent;border:none;padding:0;margin:0}.highlight table{border:none;margin:0;background-color:transparent}.highlight table td{padding:0;border:none}.highlight table td.gutter{padding-right:15px;text-align:right;border-right:1px solid var(--border-color)}.highlight table td.gutter pre{color:var(--text-secondary);user-select:none}.highlight table td.code{padding-left:15px}.highlight table td.code pre{color:var(--text-primary)}.lineno{color:var(--text-secondary);user-select:none}table{width:100%;border-collapse:collapse;margin:25px 0;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}table th,table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-color)}table th{background-color:var(--bg-primary);color:var(--text-primary);font-weight:600}table tr:hover{background-color:var(--card-hover)}table tr:last-child td{border-bottom:none}ul,ol{margin-left:25px;margin-bottom:1em}ul li,ol li{margin-bottom:0.5em;line-height:1.7}blockquote{border-left:4px solid var(--accent-primary);padding-left:20px;margin:20px 0;color:var(--text-secondary);font-style:italic}hr{border:none;border-top:1px solid var(--border-color);margin:30px 0}footer{text-align:center;padding:30px;color:var(--text-secondary);font-size:0.9em}footer p{margin-bottom:5px}footer a{color:var(--accent-primary)}.project-footer{margin-top:50px;padding-top:30px;border-top:2px solid var(--border-color)}.project-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.prev-project,.next-project,.all-projects{padding:10px 20px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--bg-tertiary);transition:all 0.3s ease}.prev-project:hover,.next-project:hover,.all-projects:hover{background-color:var(--accent-secondary);border-color:var(--accent-secondary);color:white;text-decoration:none}.share-section{text-align:center;padding:20px;background-color:var(--bg-tertiary);border-radius:8px}.share-buttons{display:flex;gap:15px;justify-content:center;margin-top:10px}.share-button{padding:8px 16px;border-radius:6px;color:white;text-decoration:none;transition:all 0.3s ease}.share-button.twitter{background-color:#1DA1F2}.share-button.linkedin{background-color:#0077B5}.share-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.3);text-decoration:none}#back-to-top{display:none;position:fixed;bottom:30px;right:30px;z-index:99;border:none;outline:none;background-color:var(--accent-secondary);color:white;cursor:pointer;padding:15px;border-radius:50%;font-size:18px;width:50px;height:50px;transition:all 0.3s ease}#back-to-top:hover{background-color:var(--accent-primary);transform:translateY(-3px)}@media screen and (max-width: 768px){.wrapper{padding:10px}header,main{padding:20px}header h1{font-size:1.8em}nav ul{flex-direction:row;gap:10px;flex-wrap:nowrap}nav ul li a{padding:6px 12px;font-size:0.9em}.projects-grid{grid-template-columns:1fr}.project-header h1{font-size:1.8em}.project-navigation{flex-direction:column}.prev-project,.next-project,.all-projects{width:100%;text-align:center}table{font-size:0.85em}table th,table td{padding:8px 10px}#back-to-top{bottom:20px;right:20px;width:45px;height:45px;font-size:16px}}@media screen and (max-width: 480px){body{font-size:14px}header h1{font-size:1.5em}h1{font-size:1.8em}h2{font-size:1.5em}h3{font-size:1.25em}.btn-project,.btn-resume,.btn-secondary{padding:8px 16px;font-size:0.9em}}@media print{body{background:white;color:black}header,main,.project-card,.project-card-full{border:1px solid #ccc;background:white}a{color:#0066cc}.social-links,.share-section,#back-to-top{display:none}}.text-center{text-align:center}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}