: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{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}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}}body{color:#111827;background-color:#f9fafb;margin:0;font-family:Inter,sans-serif;line-height:1.6}html{scroll-behavior:smooth}.header{z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000d}.header h3{color:#4f46e5;font-family:Poppins,sans-serif;font-weight:700}.header nav a{color:#111827;margin-left:20px;font-weight:500;text-decoration:none;transition:color .3s}.header nav a:hover{color:#4f46e5}section{max-width:1000px;margin:auto;padding:80px 20px}.hero{text-align:center;padding-top:120px}.hero h1{color:#4f46e5;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:3rem}.hero h2{color:#111827;margin-bottom:10px;font-size:2rem}.hero p{color:#6b7280;font-size:1.1rem}#about h2{color:#4f46e5;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:2rem}#about p{color:#374151;font-size:1rem}#skills ul{flex-wrap:wrap;padding:0;list-style:none;display:flex}#skills li{color:#fff;cursor:default;background:#a5b4fc;border-radius:12px;margin:10px;padding:10px 20px;font-weight:500;transition:transform .3s}#skills li:hover{transform:scale(1.05)}.project-card{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 12px #0000000d}.project-card:hover{transform:scale(1.03);box-shadow:0 8px 20px #0000001a}#contact h2{color:#4f46e5;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:2rem}#contact p{color:#111827;font-size:1rem}footer{text-align:center;color:#fff;background:#111827;padding:20px}button{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;padding:12px 28px;font-weight:600;transition:background-color .3s,transform .2s}button:hover{background-color:#4338ca;transform:scale(1.05)}#root{width:100%}.hero{text-align:center;background:linear-gradient(135deg,#e0e7ff 0%,#f3f4f6 100%);justify-content:center;align-items:center;min-height:100vh;padding:0 20px;display:flex}.hero-content{max-width:700px}.hero h1{color:#4f46e5;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:4rem;font-weight:800;line-height:1.2}.hero h2{color:#111827;margin-bottom:15px;font-size:2rem;font-weight:600}.hero p{color:#6b7280;margin-bottom:40px;font-size:1.1rem}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn-primary,.btn-secondary{border-radius:10px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.btn-primary{color:#fff;background-color:#4f46e5;box-shadow:0 8px 20px #4f46e533}.btn-primary:hover{background-color:#4338ca;transform:scale(1.05);box-shadow:0 12px 28px #4f46e54d}.btn-secondary{color:#4f46e5;background-color:#e0e7ff;border:1px solid #4f46e5}.btn-secondary:hover{background-color:#c7d2fe;transform:scale(1.05);box-shadow:0 8px 20px #4f46e526}@media (max-width:768px){.hero h1{font-size:3rem}.hero h2{font-size:1.5rem}.hero-buttons{flex-direction:column;gap:15px}}.about{background-color:#f9f9f9;padding:4rem 2rem}.section-title{text-align:center;margin-bottom:1.5rem;font-size:2rem}.about-bio{text-align:center;max-width:700px;margin:0 auto 2rem;font-size:1.1rem;line-height:1.6}.personal-cards{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.card{background:#fff;border-radius:12px;flex:250px;min-width:200px;padding:1.5rem;box-shadow:0 6px 18px #00000014}.about-highlights{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.highlight-card{background:#fff;border-radius:12px;flex:300px;min-width:250px;padding:1.5rem;box-shadow:0 6px 18px #00000014}.skills{background-color:#fff;padding:4rem 2rem}.skills-grid{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.skill-card{background:#f4f4f4;border-radius:12px;flex:150px;align-items:center;gap:.8rem;min-width:150px;padding:1rem 1.5rem;transition:transform .2s;display:flex;box-shadow:0 4px 12px #0000000d}.skill-card:hover{transform:translateY(-5px)}.skill-icon{font-size:1.5rem}.projects-section{background-color:#f9f9f9;padding:4rem 2rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.project-card{background:#fff;border-radius:12px;flex-direction:column;transition:transform .3s;display:flex;overflow:hidden;box-shadow:0 6px 18px #00000014}.project-card:hover{transform:translateY(-5px)}.project-image{width:100%;height:160px;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.project-card:hover .project-image img{transform:scale(1.05)}.project-image .overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.project-card:hover .overlay{opacity:1}.project-image .overlay a{color:#fff;background:#0070f3;border-radius:6px;padding:.5rem 1rem;text-decoration:none}.project-info{padding:1rem 1.5rem}.project-info h3{margin-bottom:.5rem;font-size:1.2rem}.project-info p{color:#555;font-size:.95rem}.contact-section{background-color:#fff;padding:4rem 2rem}.contact-container{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem;display:flex}.contact-info{flex:300px;min-width:280px}.contact-info h3{margin-bottom:1rem;font-size:1.3rem}.contact-info p{color:#555;margin:.5rem 0}.contact-form{flex-direction:column;flex:300px;gap:1rem;min-width:280px;display:flex}.contact-form input,.contact-form textarea{resize:none;border:1px solid #ccc;border-radius:8px;padding:.8rem 1rem;font-size:.95rem}.contact-form textarea{min-height:120px}.contact-form button{color:#fff;cursor:pointer;background-color:#0070f3;border:none;border-radius:8px;padding:.8rem 1rem;font-size:1rem;transition:background-color .2s}.contact-form button:hover{background-color:#005bb5}@media (max-width:768px){.contact-container{flex-direction:column}}