:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;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}}:root{--primary-color: #3498db;--secondary-color: #2ecc71;--background-color: #f4f4f9;--text-color: #333;--font-family: "Roboto", sans-serif;--max-width: 1280px;--padding: 2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);line-height:1.6}#root{max-width:var(--max-width);margin:0 auto;padding:var(--padding);text-align:center}section{margin:2rem 0;padding:1rem;border-radius:8px;background:#fff;box-shadow:0 4px 6px #0000001a}h1,h2,h3{color:#fff}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}img{max-width:100%;height:auto;border-radius:8px}a{text-decoration:none;color:var(--primary-color);transition:color .3s}a:hover{color:var(--secondary-color)}button{padding:.5rem 1rem;border:none;border-radius:4px;background:var(--primary-color);color:#fff;font-size:1rem;cursor:pointer;transition:background .3s}button:hover{background:var(--secondary-color)}.tech-grid,.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin-top:1rem}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}#root{padding:1rem}}.hero-box{background-color:#fff;/ color: #000;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:128px;max-width:1200px;margin:0 auto}.hero-section{display:inline-flex;flex-direction:column;align-items:center;gap:16px}.hero-content{text-align:center}.hero-content h1{font-size:2.5rem;font-weight:700}.section-title{font-size:80px;font-weight:700;color:#0041ff}.hero-description{display:flex;align-items:center;gap:24px}.hero-image{width:150px;height:150px;border-radius:50%;object-fit:cover}.hero-scroll{margin-top:20px;text-align:center}.scroll-arrow-image{width:30px;height:auto;cursor:pointer;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.grid-section{display:grid;grid-template-columns:repeat(8,1fr);gap:24px;padding:128px 160px}.pink-background{background:pink}.white-background{background:whitesmoke}.card{gap:24px}img{width:200px;height:200px;object-fit:cover;border-bottom:10px solid goldenrod;border-left:10px solid goldenrod}.article{grid-column:span 4}.project{grid-column:span 8;display:flex}img.article{width:100%}img.project{height:300px}img.pink-border{border-color:#ff69b4}img.blue-border{border-color:#00f}.tech-section{background-color:#0b24f5;color:#fff;padding:161px;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.tech-title h2{font-size:80px;font-weight:700;color:#fff;margin:0}.tech-content{max-width:800px;line-height:1.8;font-size:1.5rem;color:#fff;margin-left:124px}.skills-section{background-color:#0041ff;color:#fff;padding:50px;text-align:center}.skills-section h2{font-size:80px;font-weight:700;color:#fff;margin:0}.skills-title{font-size:3rem;margin-bottom:40px}.skills-grid{display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;gap:20px}.skills-category{color:#0041ff;padding:20px;border-radius:8px;width:200px;margin:20px}.category-title{font-size:1.5rem;padding:10px;color:#fff;margin-bottom:15px;border-radius:4px;transition:background-color .3s ease,color .3s ease}.skills-list{list-style:none;padding-left:0;margin:0}.skills-list li{color:#fff;font-family:Hind,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:normal}@media (max-width: 768px){.skills-grid{flex-direction:column;align-items:center}.skills-category{width:100%;max-width:300px}}.connect-section{text-align:center;padding:50px;background-color:#f5f5f5}.connect-title{color:#0b24f5;text-align:center;font-family:Montserrat,sans-serif;font-size:80px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:64px}.connect-content{display:flex;flex-direction:column;align-items:center}.connect-image{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:20px;box-shadow:0 4px 8px #0003}.connect-info{text-align:center;margin-bottom:20px}.connect-info h3{font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:600;color:#333;margin:0}.connect-info p{font-family:Hind,sans-serif;font-size:1.2rem;font-weight:400;color:#555;margin:5px 0}.connect-social{display:flex;justify-content:center;gap:20px}.social-icon img{width:30px;height:30px;transition:transform .3s ease,box-shadow .3s ease}.social-icon img:hover{transform:scale(1.2);box-shadow:0 4px 8px #0003}