:root{--btn-bg:#f8f9fa;--btn-border:#e9ecef;--btn-text:#495057;--btn-hover-bg:#e9ecef;--btn-hover-border:#003fff;--btn-hover-text:#003fff}[data-theme=dark]{--btn-bg:#1b1d25;--btn-border:#4a4d56;--btn-text:#babdc4;--btn-hover-bg:#2d2f37;--btn-hover-border:#77a8fd;--btn-hover-text:#77a8fd}@media(prefers-color-scheme:dark){html:not(.light){--btn-bg:#1b1d25;--btn-border:#4a4d56;--btn-text:#babdc4;--btn-hover-bg:#2d2f37;--btn-hover-border:#77a8fd;--btn-hover-text:#77a8fd}}.website-intro{max-width:800px;margin:0 auto;padding:2rem 0;text-align:center}.welcome-content{margin-bottom:3rem}.welcome-content h2{color:var(--text-color);margin-bottom:1rem;font-size:2.5rem;font-weight:600}.welcome-content p{color:var(--text-color-secondary);font-size:1.2rem;line-height:1.6;margin-bottom:0}.portfolio-section{margin-top:3rem}.portfolio-description{color:var(--text-color-secondary);font-size:1.1rem;margin-bottom:2rem;font-weight:400}.portfolio-button-container{display:flex;justify-content:center;margin-top:2rem}.portfolio-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--btn-bg);color:var(--btn-text);text-decoration:none;border-radius:8px;font-weight:500;font-size:1.1rem;transition:all .2s ease;border:1px solid var(--btn-border);position:relative}.portfolio-btn:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-border);color:var(--btn-hover-text)}.btn-text{font-weight:500}.btn-arrow{font-size:1.2rem;transition:transform .2s ease}.portfolio-btn:hover .btn-arrow{transform:translateX(2px)}@media(max-width:768px){.website-intro{padding:1rem}.welcome-content h2{font-size:2rem}.welcome-content p{font-size:1.1rem}.portfolio-btn{padding:.875rem 1.5rem;font-size:1rem}}.avatar{width:200px;height:200px;object-fit:cover;border-radius:50%}.avatar--center{display:block;margin:0 auto 1rem}@media(max-width:768px){.avatar{width:120px;height:120px}.avatar--center{margin-bottom:1rem}}