html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;margin:0;padding:0}.navbar{position:fixed;top:0;left:0;width:100%;background:#000c;padding:15px;display:flex;justify-content:center;gap:20px;z-index:1000}.navbar a{color:#fff;text-decoration:none;font-size:1.2rem;transition:.3s}.navbar a:hover{color:#4a90e2}.section{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;transition:opacity .5s ease-in-out}.intro{background:linear-gradient(to right,#4a90e2,#1e3c72);color:#fff}.about{background:#f4f4f4;color:#000}.projects{background:#fff;color:#000}.contact{background:#222;color:#fff}.project-card{background:#fff;padding:20px;margin:10px;box-shadow:0 4px 10px #0000001a;border-radius:8px}.intro{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;background:linear-gradient(to right,#0f2027,#203a43,#2c5364);color:#fff;padding:20px}.intro-content{max-width:700px;width:90%}.profile-pic{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 4px 10px #ffffff4d}.intro h1{font-size:2.5rem;font-weight:700;margin-top:10px}.intro h2{font-size:1.5rem;margin-top:10px}.intro p{font-size:1rem;color:#ddd;margin-top:10px}.intro-buttons{margin-top:30px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.intro-button{display:inline-block;padding:12px 30px;font-size:1rem;font-weight:700;border-radius:8px;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.intro-primary-btn{background-color:#00d4ff;color:#fff}.intro-primary-btn:hover{background-color:#09c}@media (max-width: 600px){.intro h1{font-size:2rem}.intro h2{font-size:1.3rem}.profile-pic{width:130px;height:130px}.intro-buttons{justify-content:center;flex-wrap:wrap}.intro-button{width:auto;padding:12px 10px;font-size:1rem}}.about{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;padding:60px 20px;text-align:center}.about-box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 6px 14px #0000001a;max-width:700px;width:90%}.about h2{font-size:2.8rem;font-weight:700;color:#1e3c72;margin-bottom:10px}.about p{font-size:1.2rem;color:#555;line-height:1.6;margin-bottom:15px}.about-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px}.about-item{display:flex;flex-direction:column;align-items:center;font-size:1rem;color:#555;text-align:center}.icon{font-size:2.8rem;transition:transform .3s ease-in-out,color .3s}.icon:hover{transform:scale(1.2)}.code{color:#f70}.book{color:#20c997}.game{color:#9b59b6}.hike{color:#228b22}.scroll-down{display:flex;justify-content:center;align-items:center;margin-top:20px;cursor:pointer;animation:bounce 1.5s infinite}.scroll-icon{font-size:2rem;color:#1e3c72;transition:color .3s ease-in-out}.scroll-icon:hover{color:#555}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@media (max-width: 768px){.about-box{max-width:80%}.about h2{font-size:2.2rem}.about p{font-size:1rem}.about-icons{gap:15px}.icon{font-size:2.5rem}.scroll-icon{font-size:1.8rem}}@media (max-width: 480px){.about{padding:50px 15px}.about-box{max-width:70%;padding:30px}.about h2{font-size:2rem}.about p{font-size:.95rem}.about-icons{gap:10px}.icon{font-size:2.3rem}.scroll-icon{font-size:1.5rem}}.skills{text-align:center;padding:80px 20px;background-color:#f4f4f4;display:flex;flex-direction:column;justify-content:center;align-items:center}.skills-box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 6px 14px #0000001a;max-width:700px;width:90%;text-align:center}.skills h2{font-size:2.8rem;font-weight:700;color:#1e3c72;margin-bottom:10px}.skills-category{margin-top:30px}.skills-category h3{font-size:1.5rem;color:#1e3c72;font-weight:700;margin-bottom:12px}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;max-width:100%}.skill-item{display:flex;align-items:center;gap:10px;font-size:1.1rem;color:#000;padding:8px 14px;font-weight:400;transition:all .3s ease}.skill-icon{font-size:2rem}.typescript-img{width:2rem;height:2rem}.js{color:#f7df1e}.python{color:#3776ab}.html{color:#e34c26}.css{color:#264de4}.csharp{color:#239120}.react{color:#61dbfb}.nodejs{color:#8cc84b}.dotnet{color:#512bd4}.git{color:#f1502f}.sql{color:#f29111}.aws{color:#f90}.typescript{color:#3178c6}.tkinter{color:#fc0}.pygame{color:#4b8bbe}.nextjs-item{display:flex;justify-content:center;align-items:center;width:35px;height:35px;background-color:#000;border-radius:50%;color:#fff;font-size:.8rem;font-weight:700;text-align:center;cursor:default;transition:transform .3s ease}.nextjs-item:hover,.skill-item:hover{transform:scale(1.1)}@media (max-width: 768px){.skills-box{width:80%}.skills h2{font-size:2.2rem}.skills-category h3{font-size:1.4rem}.skill-item{font-size:1.1rem;padding:6px 12px}}@media (max-width: 480px){.skills{padding:50px 15px}.skills-box{width:70%;padding:30px}.skills h2{font-size:2rem}.skills-category h3{font-size:1.3rem}.skill-item{font-size:1rem;padding:5px 10px}}.projects{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#fff;color:#222;padding:80px 20px}.projects-content{max-width:900px;width:70%}.projects h2{font-size:2.8rem;font-weight:700;color:#1e3c72;margin-bottom:30px}.projects-list{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;max-width:1000px}.project-card{background:#fff;padding:20px;border-radius:14px;box-shadow:0 6px 14px #0000001a;width:280px;min-height:230px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 18px #00000026}.project-card h3{font-size:1.4rem;color:#1e3c72;margin-bottom:10px;margin-top:30px}.project-card p{font-size:1rem;color:#444;margin-bottom:40px}.project-links{display:flex;justify-content:center;gap:12px;margin-bottom:10px}.project-button{display:flex;justify-content:center;align-items:center;padding:12px 18px;font-size:1rem;font-weight:700;border-radius:8px;text-decoration:none;transition:all .3s ease;cursor:pointer;width:120px}.project-primary-btn{background-color:#00d4ff;color:#fff}.project-primary-btn:hover{background-color:#09c}.project-secondary-btn{border:2px solid #00d4ff;color:#00d4ff;background-color:#fff}.project-secondary-btn:hover{background-color:#00d4ff;color:#fff}@media (max-width: 768px){.projects-content{width:80%}.projects h2{font-size:2.2rem}.projects-list{gap:20px}.project-card{width:70%}.project-button{width:100px;font-size:.9rem;padding:10px 15px}}@media (max-width: 480px){.projects{padding:50px 15px}.projects-content{width:90%}.projects h2{font-size:2rem}.projects-list{gap:15px}.project-card{width:90%}.project-button{width:95px;font-size:.85rem;padding:8px 12px}}.contact{min-height:70vh;display:flex;justify-content:center;align-items:center;background-color:#f4f4f4;padding:60px 20px;text-align:center}.contact-box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 6px 14px #0000001a;max-width:700px;width:90%}.contact h2{font-size:2.8rem;font-weight:700;color:#1e3c72;margin-bottom:10px}.contact p{font-size:1.2rem;color:#333;line-height:1.6;margin-bottom:25px}.contact-links{display:flex;justify-content:center;gap:40px;margin-top:20px}.contact-item{display:flex;align-items:center;text-decoration:none;transition:transform .3s ease}.contact-item:hover{transform:scale(1.1)}.email .contact-icon{color:#fff;stroke:#000;stroke-width:20}.linkedin .contact-icon{color:#0077b5}.github .contact-icon{color:#171515}.contact-icon{font-size:2.8rem;transition:transform .3s ease-in-out}.contact-icon:hover{transform:scale(1.2)}@media (max-width: 768px){.contact-box{width:80%}.contact h2{font-size:2.2rem}.contact p{font-size:1rem}.contact-links{gap:30px}.contact-icon{font-size:2.5rem}}@media (max-width: 480px){.contact{padding:50px 15px}.contact-box{width:70%;padding:30px}.contact h2{font-size:2rem}.contact p{font-size:.95rem}.contact-links{gap:20px}.contact-icon{font-size:2.3rem}}.footer{text-align:center;padding:15px;background:linear-gradient(to right,#1e3c72,#2a4d9c);color:#fff;font-size:1rem;margin-top:0}