@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";.navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--background);padding:1rem 2rem;position:sticky;top:0;z-index:1000;border-bottom:1px solid #eee;box-shadow:0 2px 6px #0000000d;transition:background-color .3s ease,box-shadow .3s ease}.navbar .logo{width:90px;transition:transform .3s ease}.navbar .logo:hover{transform:scale(1.1)}.navbar .nav-links{display:flex;align-items:center;gap:2rem}.navbar .nav-links a{text-decoration:none;color:var(--primary);font-weight:500;position:relative;transition:all .3s ease}.navbar .nav-links a:after{content:"";position:absolute;width:0;height:2px;left:0;bottom:-4px;background:var(--accent);transition:width .3s ease}.navbar .nav-links a:hover{color:var(--accent);transform:translateY(-2px)}.navbar .nav-links a:hover:after{width:100%}.navbar .nav-links .nav-icons{display:flex;align-items:center;gap:1rem;margin-left:2rem}.navbar .nav-links .nav-icons a{font-size:1.4rem;color:var(--primary);transition:all .3s ease}.navbar .nav-links .nav-icons a:hover{color:var(--accent);transform:scale(1.2)}.navbar .nav-links .nav-controls{display:flex;gap:.8rem;margin-left:1rem}.navbar .nav-links .nav-controls .control-btn{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:.4rem .6rem;border-radius:5px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.navbar .nav-links .nav-controls .control-btn:hover{background-color:var(--primary);color:var(--background);transform:scale(1.05)}.navbar .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1100}.navbar .burger span{height:3px;width:25px;background-color:var(--primary);transition:all .3s ease;border-radius:2px}.navbar .burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar .burger.open span:nth-child(2){opacity:0}.navbar .burger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 768px){.navbar{flex-wrap:wrap}.navbar .nav-links{position:fixed;top:70px;left:0;right:0;background-color:var(--background);flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 0 3rem;display:none;box-shadow:0 2px 10px #0000001a;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.navbar .nav-links.open{display:flex}.navbar .nav-links a{font-size:1.1rem}.navbar .nav-links .nav-icons{width:100%;justify-content:center;margin-top:auto;gap:2rem;border-top:1px solid #eee;padding-top:1.5rem;display:flex}.navbar .nav-links .nav-icons a{font-size:2rem}.navbar .nav-links .nav-controls{margin-top:1rem;flex-direction:row;justify-content:center;width:100%;gap:1rem}.navbar .nav-links .nav-controls .control-btn{font-size:1rem}.navbar .burger{display:flex}}.hero{display:flex;align-items:center;justify-content:center;padding:8rem 2rem;background-color:#f4f4f4;text-align:center}.hero .hero-content{max-width:800px}.hero .hero-content .hero-greeting{font-size:2rem;font-weight:600;margin-bottom:.5rem}.hero .hero-content .hero-greeting .wave{display:inline-block;animation:wave-animation 2s infinite;transform-origin:70% 70%}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.hero .hero-content .hero-name{font-size:3.5rem;font-weight:700;background:linear-gradient(90deg,#0047ab,#00c6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:.2rem 0}.hero .hero-content .hero-title{font-size:1.5rem;color:var(--text);margin-bottom:1.5rem}.hero .hero-content .hero-description{font-size:1.1rem;color:var(--text);margin-bottom:2rem}.hero .hero-content .hero-cta{display:inline-block;padding:.8rem 1.5rem;background-color:#0047ab;color:#fff;text-decoration:none;border-radius:30px;transition:background .3s ease}.hero .hero-content .hero-cta:hover{background-color:#003480}.about{padding:4rem 2rem;background-color:var(--background);color:var(--text);font-family:var(--font-main)}.about .about-content{max-width:800px;margin:0 auto;text-align:center}.about .about-content h2{font-size:2.5rem;color:var(--primary);margin-bottom:1.5rem}.about .about-content p{font-size:1.1rem;line-height:1.8;margin-bottom:1rem}.skills-tab{margin-top:3rem;padding:2rem;background-color:#f5f5f5;border-radius:1rem;max-width:1000px;margin-left:auto;margin-right:auto}.skills-tab h3{font-size:2rem;margin-bottom:1.5rem;color:var(--primary);text-align:center}.skills-tab .skills-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 768px){.skills-tab .skills-list{grid-template-columns:1fr}}.skills-tab .skill-item{display:flex;align-items:center;background-color:#fff;padding:1rem;border-radius:.75rem;box-shadow:0 0 8px #0000000d;gap:.75rem;transition:transform .3s ease,box-shadow .3s ease}.skills-tab .skill-item .skill-icon{font-size:1.8rem;color:var(--primary);min-width:30px}.skills-tab .skill-item .skill-name{font-weight:500;flex:1;font-size:1.1rem}.skills-tab .skill-item .stars{display:flex;gap:.2rem}.skills-tab .skill-item .stars .star{font-size:1rem;color:#ccc;transition:color .3s ease}.skills-tab .skill-item .stars .star.filled{color:var(--primary);animation:shine .6s ease-in-out}.skills-tab .skill-item:hover{transform:scale(1.05);box-shadow:0 6px 16px #00000026}@keyframes shine{0%{transform:scale(1);color:#b3d4fc}50%{transform:scale(1.2);color:var(--primary)}to{transform:scale(1)}}.projects{background-color:var(--background);color:var(--text);padding:4rem 2rem}.projects .projects-content{max-width:1000px;margin:0 auto;text-align:center}.projects .projects-content h2{color:var(--primary);font-size:2rem;margin-bottom:2rem}.projects .projects-content .project-list{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);gap:2rem}@media (max-width: 768px){.projects .projects-content .project-list{grid-template-columns:1fr;grid-template-rows:auto}}.projects .projects-content .project-card{border:1px solid #0a58ca;padding:1.5rem;border-radius:8px;background:#fff;box-shadow:0 4px 10px #0000000a;text-align:left;transition:transform .3s ease,box-shadow .3s ease,border .3s ease}.projects .projects-content .project-card h3{font-size:1.2rem;color:var(--primary);margin-bottom:.5rem}.projects .projects-content .project-card p{font-size:.95rem;margin-bottom:.5rem;line-height:1.4}.projects .projects-content .project-card span{display:block;font-size:.8rem;color:#555;margin-bottom:1rem}.projects .projects-content .project-card .project-links{display:flex;align-items:center;gap:10px}.projects .projects-content .project-card .project-links a{font-weight:700;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:5px}.projects .projects-content .project-card .project-links a:hover{text-decoration:underline}.projects .projects-content .project-card .project-links a i{font-size:1.3rem;color:#333;transition:color .3s ease}.projects .projects-content .project-card .project-links a i:hover{color:var(--primary)}.projects .projects-content .project-card:hover{transform:translateY(-5px);border:1px solid #00aaff;box-shadow:0 0 15px #0af9}@media (max-width: 768px){.projects .projects-content{padding:0 1rem}}.contact{background-color:#f4f4f4;padding-bottom:4rem}.contact .contact-content{max-width:600px;margin:0 auto;text-align:center}.contact .contact-content h2{color:var(--primary);font-size:2rem;margin-bottom:1rem}.contact .contact-content p{margin-bottom:2rem;font-size:1rem;color:var(--text)}.contact .contact-content .contact-form{display:flex;flex-direction:column;gap:1rem}.contact .contact-content .contact-form input,.contact .contact-content .contact-form textarea{padding:.75rem 1rem;border:1px solid #ccc;border-radius:5px;font-family:inherit;font-size:1rem}.contact .contact-content .contact-form button{background-color:var(--primary);color:#fff;padding:.75rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background .3s}.contact .contact-content .contact-form button:hover{background-color:#003a91}@media (max-width: 768px){.contact .contact-content{padding:0 1rem}}.footer{background:linear-gradient(135deg,var(--primary),#003d80);color:#fff;text-align:center;padding:2rem 1rem 4rem;font-size:1rem;box-shadow:0 -2px 10px #0000001a;font-family:var(--font-main);position:relative}.footer .footer-content{max-width:1000px;margin:0 auto;animation:fadeIn 1s ease}.footer .footer-content p{margin:0;font-weight:300;letter-spacing:.5px;opacity:.9}.footer .footer-content p strong{font-weight:500}.footer .footer-content .footer-icons{margin-top:1rem;display:flex;justify-content:center;gap:1.5rem}.footer .footer-content .footer-icons a{color:#fff;font-size:1.4rem;transition:transform .3s ease,color .3s ease}.footer .footer-content .footer-icons a:hover{color:var(--accent);transform:scale(1.2)}.footer .scroll-to-top{position:fixed;bottom:30px;right:30px;background-color:var(--primary);color:#fff;border:none;border-radius:50%;padding:.8rem;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 10px #00000026;z-index:1001;transition:background .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center}.footer .scroll-to-top:hover{background-color:var(--accent);transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--background: #ffffff;--text: #1a1a1a;--primary: #0047ab;--accent: #0066ff;--font-main: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--background);color:var(--text);line-height:1.6}section{padding:5rem 2rem}