*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#2d2d2d;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}html{scroll-behavior:smooth}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section{padding:80px 0}.section-title{color:#000}:root{--bg-primary:#fff;--bg-secondary:#f8f8f8;--text-primary:#2d2d2d;--text-secondary:#666;--heading-color:#000;--accent:#6366f1;--shadow:0 4px 6px #0000001a}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--text-primary:#fff;--text-secondary:#ccc;--heading-color:#fff;--accent:#818cf8;--shadow:0 4px 6px #0000004d}.App{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease}.hero{align-items:center;background-color:var(--bg-secondary);display:flex;min-height:auto;padding:48px}.bento-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:600px;margin-top:30px;transform:scale(.9);transform-origin:top center}.bento-cell{background-color:var(--bg-primary);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;padding:24px;transition:transform .3s ease}.bento-cell:hover{transform:translateY(-5px)}.div1{align-items:center;display:flex;grid-column:1/2;grid-row:1/3;justify-content:center}.avatar{border:3px solid var(--accent);border-radius:50%;height:190px;object-fit:cover;width:190px}.div2{display:flex;flex-direction:column;grid-column:2/4;grid-row:1/3;justify-content:center}.div2 h1{color:var(--heading-color);font-size:2.5rem;margin-bottom:.5rem}.div2 h2{color:var(--accent);font-size:1.5rem;font-weight:400}.div3{grid-area:3/1/5/3}.tech-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.tech-tag{background-color:var(--accent);border-radius:20px;color:#fff;font-size:.9rem;padding:5px 12px}.div4{grid-area:3/3/5/4}.div5{grid-row:1/4}.div5,.div6{grid-column:4/5}.div6{align-items:center;display:flex;grid-row:4/5;justify-content:center}.cta-button{background-color:var(--accent);border-radius:30px;color:#fff;font-weight:600;max-width:200px;padding:12px 30px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.cta-button:hover{background-color:var(--text-primary);transform:scale(1.05)}@media (max-width:968px){.bento-grid{gap:15px;grid-template-areas:"div1 div2" "div5 div5" "div3 div4" "div6 div6";grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}.div1{grid-area:div1}.div2{grid-area:div2}.div3{grid-area:div3}.div4{grid-area:div4}.div5{grid-area:div5}.div6{grid-area:div6}.div2 h1{font-size:2rem}.div2 h2{font-size:1.2rem}}@media (max-width:576px){.bento-grid{grid-template-areas:"div1" "div2" "div5" "div6" "div3" "div4";grid-template-columns:1fr}}.skills{background-color:var(--bg-primary)}.skills-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:50px}.skill-item{background-color:var(--bg-primary);border-radius:16px;box-shadow:var(--shadow);cursor:default;padding:20px;text-align:center;transition:transform .3s ease}.skill-icon{font-size:2.5rem;margin-bottom:15px}.skill-item h3{color:var(--text-primary);font-size:1rem;font-weight:600}@media (max-width:768px){.skills-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.skill-icon{font-size:2rem}}.section-title{color:var(--heading-color);font-size:2.5rem;margin-bottom:3rem;text-align:center}.projects{background-color:var(--bg-secondary)}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:50px}.project-card{background-color:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;transition:transform .3s ease}.project-image{height:200px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:15px}.project-links a{background-color:var(--accent);border-radius:20px;color:#fff;font-weight:600;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.project-links a:hover{background-color:var(--text-primary)}.project-content{padding:24px}.project-content h3{color:var(--heading-color);font-size:1.5rem;margin-bottom:12px}.project-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.project-stack{display:flex;flex-wrap:wrap;gap:8px}.stack-tag{background-color:var(--accent);border-radius:16px;color:#fff;font-size:.8rem;padding:4px 12px}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}.contact{background-color:var(--bg-primary);text-align:center}.contact-text{color:var(--text-secondary);font-size:1.2rem;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.contact-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:60px}.contact-link{align-items:center;background-color:var(--bg-secondary);border-radius:30px;box-shadow:var(--shadow);color:var(--text-primary);display:flex;font-weight:600;gap:10px;padding:15px 25px;text-decoration:none;transition:all .3s ease}.contact-icon{font-size:1.2rem}.footer{border-top:1px solid var(--bg-secondary);color:var(--text-secondary);margin-top:60px;padding-top:30px}@media (max-width:768px){.contact-links{align-items:center;flex-direction:column}.contact-link{justify-content:center;width:200px}}.theme-toggle{background:var(--bg-secondary);border:none;border-radius:50%;box-shadow:var(--shadow);color:var(--text-primary);cursor:pointer;font-size:1.5rem;height:50px;position:fixed;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:1000}.theme-toggle:hover{transform:scale(1.1)}@media (max-width:768px){.theme-toggle{font-size:1.2rem;height:45px;right:15px;top:15px;width:45px}}.language-toggle{background:var(--bg-secondary);border:none;border-radius:50%;box-shadow:var(--shadow);color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;height:50px;position:fixed;right:90px;top:20px;transition:all .3s ease;width:50px;z-index:1000}.language-toggle:hover{transform:scale(1.1)}@media (max-width:768px){.language-toggle{font-size:.9rem;height:45px;right:80px;top:20px;width:45px}}
/*# sourceMappingURL=main.d9b2c5dc.css.map*/