.navbar{display:flex;align-items:center;justify-content:space-between;margin:8px 130px}.navbar h1{font-style:italic;font-family:Inter,sans-serif;font-weight:700;font-size:26px}.nav-menu{display:flex;align-items:center;list-style:none;gap:45px;font-size:16px}.nav-menu li{display:flex;flex-direction:column;gap:4px;cursor:pointer}.nav-menu .active{color:#38bdf8}.nav-menu a{text-decoration:none;color:inherit}.nav-connect{padding:14px 28px;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.66%);font-size:16px;cursor:pointer;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease}.nav-connect:hover{transform:scale(1.05);box-shadow:0 8px 20px #b923e159}@media(max-width:1024px){.navbar{margin:8px 80px}.nav-menu{gap:32px}}@media(max-width:768px){.navbar{margin:6px 40px}.nav-menu{font-size:15px;gap:24px}.nav-connect{padding:12px 22px;font-size:14px}}@media(max-width:600px){.navbar{margin:6px 20px}.nav-menu{display:none}}.hero{display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center;padding:0 40px;color:#e5e7eb;transform:scale(.75);transform-origin:top center}.hero img{margin-top:110px;width:240px;height:240px;border-radius:50%;object-fit:cover;object-position:center 50%;border:3px solid #38bdf8}.hero h1{font-size:68px;width:70%;font-weight:600;line-height:1.1;font-family:Outfit,sans-serif}.hero p:first-of-type{font-size:20px;color:#94a3b8}.hero p:last-of-type{font-size:16px;width:70%;color:#cbd5f5;line-height:1.7}.hero-actions{display:flex;gap:16px;margin-top:16px}.hero-connect{padding:10px 24px;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;border-radius:30px;font-size:14px;cursor:pointer;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.hero-connect:hover{transform:translateY(-3px);box-shadow:0 10px 25px #38bdf866}.hero-resume{padding:10px 24px;border:2px solid #38bdf8;border-radius:30px;font-size:14px;cursor:pointer;color:#38bdf8;text-decoration:none;transition:background .3s ease,color .3s ease}.hero-resume:hover{background-color:#38bdf8;color:#020617}@media(max-width:900px){.hero h1{font-size:52px;width:100%}.hero p:last-of-type{width:90%}}@media(max-width:600px){.hero{transform:scale(.85)}.hero h1{font-size:38px}.hero img{width:180px;height:180px}.hero p:first-of-type{font-size:18px}.hero p:last-of-type{font-size:15px;width:95%}.hero-actions{flex-direction:column}}html{font-size:16px}.aboutme{width:100%;padding:75px 60px;display:flex;flex-direction:column;align-items:center;color:#e5e7eb}.about-title{font-size:60px;padding:0 24px;font-weight:600;margin-bottom:45px;font-family:Outfit,sans-serif;text-align:center}.about-card{display:flex;gap:38px;max-width:900px;background:#020617;border-radius:18px;padding:38px;box-shadow:0 18px 36px #0006}.about-left img{width:200px;height:200px;border-radius:16px;object-fit:cover;object-position:center 20%;border:3px solid #38bdf8}.about-right{display:flex;flex-direction:column;gap:16px}.about-right p{font-size:16px;line-height:1.65;color:#cbd5f5}@media(max-width:900px){.about-card{flex-direction:column;align-items:center;text-align:center;padding:32px}.about-left img{width:180px;height:180px}.about-title{font-size:44px}}@media(max-width:600px){.aboutme{padding:60px 24px}.about-right p{font-size:15px}}.projects{display:flex;align-items:center;gap:60px;justify-content:center;margin:60px 130px;flex-direction:column}.projectstitle{position:relative}.projectstitle h1{padding:0 24px;font-size:60px;font-weight:600}.projects-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:60px}.projects-format{display:flex;padding:45px;gap:16px;flex-direction:column;border-radius:10px;border:2px solid white;transition:transform .4s ease,background .4s ease,border .4s ease;cursor:pointer}.project-sno{font-size:22px;font-weight:600}.projects-format h2{font-size:28px;font-weight:800;background:linear-gradient(270deg,#df8908 50%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.projects-format p{color:#d4d4d4;font-size:18px;line-height:30px;max-width:260px}.projects-format:hover{border:2px solid #ff00ff;background-image:linear-gradient(45deg,#3f0028,#582300);transform:scale(1.05)}@media(max-width:1024px){.projects{margin:60px 80px}.projects-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.projects{margin:50px 40px;gap:50px}.projectstitle h1{font-size:48px}.projects-format{padding:36px}.projects-format p{font-size:17px}}@media(max-width:600px){.projects-container{grid-template-columns:1fr}.projectstitle h1{font-size:40px}}.contact{display:flex;flex-direction:column;align-items:center;margin:60px 0;gap:45px}.contact>h1{font-size:60px;font-weight:600;text-align:center}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:calc(100% - 260px);margin-left:130px}.contact-details h1{font-size:48px;font-weight:700;background:linear-gradient(270deg,#df8908 50%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-details p:first-of-type{font-size:18px;color:#d4d4d4;line-height:28px;max-width:420px}.contact-details p{display:flex;align-items:center;gap:14px;font-size:18px;color:#d4d4d4;line-height:30px}.contact-details span{font-size:20px}.contact-details p:hover{background:linear-gradient(270deg,#df8908 50%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:900px){.contact-details{margin-left:60px;width:calc(100% - 120px)}.contact>h1{font-size:48px}.contact-details h1{font-size:40px}.contact-details p{font-size:17px}}@media(max-width:600px){.contact-details{margin-left:24px;width:calc(100% - 48px)}.contact>h1{font-size:40px}.contact-details h1{font-size:34px}.contact-details p{font-size:16px}}.footer{background:#0f172a;color:#fff;padding:45px 8%;font-family:Segoe UI,sans-serif}.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px}.footer-top-left{max-width:360px}.footer-top-left h1{font-size:22px;margin-bottom:12px;color:#38bdf8}.footer-top-left p{color:#cbd5e1;line-height:1.6;font-size:14px}.footer-top-right h3{margin-bottom:12px;font-size:16px}.footer-input{display:flex;gap:8px}.footer-input input{padding:10px 12px;border-radius:8px;border:none;outline:none;width:190px;background:#020617;color:#fff;border:1px solid #1e293b;font-size:14px}.footer-input input::placeholder{color:#64748b}.footer-input button{padding:10px 16px;background:#38bdf8;border:none;border-radius:8px;cursor:pointer;color:#020617;font-weight:600;font-size:14px;transition:.3s ease}.footer-input button:hover{background:#0ea5e9}hr{margin:30px 0;border:.5px solid #1e293b}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer-bottom p{color:#94a3b8;font-size:13px}.footer-socials{display:flex;gap:16px}.footer-socials a{font-size:22px;color:#38bdf8;transition:transform .3s ease,color .3s ease;display:flex;align-items:center;justify-content:center}.footer-socials a:hover{color:#fff;transform:scale(1.2) rotate(5deg)}@media(max-width:768px){.footer-top{flex-direction:column}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.footer-input{flex-direction:column}.footer-input input{width:100%}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{background-color:#020617;color:#fff;min-height:100vh;font-family:Outfit,sans-serif}body{line-height:1.5;overflow-x:hidden}.page-content{min-height:calc(100vh - 140px);padding-bottom:60px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}