.navbar{position:sticky;top:0;z-index:1000;background-color:#000;display:flex;align-items:center;justify-content:space-between;padding:5px 50px}.navbar img{height:100px;cursor:pointer}.nav-menu{display:flex;align-items:center;list-style:none;gap:60px;font-size:20px;color:#fff}.nav-menu li a{text-decoration:none;color:#fff;transition:all .2s ease-in-out}.nav-menu li a:hover{color:#b923e1;transform:translateY(-2px)}.nav-contact{padding:12px 28px;border-radius:50px;background:linear-gradient(267deg,#DA7C25 .36%,#B923E1 102.06%);font-size:20px;font-weight:600;cursor:pointer;transition:.4s}.nav-contact a{text-decoration:none;color:#fff}.nav-contact:hover{transform:scale(1.05)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger span{width:25px;height:3px;background:white;transition:.3s}@media (max-width: 1024px){.navbar{margin:5px 40px}.nav-menu{gap:30px;font-size:18px}.nav-contact{font-size:18px;padding:10px 24px}.navbar img{height:80px}}@media (max-width: 768px){.navbar{margin:0;padding:15px 20px}.hamburger{display:flex}.nav-menu{display:none;position:absolute;top:80px;right:20px;background:black;flex-direction:column;gap:15px;padding:20px;border-radius:10px;width:200px}.nav-menu.open{display:flex}.nav-contact{display:none}}.hero{display:flex;align-items:center;justify-content:space-evenly;flex-direction:row;height:85vh;gap:40px;text-align:left}.hero-img{height:30rem;width:28rem}span{color:#ffbd39}.hero-greeting{font-size:20px}.hero-sub h1{font-size:50px}.hero-passion{margin:.5rem 0;font-size:30px;text-align:center;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;color:#fff}.hero-passion span{color:#b923e1!important}.hero-media{display:flex;flex-direction:column;align-items:center}.hero-resume{margin:1rem 0 .5rem}.resume-btn{background-color:#ffbd39;color:#000;padding:.75rem 1.5rem;font-size:15px;font-weight:700;font-family:Times New Roman,Times,serif;border-radius:20px;border:none;cursor:pointer;transition:all .2s ease}.resume-btn:hover{transform:scale(1.05)}.social{padding:10px 20px 0}.linkedin{margin-right:2rem;color:#fff}.github{color:#fff}.social i{font-size:2rem;opacity:.6;transition:.3s}.social i:hover{opacity:1;transform:scale(1.2)}@media (max-width: 1024px){.hero{flex-direction:column;justify-content:center;text-align:center;height:auto;padding:40px 20px;gap:30px}.hero-img{height:22rem;width:auto}.hero-sub h1{font-size:38px}.hero-passion{font-size:24px}}@media (max-width: 600px){.hero{height:auto;gap:25px;padding:30px 15px}.hero-img{height:16rem;width:auto}.hero-greeting{font-size:18px}.hero-sub h1{font-size:28px}.hero-passion{font-size:20px}.social i{font-size:1.8rem}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;height:100vh;margin:0 auto;padding:40px 20px;max-width:1200px;box-sizing:border-box}.about-title{border:solid 5px rebeccapurple;font-size:1rem;padding:20px 40px;color:#fff;margin-top:2rem;border-radius:16px;letter-spacing:1px;text-align:center}.about-sections{display:flex;align-items:center;justify-content:space-between;gap:50px;width:100%;flex-wrap:wrap}.about-left img{width:20rem;height:20rem;border-radius:10px;object-fit:cover}.about-right{font-size:1.5rem;max-width:600px;text-align:left;line-height:1.6}@media (max-width: 1024px){.about{height:auto;margin:0 40px;text-align:center}.about-sections{flex-direction:column;text-align:center;gap:30px}.about-right{font-size:1.3rem;max-width:90%}.about-left img{width:18rem;height:18rem}}@media (max-width: 600px){.about{margin:0 20px;padding:20px 0;height:auto}.about-title{font-size:1rem;padding:15px 30px;margin-top:3rem}.about-sections{flex-direction:column;gap:20px}.about-left img{width:14rem;height:14rem}.about-right{font-size:1.1rem;line-height:1.5;padding:0 10px}}.about-right .name{color:#f64409}.about-right .college{color:#d8a127}.about-right .passion{color:#a35aa5}.about-right .skills{color:#3ac53f}*{margin:0;padding:0}body{height:100vh;background-color:#000;color:#fff;font-family:outfit}html{scroll-behavior:smooth}#hero{scroll-margin-top:120px}#about{scroll-margin-top:-30px}#skills{scroll-margin-top:120px}#projects{scroll-margin-top:-10px}.skills-section{min-height:100vh;padding:50px 20px;text-align:center;margin:0 auto}.skills-title{font-size:2.8rem;margin-bottom:20px}.category-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:40px}.category-tab{padding:10px 18px;border-radius:10px;cursor:pointer;font-size:18px}.category-tab.active{background:#7c3aed;color:#fff}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;justify-content:center;justify-items:center;width:100%;max-width:1000px;margin:0 auto}.skill-card{display:flex;flex-direction:column;align-items:center;transition:transform .2s ease-in-out}.skill-card:hover{transform:translateY(-6px)}.skill-icon{height:100px;width:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#000}.skill-icon img{height:60%;width:60%;object-fit:contain}.skill-name{margin-top:10px;font-size:16px;font-weight:500}@media (min-width: 1400px){.skills-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.skills-grid{grid-template-columns:repeat(2,1fr);gap:20px}.skill-icon{height:80px;width:80px}.skill-name{font-size:14px}}.skills-grid:has(.skill-card:only-child),.skills-grid:has(.skill-card:nth-child(2):last-child),.skills-grid:has(.skill-card:nth-child(3):last-child){grid-template-columns:repeat(auto-fit,minmax(120px,max-content));justify-content:center}.education{min-height:100vh;padding:60px 20px;color:#fff;text-align:center}.heading{font-size:2.8rem;margin-bottom:10px}.heading span{color:#b923e1}.quote{font-size:1.2rem;margin-bottom:50px;color:#ccc;font-style:italic}.box-container{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;justify-content:center;max-width:1100px;margin:0 auto}.box{border:solid 3px rebeccapurple;border-radius:5px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.box:hover{transform:translateY(-8px);box-shadow:0 8px 20px #b923e166}.image img{width:100%;height:280px;object-fit:cover}.content{padding:20px}.content h3{font-size:1.5rem;color:#ffbd39;margin-bottom:10px}.content p{font-size:1rem;color:#ccc;margin-bottom:8px}.content h4{font-size:1rem;color:#b923e1;font-weight:700}@media (max-width: 1024px){.box-container{grid-template-columns:1fr;gap:20px}.heading{font-size:2.4rem}}@media (max-width: 600px){.heading{font-size:2rem}.quote{font-size:1rem}}.projects-section{padding:60px 20px;text-align:center;color:#fff}.projects-heading{font-size:2.8rem;margin-bottom:20px}.category-filter{display:flex;justify-content:center;gap:15px;margin-bottom:30px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border-radius:20px;background:#fff;color:#000;cursor:pointer;transition:.3s}.filter-btn.active{background:#b923e1;color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1100px;margin:0 auto}.project-card{background:#111;border:2px solid rebeccapurple;border-radius:8px;overflow:hidden;transition:transform .3s}.project-card:hover{transform:translateY(-8px)}.project-image{position:relative}.project-image img{width:100%;height:200px;object-fit:cover}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;gap:15px;opacity:0;transition:opacity .3s}.project-image:hover .overlay{opacity:1}.icon-btn{background:white;padding:8px;border-radius:50%;color:#000;transition:.3s}.icon-btn:hover{background:black;color:#fff}.project-info{padding:15px}.project-info h3{color:#ffbd39;margin-bottom:8px}.view-all{margin-top:20px}.view-btn{background:#b923e1;color:#fff;padding:10px 20px;border:none;border-radius:25px;cursor:pointer;transition:.3s}.view-btn:hover{transform:scale(1.05)}@media (max-width: 768px){.projects-heading{font-size:2rem}}.contact-section{padding:60px 20px;text-align:center;color:#fff}.heading{font-size:2.5rem;margin-bottom:20px}.contact-container{display:flex;justify-content:center;align-items:center;gap:40px;max-width:1000px;margin:auto;flex-wrap:wrap}.image-box img{width:400px;max-width:100%;border-radius:4rem}.contact-form{display:flex;flex-direction:column;gap:15px;width:100%;max-width:450px}.contact-form input,.contact-form textarea{padding:12px;border:none;outline:none;border-radius:8px;font-size:1rem;background:#222;color:#fff}.contact-form textarea{resize:none;height:120px}.submit-btn{background:#b923e1;color:#fff;padding:12px;border:none;border-radius:8px;cursor:pointer;transition:.3s}.submit-btn:hover{transform:scale(1.05)}.loading{display:flex;align-items:center;gap:8px}