nav{background-color:#fff;padding:1rem 2rem;box-shadow:0 2px 10px #00000014;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;width:100%}nav span{font-size:1.5rem;font-weight:700;color:#06c;letter-spacing:.5px;cursor:pointer;transition:color .3s ease}nav span:hover{color:#0055b3}nav ul{display:flex;list-style:none;gap:1.5rem;margin:0;padding:0}nav ul li button{background:none;border:none;font-size:1rem;font-weight:500;color:#495057;cursor:pointer;padding:.5rem .75rem;transition:all .3s ease;position:relative}nav ul li button:hover{color:#06c}nav ul li button:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#06c;transition:all .3s ease;transform:translate(-50%)}nav ul li button:hover:after{width:80%}nav ul li button.active{color:#06c;font-weight:600}nav ul li button.active:after{width:80%}.mobile-menu-button{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#495057}@media (max-width: 768px){nav{padding:1rem}.mobile-menu-button{display:block}nav ul{position:absolute;top:100%;left:0;right:0;flex-direction:column;background-color:#fff;padding:1rem 0;box-shadow:0 5px 10px #0000001a;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease}nav ul.expanded{max-height:300px}nav ul li{width:100%}nav ul li button{width:100%;padding:1rem 2rem;text-align:left}nav ul li button:after{display:none}nav ul li button:hover{background-color:#f8f9fa}}footer{background-color:#212529;color:#fff;padding:2rem 0;margin-top:4rem;width:100%;margin-bottom:0}html,body{margin:0;padding:0;overflow-x:hidden}body{min-height:100vh;display:flex;flex-direction:column}#root{flex:1;display:flex;flex-direction:column}footer{margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-copyright{font-size:.95rem;opacity:.8}.footer-nav{background-color:#212529;display:flex;gap:1.5rem}.footer-nav a{color:#000;border:2px solid white;background-color:#fff;border-radius:5px;padding:5px 15px;text-decoration:none;font-size:.95rem;opacity:.8;transition:opacity .3s ease,color .3s ease;position:relative}.footer-nav a:hover{opacity:1;color:#06c}.footer-nav a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:#06c;transition:width .3s ease}.footer-nav a:hover:after{width:100%}@media (max-width: 768px){.footer-container{flex-direction:column;text-align:center}.footer-nav{margin-top:1rem;justify-content:center}footer>div:empty{display:none}footer div{background-color:transparent!important}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Segoe UI,Roboto,sans-serif}body{background-color:#f8f9fa;color:#212529;line-height:1.6}#home-container{max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex;flex-direction:column;gap:2.5rem;align-items:center;text-align:center}.name-heading{font-size:3rem;font-weight:700;color:#343a40;margin-bottom:.5rem}.role-designation{font-size:1.8rem;font-weight:600;color:#07c;margin-bottom:1rem}.content-section{display:flex;flex-direction:column;gap:2rem;align-items:center;width:100%}@media (min-width: 768px){.content-section{flex-direction:row;align-items:flex-start;text-align:left}}.content-section p{flex:1;font-size:1.1rem;line-height:1.8;color:#495057;text-align:justify;padding:0 1rem}.content-section img{width:280px;height:280px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 12px 35px #00000026;transition:transform .3s ease,box-shadow .3s ease}.content-section img:hover{transform:scale(1.05);box-shadow:0 15px 40px #0003}.button-container{display:flex;gap:1.5rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.button-container button{padding:.8rem 1.8rem;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.button-container button:first-child{background-color:#07c;color:#fff;box-shadow:0 4px 12px #0077cc4d}.button-container button:first-child:hover{background-color:#005fa3;transform:translateY(-3px);box-shadow:0 6px 18px #07c6}.button-container button:last-child{background-color:#fff;color:#07c;border:2px solid #0077cc}.button-container button:last-child:hover{background-color:#e8f4ff;transform:translateY(-3px);box-shadow:0 6px 18px #07c3}@media (max-width: 576px){.name-heading{font-size:2.3rem}.role-designation{font-size:1.4rem}.content-section img{width:200px;height:200px}.button-container{flex-direction:column;gap:1rem}}#skills{max-width:1200px;margin:0 auto;padding:4rem 2rem;text-align:center}#skills h1{font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#343a40;position:relative;display:inline-block}#skills h1:after{content:"";position:absolute;width:60%;height:4px;background-color:#06c;bottom:-12px;left:50%;transform:translate(-50%);border-radius:2px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.skills-grid>div{display:flex;justify-content:center}.skills-grid div:nth-child(1) button svg{color:#e34c26}#skills>div{display:flex;justify-content:center}#skills button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:220px;height:180px;padding:1.5rem;border:none;border-radius:12px;background-color:#fff;box-shadow:0 8px 16px #0000001a;transition:all .3s ease;cursor:pointer}#skills button:hover{transform:translateY(-10px);box-shadow:0 12px 20px #00000026}#skills button svg{font-size:4rem;margin-bottom:1rem;transition:all .3s ease}#skills button h4{font-size:1.1rem;font-weight:600;margin:0;color:#343a40}#skills div:nth-child(2) button svg{color:#e34c26}#skills div:nth-child(3) button svg{color:#264de4}#skills div:nth-child(4) button svg{color:#f7df1e}#skills div:nth-child(5) button svg{color:#38b2ac}#skills div:nth-child(6) button svg{color:#61dafb}#skills div:nth-child(7) button svg{color:#68a063}#skills div:nth-child(8) button svg{color:#000}#skills div:nth-child(9) button svg{color:#3178c6}#skills div:nth-child(10) button svg{color:#4db33d}#skills div:nth-child(11) button svg{color:#000}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}#skills button:hover svg{animation:pulse 1s infinite}@media (max-width: 768px){#skills{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}#skills button{height:150px;padding:1rem}#skills button svg{font-size:3rem}}@media (max-width: 480px){#skills h1{font-size:2rem}#skills{grid-template-columns:repeat(2,1fr);gap:1rem}#skills button{height:130px;max-width:100%}#skills button svg{font-size:2.5rem}#skills button h4{font-size:1rem}}.project-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #0000001a;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-10px);box-shadow:0 12px 30px #00000026}.project-card-image{height:180px;width:100%;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-card-image img{transform:scale(1.05)}.project-card-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project-card-title{font-size:1.25rem;font-weight:700;color:#343a40;margin-bottom:.5rem}.project-card-category{display:inline-block;padding:.35rem .75rem;background-color:#0066cc1a;color:#06c;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase}.project-card-description{color:#6c757d;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.project-card-link{margin-top:auto;text-align:right}.project-card-link a{display:inline-flex;align-items:center;color:#06c;font-weight:600;text-decoration:none;transition:color .3s ease}.project-card-link a:hover{color:#0055b3}.project-card-link a svg{margin-left:.5rem;transition:transform .3s ease}.project-card-link a:hover svg{transform:translate(4px)}.project-card.Fullstack .project-card-category{background-color:#4caf501a;color:#4caf50}.project-card.Mini .project-card-category{background-color:#ff98001a;color:#ff9800}.project-card.Landing .project-card-category{background-color:#9c27b01a;color:#9c27b0}.projects-container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.projects-header{text-align:center;margin-bottom:3rem}.projects-header h1{font-size:2.5rem;font-weight:700;color:#343a40;margin-bottom:1rem;position:relative;display:inline-block}.projects-header h1:after{content:"";position:absolute;width:60%;height:4px;background-color:#06c;bottom:-12px;left:50%;transform:translate(-50%);border-radius:2px}.projects-header p{font-size:1.1rem;color:#6c757d;max-width:600px;margin:1.5rem auto 0}.filter-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.filter-buttons button{padding:.7rem 1.5rem;border:2px solid #0066cc;border-radius:30px;background-color:transparent;color:#06c;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.filter-buttons button:hover{background-color:#0066cc1a;transform:translateY(-3px)}.filter-buttons button.active{background-color:#06c;color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.projects-grid>div{width:100%;height:100%}.view-all-container{text-align:center;margin-top:2rem}.view-all-container button{padding:.8rem 2rem;background-color:#06c;color:#fff;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0066cc4d}.view-all-container button:hover{background-color:#0055b3;transform:translateY(-3px);box-shadow:0 6px 16px #06c6}.view-all-container a{color:#fff;text-decoration:none;display:block}.no-projects{text-align:center;padding:3rem 0;color:#6c757d;font-size:1.2rem}@media (max-width: 768px){.projects-header h1{font-size:2.2rem}.filter-buttons{flex-direction:column;align-items:center;gap:.8rem}.filter-buttons button{width:100%;max-width:250px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}}@media (max-width: 480px){.projects-header h1{font-size:1.8rem}.projects-grid{grid-template-columns:1fr}}.contact-container{max-width:900px;margin:0 auto;padding:4rem 2rem;text-align:center}.contact-header{margin-bottom:3rem}.contact-header h1{font-size:2.5rem;font-weight:700;color:#343a40;margin-bottom:1.5rem;position:relative;display:inline-block}.contact-header h1:after{content:"";position:absolute;width:60%;height:4px;background-color:#06c;bottom:-12px;left:50%;transform:translate(-50%);border-radius:2px}.contact-header p{font-size:1.1rem;color:#6c757d;max-width:600px;margin:0 auto;line-height:1.7}.social-buttons{display:flex;justify-content:center;gap:1.5rem;margin-top:3rem;flex-wrap:wrap}.social-button{position:relative;width:180px;padding:0;border:none;background:none;overflow:hidden;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease}.social-button:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.social-button a{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 1.5rem;color:#fff;text-decoration:none;font-weight:600;font-size:1rem;transition:background-color .3s ease}.social-button svg{font-size:1.5rem;margin-right:.75rem}.social-button.twitter{background-color:#1da1f2}.social-button.twitter:hover{background-color:#0d8ecf}.social-button.email{background-color:#ea4335}.social-button.email:hover{background-color:#d33426}.social-button.github{background-color:#24292e}.social-button.github:hover{background-color:#121416}.social-button.linkedin{background-color:#0077b5}.social-button.linkedin:hover{background-color:#005e8e}.contact-form{margin-top:4rem;max-width:600px;margin-left:auto;margin-right:auto;text-align:left}.wave-container{position:relative;width:100%;height:120px;margin-top:3rem;overflow:hidden}.wave{position:absolute;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z' opacity='.25' fill='%230066cc'%3E%3C/path%3E%3Cpath d='M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z' opacity='.5' fill='%230066cc'%3E%3C/path%3E%3Cpath d='M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z' fill='%230066cc'%3E%3C/path%3E%3C/svg%3E");background-size:cover;background-position:bottom}@media (max-width: 768px){.contact-header h1{font-size:2.2rem}.social-buttons{flex-direction:column;align-items:center}.social-button{width:100%;max-width:220px}}