:root{--bg-color: #1a1a1a;--text-color: #f0f0f0;--link-color: #e0e0e0;--link-hover: #9ec5ff;--btn-border: #444444}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Bitcount Single,system-ui;line-height:1.5;transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:2rem}.top-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem}.contact-links{display:flex;flex-direction:column;gap:24px}.contact-links a{color:var(--link-color);text-decoration:none;display:flex;gap:8px;font-weight:500;transition:color .2s ease}.contact-links a:hover{color:var(--link-hover)}.contact-links a svg{width:20px;height:20px}.theme-toggle-btn{background:transparent;border:1px solid var(--btn-border);color:var(--text-color);cursor:pointer;border-radius:8px;padding:8px 12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle-btn:hover{border-color:var(--link-hover);color:var(--link-hover);background-color:#646cff1a}.theme-toggle-btn svg{width:18px;height:18px}.hero-section{max-width:800px}.hero-section .hero-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.1}.hero-section .hero-title .highlight{color:var(--link-hover);display:block}.hero-section .hero-intro{color:var(--text-color);opacity:.9;line-height:1.6}.projects-section{padding-bottom:4rem}.projects-section .section-title{font-size:1.5rem;margin-bottom:2rem;color:var(--text-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:70px}.project-card{background-color:transparent;padding:1.75rem;border-radius:8px;transition:transform .2s ease,border-color .2s ease;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-5px)}.project-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.project-card .card-header .folder-icon{color:var(--link-hover);font-size:1.5rem}.project-card .card-header .card-links{display:flex;gap:15px}.project-card .card-header .card-links a{color:var(--text-color);font-size:1.25rem;transition:color .2s}.project-card .card-header .card-links a:hover{color:var(--link-hover)}.project-card .project-title{margin:0 0 10px;font-size:1.35rem;color:var(--text-color)}.project-card .project-desc{font-size:1rem;color:var(--text-color);opacity:.8;line-height:1.5;flex-grow:1}.project-card .project-tech-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem;color:var(--text-color);opacity:.7}.experience-section{padding-bottom:3rem;max-width:800px}.timeline{display:flex;flex-direction:column;gap:2rem;border-left:2px solid var(--btn-border);padding-left:2rem;margin-left:.5rem}.timeline-item .timeline-date{font-size:.85rem;color:var(--text-color);opacity:.6;margin-bottom:.5rem}.timeline-item .role{font-size:1.25rem;margin:0 0 .25rem;color:var(--text-color)}.timeline-item .company{font-size:1rem;color:var(--link-hover);margin-bottom:.75rem;font-weight:500}.timeline-item .description{font-size:1rem;color:var(--text-color);opacity:.8;line-height:1.6;margin:0}.articles-section{padding-bottom:6rem;max-width:800px}.articles-list{display:flex;flex-direction:column;gap:1rem}.article-link{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border:1px solid var(--btn-border);border-radius:8px;text-decoration:none;transition:all .2s ease}.article-link:hover{border-color:var(--link-hover);transform:translate(5px)}.article-link:hover .article-title{color:var(--link-hover)}.article-link:hover .article-arrow{opacity:1;transform:translate(0)}.article-link .article-title{font-size:1.1rem;color:var(--text-color);font-weight:500;transition:color .2s}.article-link .article-arrow{font-size:.9rem;color:var(--link-hover);display:flex;align-items:center;gap:8px;opacity:0;transform:translate(-10px);transition:all .2s ease}