: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}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}}body.light-mode .project-link-button{background-color:#f3f4f6;color:#2563eb;border-color:#e5e7eb}body.light-mode .project-link-button:hover{background-color:#e5e7eb;border-color:#2563eb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,color .3s}body.light-mode,body.light-mode .app{background-color:#fff;color:#1f2937}body.light-mode .nav{background-color:#ffffffe6;border-color:#e5e7eb}body.light-mode .nav-icon{color:#4b5563}body.light-mode .nav-icon:hover{color:#2563eb;background-color:#2563eb1a}body.light-mode .section-dark{background-color:#f9fafb}body.light-mode .work-card,body.light-mode .project-card{border-color:#e5e7eb}body.light-mode .work-card:hover,body.light-mode .project-card:hover{border-color:#d1d5db}body.light-mode .skill-tag,body.light-mode .project-tag{background-color:#f3f4f6;border-color:#e5e7eb}body.light-mode .hero-subtitle,body.light-mode .work-period,body.light-mode .section-subtitle,body.light-mode .work-chevron,body.light-mode .footer-container{color:#6b7280}body.light-mode .hero-resume-button{background-color:#2563eb}body.light-mode .hero-resume-button:hover{background-color:#1d4ed8}body.light-mode .about-text,body.light-mode .work-responsibilities,body.light-mode .project-description,body.light-mode .contact-text{color:#374151}body.light-mode .contact-button-secondary{background-color:#f3f4f6;color:#1f2937}body.light-mode .contact-button-secondary:hover{background-color:#e5e7eb}body.light-mode .footer{border-top-color:#e5e7eb}.app{min-height:100vh;background-color:#000;color:#f3f4f6}.nav{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background-color:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #1f2937;border-radius:9999px;z-index:50;padding:.5rem 1rem}.nav-container{display:flex;align-items:center;gap:.5rem}.nav-icon{color:#9ca3af;text-decoration:none;transition:all .3s;display:flex;align-items:center;justify-content:center;padding:.4rem;border-radius:.375rem}.nav-icon svg{width:20px;height:20px}.nav-icon:hover{color:#60a5fa;background-color:#3b82f61a}.theme-toggle{background:none;border:none;cursor:pointer;padding:.4rem;border-radius:.375rem;transition:all .3s;color:#9ca3af}.theme-toggle svg{width:20px;height:20px}.theme-toggle:hover{background-color:#3b82f61a;color:#60a5fa}.hero{padding:5rem 1.5rem;text-align:center}.hero-container{max-width:1152px;margin:0 auto}.hero-content{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{font-size:1.5rem;color:#9ca3af;margin-bottom:1.5rem}.hero-resume-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#2563eb;color:#fff;text-decoration:none;border-radius:.5rem;font-weight:500;transition:background-color .3s}.hero-resume-button:hover{background-color:#1d4ed8}.hero-resume-button svg{flex-shrink:0}.hero-avatar{width:5rem;height:5rem;background:linear-gradient(to bottom right,#3b82f6,#9333ea);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.section{padding:5rem 1.5rem;text-align:center}.section-dark{background-color:#0a0a0a}.section-container{max-width:1152px;margin:0 auto}.section-title{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem}.section-subtitle{color:#9ca3af;margin-bottom:3rem}.about-text{color:#d1d5db;font-size:1.125rem;line-height:1.75;max-width:800px;margin:0 auto}.about-link{color:#60a5fa;text-decoration:none}.about-link:hover{text-decoration:underline}.work-list{display:flex;flex-direction:column;gap:3rem}.work-card{border:1px solid #1f2937;border-radius:.5rem;padding:1.5rem;transition:border-color .3s}.work-card:hover{border-color:#374151}.work-header{display:flex;align-items:flex-start;gap:1rem}.work-header-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.work-header-clickable:hover{opacity:.8}.work-chevron{margin-left:auto;transition:transform .3s;color:#9ca3af;font-size:.875rem}.work-chevron-expanded{transform:rotate(180deg)}.work-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.work-icon-green{background:linear-gradient(to bottom right,#10b981,#059669)}.work-icon-orange{background:linear-gradient(to bottom right,#f97316,#dc2626)}.work-content{flex:1}.work-company{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.work-period{color:#9ca3af;margin-bottom:.5rem}.work-role{color:#60a5fa;margin-bottom:1rem}.work-responsibilities{list-style:none;display:flex;flex-direction:column;gap:.5rem;color:#d1d5db;margin-top:1rem;padding-left:4rem}.skills-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.skill-tag{padding:.5rem 1rem;background-color:#111827;border:1px solid #1f2937;border-radius:9999px;font-size:.875rem;transition:border-color .3s}.skill-tag:hover{border-color:#3b82f6}.projects-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{border:1px solid #1f2937;border-radius:.5rem;padding:1.5rem;transition:all .3s}.project-card:hover{border-color:#374151;box-shadow:0 10px 25px #3b82f61a}.project-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.project-description{color:#d1d5db;margin-bottom:1rem;line-height:1.75}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-tag{padding:.25rem .75rem;background-color:#111827;font-size:.75rem;border-radius:9999px}.project-links{display:flex;gap:.75rem;flex-wrap:wrap}.project-link-button{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background-color:#1f2937;color:#60a5fa;text-decoration:none;font-size:.875rem;border-radius:.375rem;border:1px solid #374151;transition:all .3s}.project-link-button:hover{background-color:#374151;border-color:#60a5fa}.project-link-button svg{flex-shrink:0}.contact-text{color:#d1d5db;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.contact-buttons{display:flex;gap:1rem}.contact-button{padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;transition:background-color .3s;display:inline-block}.contact-button-primary{background-color:#2563eb;color:#fff}.contact-button-primary:hover{background-color:#1d4ed8}.contact-button-secondary{background-color:#1f2937;color:#fff}.contact-button-secondary:hover{background-color:#374151}.footer{padding:2rem 1.5rem;border-top:1px solid #1f2937}.footer-container{max-width:1152px;margin:0 auto;text-align:center;color:#9ca3af}