:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-color:#faf8f5;--card-bg:#fff;--text-primary:#2c2a29;--text-secondary:#706c68;--border-color:#2c2a2914;--border-focus:#2c2a2933;--accent-color:#675796;--accent-hover:#4f4175;--accent-light:#6757960f;--kofi-bg:#2c2a29;--kofi-text:#faf8f5;--accent-shadow:#6757964d;--radius-sm:6px;--radius-md:12px;--radius-lg:24px;--transition:all .3s cubic-bezier(.16, 1, .3, 1);--overlay-bg:#faf8f5f0;--card-shadow:0 4px 20px #2c2a2905;--card-shadow-hover:0 12px 30px #2c2a290d}@media (prefers-color-scheme:dark){:root{--bg-color:#141413;--card-bg:#1c1c1b;--text-primary:#ebe9e4;--text-secondary:#a39e98;--border-color:#ebe9e414;--border-focus:#ebe9e433;--accent-color:#b0b3d6;--accent-hover:#9396bd;--accent-light:#b0b3d614;--kofi-bg:#ebe9e4;--kofi-text:#141413;--accent-shadow:#b0b3d64d;--overlay-bg:#141413f0;--card-shadow:0 4px 20px #00000040;--card-shadow-hover:0 12px 30px #00000073}}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6;transition:background-color .4s,color .4s}.container{max-width:800px;margin:0 auto;padding:100px 24px}@media (width<=640px){.container{padding:60px 16px}}h1,h2,h3,h4{color:var(--text-primary);margin:0 0 16px;line-height:1.2}h1{font-family:var(--font-sans);letter-spacing:-.03em;margin-bottom:16px;font-size:3.25rem;font-weight:500}@media (width<=640px){h1{font-size:2.5rem}}h2{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);margin-bottom:32px;font-size:.85rem;font-weight:500}section{margin-bottom:100px}.hero{opacity:0;margin-bottom:100px;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUpFade}#projects{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .1s forwards slideUpFade}#experience{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .2s forwards slideUpFade}.tagline{color:var(--text-secondary);max-width:600px;margin-bottom:32px;font-size:1.25rem;font-weight:300;line-height:1.6}.social-links{flex-wrap:wrap;gap:12px;display:flex}.btn-pill{font-family:var(--font-sans);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;box-shadow:none;transition:var(--transition);-webkit-user-select:none;user-select:none;background-color:#0000;border-radius:40px;align-items:center;gap:8px;padding:8px 18px;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-pill:hover{background-color:var(--text-primary);color:var(--bg-color);border-color:var(--text-primary);transform:translateY(-1px)}.btn-pill:active{transform:translateY(0)}.btn-pill svg{transition:transform .2s}.btn-pill:hover svg{transform:scale(1.05)}.apps-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=768px){.apps-grid{grid-template-columns:1fr;gap:24px}}.app-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--card-shadow);height:100%;transition:var(--transition);flex-direction:column;padding:28px;display:flex;position:relative;overflow:hidden}.app-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--border-focus);transform:translateY(-4px)}.app-badge{font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;background-color:var(--accent-light);color:var(--accent-color);border-radius:4px;align-self:flex-start;margin-bottom:16px;padding:4px 8px;font-size:.7rem;font-weight:600}.app-title{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text-primary);margin:0 0 12px;font-size:1.35rem;font-weight:500}.app-description{color:var(--text-secondary);flex-grow:1;margin-bottom:24px;font-size:.95rem;line-height:1.6}.project-image-container{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);height:180px;transition:var(--transition);justify-content:center;align-items:center;margin-bottom:24px;display:flex;position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.app-card:hover .project-image{transform:scale(1.03)}.project-links{flex-wrap:wrap;gap:12px;margin-top:auto;display:flex}.btn-store{border-radius:40px;flex:1;justify-content:center;min-width:120px;padding:8px 16px;font-size:.8rem}.exp-list{flex-direction:column;gap:48px;display:flex}.exp-item{transition:opacity .4s cubic-bezier(.16, 1, .3, 1), var(--transition);border-left:1px solid #0000;padding-left:32px;position:relative}.exp-list:hover .exp-item:not(:hover){opacity:.5}.exp-item:before{content:"";background-color:var(--border-color);width:1px;transition:background-color .4s cubic-bezier(.16,1,.3,1);position:absolute;top:12px;bottom:0;left:-1px}.exp-item:hover:before,.exp-item.active:before{background-color:var(--accent-color)}.exp-item:after{content:"";background-color:var(--bg-color);border:1px solid var(--text-secondary);width:9px;height:9px;transition:var(--transition);z-index:1;border-radius:50%;position:absolute;top:8px;left:-5px}.exp-item:hover:after,.exp-item.active:after{background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 8px var(--accent-shadow)}.exp-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.exp-role{letter-spacing:-.01em;color:var(--text-primary);font-size:1.25rem;font-weight:500}.exp-company{color:var(--accent-color);font-size:1rem;font-weight:500}.exp-date{font-family:var(--font-mono);color:var(--text-secondary);font-size:.8rem}.exp-tech{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.tech-tag{font-family:var(--font-mono);background-color:var(--accent-light);color:var(--text-secondary);box-shadow:none;transition:var(--transition);border:none;border-radius:4px;padding:3px 8px;font-size:.7rem}.tech-tag:hover{background-color:var(--accent-color);color:var(--bg-color);transform:translateY(-1px)}.kofi-floating{z-index:100;position:fixed;bottom:32px;right:32px}@media (width<=640px){.kofi-floating{bottom:16px;right:16px}}.kofi-btn{background-color:var(--kofi-bg);color:var(--kofi-text);font-family:var(--font-sans);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);border-radius:40px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #00000014}.kofi-btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.kofi-btn:active{transform:translateY(0)}.kofi-btn svg{fill:currentColor;width:18px;height:18px}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}