:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;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}}.portfolio{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.content{max-width:1200px;margin:0 auto;padding:0 2rem}.hero{color:#fff;text-align:center;background:linear-gradient(135deg,#227ecc 0%,#6af 100%);justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.hero-content{max-width:600px}.profile-image{object-fit:cover;border:6px solid #fff3;border-radius:50%;width:300px;height:300px;transition:transform .3s}.hero h1{margin:12px 0 24px;font-size:3.5rem;font-weight:700}.tagline{opacity:.9;font-size:1.5rem;line-height:1.4}.social-links{justify-content:center;gap:1rem;display:flex}.social-link{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff;border-radius:8px;padding:4px;font-size:32px;font-weight:500;line-height:normal;text-decoration:none;transition:all .2s}.social-link:hover{color:#000;background:#fff}.technologies{background:#f8fafc;padding:4rem 0}.technologies h2{text-align:center;color:#1a202c;margin-bottom:3rem;font-size:2.5rem}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.tech-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d}.tech-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem;display:flex}.tech-title{color:#0af;align-items:center;gap:8px;font-size:24px;display:flex}.tech-header h3{color:#2d3748;margin:0;font-size:1.25rem}.experience-years{color:#666;font-size:14px}.tech-areas{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{color:#475569;background:#f1f5f9;border-radius:16px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.projects{background:#fff;padding:4rem 0}.projects h2{text-align:center;color:#1a202c;margin-bottom:3rem;font-size:2.5rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.project-card{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;transition:all .3s}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.project-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.project-header h3{margin:0;font-size:1.5rem}.project-header h3 a{color:#2563eb;text-decoration:none;transition:color .3s}.project-header h3 a:hover{color:#1d4ed8;text-decoration:underline}.project-year{color:#666}.project-description{color:#374151;margin:0 0 1rem;font-size:1.125rem;font-weight:500}.project-details{color:#6b7280;margin:0 0 1.5rem;font-size:14px}.project-technologies{flex-wrap:wrap;gap:.5rem;display:flex}.project-tech-tag{color:#222;background:#eee;border-radius:4px;padding:4px 8px;font-size:.875rem;font-weight:500;line-height:normal}.footer{color:#fff;text-align:center;background:#1a202c;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:2rem 0;display:flex}.footer-button{color:#fff;border:1px solid #fff;border-radius:8px;padding:8px 16px;transition:all .2s}.footer-button:hover{color:#1a202c;background-color:#fff}.footer p{opacity:.8;margin:0}@media (max-width:768px){.hero h1{font-size:2.5rem}.tagline{font-size:1.25rem}.tech-grid,.projects-grid{grid-template-columns:1fr}.project-header{flex-direction:column;align-items:flex-start}.container{padding:0 1rem}.hero{padding:2rem 1rem}}@media (max-width:420px){.profile-image{width:200px;height:200px}}