:root{--bg-primary:#faf6f1;--bg-secondary:#f5ede4;--bg-tertiary:#ebe3d8;--text-primary:#3d2b1f;--text-secondary:#5c4033;--text-muted:#8b7355;--accent:#8b5a2b;--accent-hover:sienna;--border:#d4c4b0;--success:#6b8e23;--error:#b22222;--cursor:#8b5a2b;--selection-bg:#d4a574;--selection-text:#3d2b1f;--card-shadow:0 2px 8px #8b5a2b26}[data-theme=dark]{--bg-primary:#1a1512;--bg-secondary:#2a2420;--bg-tertiary:#3a332d;--text-primary:#e8ddd4;--text-secondary:#c4b5a5;--text-muted:#8b7d70;--accent:#d4a574;--accent-hover:#e6bc8a;--border:#4a4035;--success:#9acd32;--error:#cd5c5c;--cursor:#d4a574;--selection-bg:#d4a574;--selection-text:#1a1512;--card-shadow:0 2px 12px #00000080}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;line-height:1.6;transition:background-color .3s,color .3s}::selection{background-color:var(--selection-bg);color:var(--selection-text)}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;font-weight:600;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{color:var(--text-secondary);margin-bottom:1em}a{color:var(--accent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}a:hover{border-bottom-color:var(--accent)}.prompt:before{content:"$ ";color:var(--success);font-weight:700}.prompt-arrow:before{content:"→ ";color:var(--accent)}.cursor:after{content:"█";color:var(--cursor);animation:1s step-end infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.typing{white-space:nowrap;animation:2s steps(30,end) typing;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width:1024px){.container{max-width:900px;padding:0 1.5rem}}@media (max-width:768px){.container{max-width:100%;padding:0 1rem}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.1rem}}@media (max-width:480px){.container{padding:0 .75rem}h1{font-size:1.5rem}h2{font-size:1.2rem}}.section{border-bottom:1px dashed var(--border);padding:5rem 0}@media (max-width:768px){.section{padding:3rem 0}}@media (max-width:480px){.section{padding:2rem 0}}.section:last-child{border-bottom:none}.section-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.section-title:before{content:"#";color:var(--accent)}.card{background-color:var(--bg-secondary);border:1px solid var(--border);margin-bottom:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--card-shadow);transform:translateY(-2px)}.btn{border:2px solid var(--border);background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}@media (max-width:480px){.btn{padding:.6rem 1rem;font-size:.85rem}}.btn:hover,.btn-primary{background-color:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;display:block}.form-label:before{content:"> ";color:var(--accent)}.form-input{background-color:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-input:focus{border-color:var(--accent);outline:none}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:120px}.nav{z-index:100;background-color:var(--bg-primary);border-bottom:1px solid var(--border);padding:1rem 0;position:sticky;top:0}.nav-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav-links{flex-wrap:wrap;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}@media (max-width:768px){.nav-links{gap:1rem}.nav-link{font-size:.85rem}}@media (max-width:480px){.nav-content{justify-content:center}.nav-links{justify-content:center;gap:.75rem}.nav-link{font-size:.8rem}}.nav-link{color:var(--text-secondary);font-size:.9rem;transition:color .2s}.nav-link:hover{color:var(--accent);border-bottom:none}.theme-toggle{border:1px solid var(--border);cursor:pointer;color:var(--text-primary);background:0 0;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;font-size:1.2rem;transition:all .2s;display:flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.timeline{padding-left:2rem;position:relative}@media (max-width:480px){.timeline{padding-left:1.5rem}}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{padding-bottom:2rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"●";color:var(--accent);font-size:.8rem;position:absolute;left:-2.35rem}@media (max-width:480px){.timeline-item:before{font-size:.7rem;left:-1.85rem}}.timeline-date{color:var(--text-muted);margin-bottom:.25rem;font-size:.85rem}.timeline-title{margin-bottom:.25rem;font-weight:600}.timeline-subtitle{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.projects-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}.project-card{background-color:var(--bg-secondary);border:1px solid var(--border);flex-direction:column;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg,var(--accent),var(--success));transform-origin:0;width:100%;height:3px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.project-card.featured{border-left:3px solid var(--accent)}.project-header{align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.project-number{color:var(--accent);opacity:.7;font-size:.75rem;font-weight:700;font-family:var(--font-mono)}.project-title{margin:0;font-size:1.1rem;line-height:1.3}.project-title:before{content:none}.project-description{color:var(--text-secondary);flex-grow:1;margin-bottom:1rem;font-size:.85rem;line-height:1.5}.project-tech{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.tech-tag{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid var(--accent);color:var(--accent);letter-spacing:.02em;padding:.3rem .6rem;font-size:.7rem;font-weight:500;transition:all .2s}.tech-tag:hover{background:var(--accent);color:var(--bg-primary)}.project-links{border-top:1px dashed var(--border);gap:1rem;margin-top:auto;padding-top:1rem;display:flex}.project-link{background-color:var(--bg-tertiary);border:1px solid var(--border);align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.8rem;transition:all .2s;display:flex}.project-link:hover{border-color:var(--accent);background-color:var(--accent);color:var(--bg-primary)}.project-link.live{border-color:var(--success);color:var(--success)}.project-link.live:hover{background-color:var(--success);color:var(--bg-primary)}.link-icon{font-size:.9rem}.projects-footer{text-align:center;color:var(--text-muted);margin-top:2rem;font-size:.9rem}.easter-egg-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}.spotify-section{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:2px dashed var(--accent);margin-top:2rem;padding:2rem}@media (max-width:480px){.spotify-section{padding:1rem}}.playlist-card{background-color:var(--bg-primary);border:1px solid var(--border);align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .2s;display:flex}@media (max-width:480px){.playlist-card{text-align:center;flex-direction:column;gap:.5rem;padding:.75rem}}.playlist-card:hover{border-color:var(--success)}.song-suggestion{background-color:var(--bg-primary);border:1px solid var(--success);text-align:center;padding:1.5rem}.song-suggestion:before{content:"🎵 "}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding:2rem 0;font-size:.85rem}.intro-wrapper{align-items:center;gap:3rem;display:flex}.profile-photo-container{flex-shrink:0}.profile-photo{border:3px solid var(--border);object-fit:cover;border-radius:50%;transition:border-color .3s,transform .3s}.profile-photo:hover{border-color:var(--accent);transform:scale(1.02)}.intro-content{flex:1}@media (max-width:768px){.intro-wrapper{text-align:center;flex-direction:column;align-items:center}.profile-photo{width:200px;height:200px}.intro-content{flex-direction:column;align-items:center;display:flex}}.ascii-art{white-space:pre;color:var(--accent);opacity:.7;font-size:.6rem;line-height:1.2}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-muted{color:var(--text-muted)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.hidden{display:none}.block{display:block}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}