:root{--primary-color: #1e1e1e;--secondary-color: #d4d4d4;--accent-color: #569cd6;--background-color: #252526;--text-color: #d4d4d4;--text-secondary: #a3a3a3;--border-color: #3c3c3c;--card-background: #2d2d30;--transition-speed: .3s;--header-height: 60px}body{font-family:Fira Code,monospace;background-color:var(--background-color);color:var(--text-color);line-height:1.6;margin:0;padding:0}main{flex-grow:1;transition:margin-top var(--transition-speed)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}*::-webkit-scrollbar{width:6px}*::-webkit-scrollbar-track{background:#f1f1f1}*::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.page-container{max-width:800px;margin:0 auto;padding:2rem 1.5rem;color:var(--text-color);overflow-x:hidden}.content-wrapper{display:flex;flex-direction:column;gap:2rem}.text-content{width:100%}.container{max-width:1000px;margin:0 auto;padding:0 20px}.hero-section,.page-header{text-align:left;margin-bottom:2rem}.hero-section h1,.hero-section .name,.page-header h1,.page-header .name{font-size:2.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color);cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;gap:.75rem}.hero-section h1:hover,.hero-section .name:hover,.page-header h1:hover,.page-header .name:hover{color:var(--accent-color);transform:translate(-2px)}.hero-section h1:hover fa-icon,.hero-section .name:hover fa-icon,.page-header h1:hover fa-icon,.page-header .name:hover fa-icon{transform:translate(-2px)}.hero-section h1 fa-icon,.hero-section .name fa-icon,.page-header h1 fa-icon,.page-header .name fa-icon{font-size:1.8rem;transition:transform var(--transition-speed) ease}.hero-section .tagline,.page-header .tagline{font-size:1.1rem;color:var(--text-secondary);margin:0;opacity:.8}.content-text,.about-text{font-size:1rem;line-height:1.6;color:var(--text-color);margin-bottom:1rem;text-align:left}.content-text:last-child,.about-text:last-child{margin-bottom:0}.content-text-large{font-size:1.1rem;line-height:1.7}.section-heading{font-size:1.75rem;font-weight:600;margin-bottom:2rem;color:var(--text-color);text-align:left;position:relative}.section-heading:after{content:"";position:absolute;bottom:-.5rem;left:0;width:3rem;height:2px;background:var(--accent-color)}.subsection-heading{font-size:1.3rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;text-align:left}.social-links{margin-bottom:2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.social-links .social-label{font-size:.9rem;font-weight:500;color:var(--text-color);margin:0;flex-shrink:0}.social-links .social-icons{display:flex;gap:.75rem;flex-wrap:wrap}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--background-color);color:var(--text-secondary);text-decoration:none;transition:all .3s ease;border:1px solid var(--border-color)}.social-links a:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.social-links a:nth-child(1):hover{background:#333;color:#fff}.social-links a:nth-child(2):hover{background:#0077b5;color:#fff}.social-links a:nth-child(3):hover{background:#1da1f2;color:#fff}.social-links a:nth-child(4):hover{background:#f48024;color:#fff}.social-links a:nth-child(5):hover{background:#00ab6c;color:#fff}.social-links a:nth-child(6):hover{background:#ea4335;color:#fff}.social-links a:nth-child(7):hover{background:#ffa116;color:#fff}.social-links a fa-icon{font-size:1.1rem}.cta-section{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.cta-button,.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s ease;border:2px solid;cursor:pointer;background:none;white-space:nowrap;min-width:150px;justify-content:center;text-align:center}.cta-button.primary,.btn.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.cta-button.primary:hover,.btn.primary:hover{background:var(--accent-color);border-color:var(--accent-color);transform:translateY(-1px)}.cta-button.secondary,.btn.secondary{background:transparent;color:var(--secondary-color);border-color:var(--primary-color)}.cta-button.secondary:hover,.btn.secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.cta-button.tertiary,.btn.tertiary{background:var(--card-background);color:var(--text-color);border-color:var(--border-color)}.cta-button.tertiary:hover,.btn.tertiary:hover{border-color:var(--primary-color);color:var(--secondary-color);transform:translateY(-1px)}.cta-button.accent,.btn.accent{background:var(--accent-color);color:var(--background-color);border-color:var(--accent-color)}.cta-button.accent:hover,.btn.accent:hover{background:transparent;color:var(--accent-color);transform:translateY(-1px)}.cta-button fa-icon,.btn fa-icon{font-size:.8rem}.link-button,.view-link{display:flex;align-items:center;gap:.4rem;color:var(--accent-color);text-decoration:none;font-size:.9rem;font-weight:500;padding:.25rem .5rem;border-radius:6px;border:1px solid transparent;transition:all var(--transition-speed) ease}.link-button:hover,.view-link:hover{background:var(--card-background);border-color:var(--accent-color);transform:translateY(-1px)}.link-button fa-icon,.view-link fa-icon{font-size:.8rem}.tech-highlights,.project-tech{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.tech-highlights .tech-tag,.project-tech .tech-tag{padding:.3rem .8rem;background:var(--accent-color);color:var(--background-color);border-radius:20px;font-size:.75rem;font-weight:600;transition:all var(--transition-speed) ease}.tech-highlights .tech-tag:hover,.project-tech .tech-tag:hover{transform:translateY(-1px);box-shadow:0 4px 8px #569cd64d}.tech-highlights .tech-tag.primary,.project-tech .tech-tag.primary{background:var(--primary-color);color:#fff}.date-label,.info-label,.interest-label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:.25rem .75rem;background:var(--card-background);border-radius:20px;border:1px solid var(--border-color)}.date-label fa-icon,.info-label fa-icon,.interest-label fa-icon{font-size:.8rem}.interest-label{background:linear-gradient(135deg,var(--card-background) 0%,rgba(86,156,214,.1) 100%)}.timeline{display:flex;flex-direction:column;gap:3rem}.timeline-section{position:relative}.timeline-section:not(:last-child):after{content:"";position:absolute;left:.5rem;top:4rem;bottom:-3rem;width:2px;background:linear-gradient(180deg,var(--border-color) 0%,var(--border-color) 70%,transparent 100%);z-index:0}.timeline-section h2{font-size:1.75rem;font-weight:600;margin-bottom:2rem;color:var(--text-color);text-align:left;position:relative}.timeline-section h2:after{content:"";position:absolute;bottom:-.5rem;left:0;width:3rem;height:2px;background:var(--accent-color)}.timeline-section .timeline-item{position:relative;margin-bottom:2.5rem}.timeline-section .timeline-item:last-child{margin-bottom:0}.timeline-section .timeline-item .timeline-dot{position:absolute;left:0;top:.75rem;width:1rem;height:1rem;background:var(--accent-color);border:3px solid var(--background-color);border-radius:50%;z-index:1;box-shadow:0 0 0 2px var(--accent-color);transition:all var(--transition-speed) ease}.timeline-section .timeline-item .timeline-dot:hover{transform:scale(1.1);box-shadow:0 0 0 2px var(--accent-color),0 0 12px #569cd64d}.timeline-section .timeline-item .timeline-content{margin-left:2.5rem;padding:.5rem 0}.timeline-section .timeline-item .timeline-content .content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.timeline-section .timeline-item .timeline-content .content-header h3{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-color)}.timeline-section .timeline-item .timeline-content p{font-size:1rem;line-height:1.7;margin:0 0 1rem;color:var(--text-color);text-align:left}.timeline-section .timeline-item .timeline-content.has-multiple-actions .view-link:not(:first-of-type),.timeline-section .timeline-item .timeline-content.has-multiple-actions .link-button:not(:first-of-type),.timeline-section .timeline-item .timeline-content.has-multiple-actions .date-label:not(:first-of-type),.timeline-section .timeline-item .timeline-content.has-multiple-actions .interest-label:not(:first-of-type){margin-left:.5rem}.featured-project-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.featured-project-section .section-header h2{font-size:1.75rem;font-weight:600;color:var(--text-color);margin:0;position:relative}.featured-project-section .section-header h2:after{content:"";position:absolute;bottom:-.5rem;left:0;width:3rem;height:2px;background:var(--accent-color)}.featured-project-section .project-item{margin-bottom:1.5rem}.featured-project-section .project-item:last-child{margin-bottom:0}.featured-project-section .project-item .project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.featured-project-section .project-item h3{font-size:1.3rem;font-weight:600;color:var(--text-color);margin:0}.featured-project-section .project-item .project-description{font-size:1rem;line-height:1.6;color:var(--text-color);margin-bottom:0}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-color)}.flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:1rem}.gap-2{gap:2rem}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:none}.inline-link{position:relative;text-decoration:none;color:var(--accent-color)}.inline-link:after{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:var(--accent-color);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out}.inline-link:hover:after{transform:scaleX(1);transform-origin:bottom left}@media (max-width: 768px){.page-container{padding:1.5rem 1rem}.hero-section h1,.hero-section .name,.page-header h1,.page-header .name{font-size:2rem}.hero-section .tagline,.page-header .tagline{font-size:1rem}.section-heading{font-size:1.5rem}.subsection-heading{font-size:1.1rem}.social-links .social-icons{gap:.5rem}.social-links a{width:36px;height:36px}.social-links a fa-icon{font-size:1rem}.cta-section{flex-direction:column;gap:.75rem;margin-top:1.5rem}.timeline-section h2{font-size:1.5rem}.timeline-section .timeline-item .timeline-content{margin-left:2rem}.timeline-section .timeline-item .timeline-content .content-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.timeline-section .timeline-item .timeline-content .content-header h3{font-size:1.1rem;margin:0;flex:1;min-width:0}.timeline-section .timeline-item .timeline-content .content-header .view-link,.timeline-section .timeline-item .timeline-content .content-header .link-button{font-size:.85rem;flex-shrink:0;align-self:flex-start;white-space:nowrap}.timeline-section .timeline-item .timeline-content .content-header .date-label,.timeline-section .timeline-item .timeline-content .content-header .interest-label{font-size:.85rem;flex-shrink:0;align-self:flex-start}.timeline-section .timeline-item .timeline-content .content-header .view-link+.date-label,.timeline-section .timeline-item .timeline-content .content-header .view-link+.interest-label,.timeline-section .timeline-item .timeline-content .content-header .link-button+.date-label,.timeline-section .timeline-item .timeline-content .content-header .link-button+.interest-label{margin-top:.5rem}.timeline-section .timeline-item .timeline-content p,.content-text,.about-text{font-size:.95rem;line-height:1.6}.featured-project-section{margin-bottom:2rem}.featured-project-section .section-header{flex-direction:column;align-items:flex-start;gap:1rem}.featured-project-section .section-header h2{font-size:1.5rem}.featured-project-section .project-item .project-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.featured-project-section .project-item h3{font-size:1.1rem;margin:0;flex:1;min-width:0}.featured-project-section .project-item .project-description{font-size:.95rem}.featured-project-section .project-item .link-button{font-size:.85rem;flex-shrink:0;white-space:nowrap}}@media (max-width: 480px){.page-container{padding:1rem .75rem}.hero-section h1,.hero-section .name,.page-header h1,.page-header .name{font-size:1.75rem}.section-heading{font-size:1.3rem}.subsection-heading{font-size:1rem}.cta-section{gap:.5rem;margin-top:1rem}.timeline-section h2{font-size:1.3rem}.timeline-section:not(:last-child):after{left:.4rem}.timeline-section .timeline-item .timeline-dot{width:.8rem;height:.8rem;top:.8rem}.timeline-section .timeline-item .timeline-content{margin-left:1.75rem}.timeline-section .timeline-item .timeline-content .content-header{flex-direction:column;align-items:flex-start;gap:.5rem}.timeline-section .timeline-item .timeline-content .content-header h3{font-size:1rem}.timeline-section .timeline-item .timeline-content .content-header .view-link,.timeline-section .timeline-item .timeline-content .content-header .link-button{font-size:.8rem;align-self:flex-start}.timeline-section .timeline-item .timeline-content .content-header .date-label,.timeline-section .timeline-item .timeline-content .content-header .interest-label{padding:.2rem .6rem;font-size:.8rem}.timeline-section .timeline-item .timeline-content p{font-size:.9rem}.timeline-section .timeline-item .timeline-content .tech-highlights .tech-tag{font-size:.7rem;padding:.25rem .6rem}.content-text,.about-text{font-size:.9rem}.featured-project-section .section-header h2{font-size:1.3rem}.featured-project-section .project-item .project-header{flex-direction:column;align-items:flex-start;gap:.5rem}.featured-project-section .project-item h3{font-size:1rem}.featured-project-section .project-item .project-description{font-size:.9rem}.featured-project-section .project-item .link-button{font-size:.8rem;align-self:flex-start}.featured-project-section .project-item .link-button fa-icon{font-size:.75rem}}