:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{scroll-behavior:smooth}.portfolio-header{background:#0d1117;padding:120px 40px;text-align:center;border-bottom:1px solid #30363d;position:relative;overflow:hidden}.header-content{position:relative;z-index:1}.portfolio-header h1{font-size:4em;margin:0 0 15px;color:#58a6ff;font-weight:700;letter-spacing:-2px;animation:slideDown .8s ease-out}.portfolio-header .subtitle{font-size:1.8em;color:#c9d1d9;margin:0 0 10px;font-weight:500;animation:slideDown .8s ease-out .1s backwards}.portfolio-header .tagline{font-size:1em;color:#8b949e;margin:0;animation:slideDown .8s ease-out .2s backwards;letter-spacing:1px}.portfolio-section{max-width:1000px;margin:60px auto;padding:50px;background:#0d1117cc;border:1px solid #30363d;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .6s ease-out}.portfolio-section h2{font-size:2.2em;color:#58a6ff;margin:0 0 40px;padding-bottom:20px;border-bottom:2px solid #58a6ff;font-weight:700}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.skill-category h3{color:#c9d1d9;font-size:1.1em;margin:0 0 15px;font-weight:600}.skill-tags{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{display:inline-block;background:linear-gradient(135deg,#58a6ff,#1f6feb);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9em;font-weight:500;transition:all .3s ease;cursor:default}.skill-tag:hover{transform:translateY(-3px);box-shadow:0 4px 16px #58a6ff66}.progress-timeline{display:flex;flex-direction:column;gap:25px;position:relative}.progress-timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#58a6ff80,#58a6ff1a);z-index:0}.progress-item{position:relative;padding-left:80px;display:flex;flex-direction:column;align-items:stretch;z-index:1}.progress-dot{position:absolute;left:16px;top:8px;width:28px;height:28px;border-radius:50%;border:3px solid;background:#0d1117;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.progress-item.completed .progress-dot{border-color:#2ea043;box-shadow:0 0 0 4px #2ea04333}.progress-item.completed .progress-dot:after{content:"✓";color:#2ea043;font-weight:700;font-size:1.2em}.progress-item.in-progress .progress-dot{border-color:#58a6ff;box-shadow:0 0 0 4px #58a6ff4d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #58a6ff4d}50%{box-shadow:0 0 0 8px #58a6ff1a}}.progress-content{flex-grow:1;background:#1c1f2680;padding:20px;border-radius:12px;grid-auto-flow:dense}.project-card{background:#1c1f2699;border:1px solid #30363d;border-radius:12px;padding:25px;transition:all .3s ease;display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.progress-item.in-progress .progress-content{border-left-color:#58a6ff;background:#1c1f26cc}.progress-content:hover{background:#1c1f26e6;transform:translate(5px)}.progress-content h3{margin:0 0 5px;color:#c9d1d9;font-size:1.2em}.progress-company{color:#58a6ff;font-weight:600;margin:0 0 3px}.progress-date{color:#8b949e;font-size:.9em;margin:0 0 10px}.progress-content p:last-child{color:#8b949e;margin:0}.progress-badge{display:none}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px;margin-top:30px;align-items:start}.project-card{background:#1c1f2699;border:1px solid #30363d;border-radius:12px;padding:25px;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.project-card:hover{border-color:#58a6ff;box-shadow:0 8px 32px #58a6ff26;transform:translateY(-8px);background:#1c1f26e6}.project-header{margin-bottom:15px}.project-header h3{margin:0 0 12px;color:#c9d1d9;font-size:1.3em;font-weight:600}.project-tech{display:flex;flex-wrap:wrap;gap:8px}.project-tech span{display:inline-block;background:#58a6ff33;color:#58a6ff;padding:4px 10px;border-radius:12px;font-size:.85em;border:1px solid rgba(88,166,255,.3)}.project-card p{color:#8b949e;line-height:1.6;margin:0 0 15px;flex-grow:1}.project-link{color:#58a6ff;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;transition:all .3s ease;align-self:flex-start}.project-link:hover{color:#1f6feb}.contact-section{text-align:center}.contact-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:30px}.contact-link{display:flex;flex-direction:column;align-items:center;gap:10px;color:#58a6ff;text-decoration:none;font-weight:600;padding:20px;border-radius:12px;border:2px solid #30363d;transition:all .3s ease;min-width:150px}.contact-link:hover{border-color:#58a6ff;background:#58a6ff1a;transform:translateY(-5px)}.contact-icon{font-size:2em;display:inline-block;width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.portfolio-section{padding:40px;margin:40px auto}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.portfolio-header h1{font-size:3em}.portfolio-header .subtitle{font-size:1.4em}}@media(max-width:768px){.portfolio-header{padding:80px 20px}.portfolio-header h1{font-size:2.2em}.portfolio-header .subtitle{font-size:1.1em}.portfolio-section{padding:30px 20px;max-width:95%;margin:30px auto}.portfolio-section h2{font-size:1.8em}.skills-grid{grid-template-columns:1fr}.progress-timeline:before{left:15px}.progress-item{padding-left:60px}.progress-dot{left:6px;width:24px;height:24px}.projects-grid{grid-template-columns:1fr}.contact-links{flex-direction:column;gap:15px}.contact-link{min-width:auto;width:100%}}@media(max-width:480px){.portfolio-header{padding:60px 15px}.portfolio-header h1{font-size:1.8em}.portfolio-header .subtitle{font-size:1em}.portfolio-header .tagline{font-size:.9em}.portfolio-section{padding:20px 15px;border-radius:8px}.portfolio-section h2{font-size:1.4em;margin-bottom:25px}.skill-tags{gap:8px}.skill-tag{padding:6px 12px;font-size:.8em}.project-card{padding:15px}.project-header h3{font-size:1.1em}.progress-item{padding-left:50px}.progress-dot{left:2px;width:20px;height:20px}}