:root{--navbar-bg: rgba(255, 255, 255, .9);--navbar-text: #333333;--navbar-hover: #3498db;--navbar-active: #2980b9;--navbar-shadow: 0 4px 30px rgba(0, 0, 0, .1);--navbar-backdrop: blur(8px);--icon-color: #555555;--icon-hover: #3498db;--social-bg-hover: rgba(0, 0, 0, .05);--divider-color: rgba(0, 0, 0, .1)}:root.dark{--navbar-bg: rgba(30, 30, 30, .9);--navbar-text: #f5f5f5;--navbar-hover: #64b5f6;--navbar-active: #4dabf5;--navbar-shadow: 0 4px 30px rgba(0, 0, 0, .3);--icon-color: #bbbbbb;--icon-hover: #64b5f6;--social-bg-hover: rgba(255, 255, 255, .05);--divider-color: rgba(255, 255, 255, .1)}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--navbar-bg);backdrop-filter:var(--navbar-backdrop);-webkit-backdrop-filter:var(--navbar-backdrop);border-radius:50px;padding:0 15px;box-shadow:var(--navbar-shadow);z-index:1000;width:auto;max-width:fit-content;transition:all .3s ease;display:flex;align-items:center;border:1px solid var(--divider-color)}.navbar.scrolled{top:10px;padding:0 10px}.navbar-container{display:flex;align-items:center;height:50px;gap:10px}.navbar-links{display:flex;list-style:none;margin:0;padding:0;gap:5px}.navbar-links li{position:relative}.navbar-links button{background:transparent;border:none;color:var(--navbar-text);padding:10px 18px;border-radius:50px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}.navbar-links button:hover{color:var(--navbar-hover);background:var(--social-bg-hover)}.navbar-links .active{color:var(--navbar-active);font-weight:600}.nav-icon{font-size:1.1rem;color:var(--icon-color)}.social-icons{display:flex;align-items:center;gap:5px;margin-left:5px;padding-left:10px;border-left:1px solid var(--divider-color)}.social-icon{color:var(--icon-color);font-size:2.4rem;padding:8px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer}.social-icon[aria-label=GitHub],.social-icon[aria-label=Twitter]{font-size:1.5rem}.theme-toggle{font-size:1.1rem;color:var(--icon-color);padding:8px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer}.social-icon:hover,.theme-toggle:hover{color:var(--icon-hover);background:var(--social-bg-hover);transform:scale(1.1)}.md\\:hidden{display:none}@media (max-width: 767px){.md\\:hidden{display:block}.navbar{width:95%;max-width:none;justify-content:space-between}.navbar-links{display:none}.social-icons{margin-left:auto}.navbar-container{height:60px}}.dark .mobile-menu{background-color:#1e1e1efa}.mobile-menu{transition:all .3s ease}.mobile-menu-button{display:none;background:transparent;border:none;color:var(--navbar-text);font-size:1.5rem;cursor:pointer;padding:10px;border-radius:50%;transition:all .3s ease}.mobile-menu-button:hover{background:var(--social-bg-hover)}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;display:flex;justify-content:center;align-items:center}.mobile-menu-content{background:var(--navbar-bg);backdrop-filter:var(--navbar-backdrop);-webkit-backdrop-filter:var(--navbar-backdrop);border-radius:20px;padding:30px;box-shadow:var(--navbar-shadow);width:80%;max-width:300px;display:flex;flex-direction:column;gap:15px}.mobile-menu-link{background:transparent;border:none;color:var(--navbar-text);padding:12px 20px;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:10px}.mobile-menu-link:hover{color:var(--navbar-hover);background:var(--social-bg-hover)}.mobile-menu-link.active{color:var(--navbar-active);font-weight:600}@media (max-width: 767px){.mobile-menu-button{display:block}.navbar{width:95%;max-width:none;justify-content:space-between}.navbar-links{display:none}.social-icons{margin-left:auto;border-left:none}.navbar-container{height:60px;gap:5px}}.dark .mobile-menu{background-color:#000c}.dark .mobile-menu-content{border:1px solid var(--divider-color)}:root{--primary-color: #3498db;--primary-dark: #2980b9;--secondary-color: #2ecc71;--text-color: #333333;--text-light: #777777;--background: #ffffff;--card-bg: #f9f9f9;--border-color: #e0e0e0;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease}:root.dark{--primary-color: #64b5f6;--primary-dark: #4dabf5;--secondary-color: #81c784;--text-color: #f5f5f5;--text-light: #bbbbbb;--background: #121212;--card-bg: #1e1e1e;--border-color: #333333;--shadow: 0 4px 6px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background);transition:var(--transition)}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding-top:90px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:2.5rem;margin-bottom:15px;color:var(--text-color)}.section-subtitle{color:var(--text-light);font-size:1.1rem;max-width:700px;margin:0 auto}.btn-primary{background-color:var(--primary-color);color:#fff;padding:12px 24px;border-radius:50px;border:none;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-block;text-decoration:none}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--primary-color);padding:12px 24px;border-radius:50px;border:2px solid var(--primary-color);font-weight:500;cursor:pointer;transition:var(--transition);display:inline-block;text-decoration:none}.btn-secondary:hover{background-color:#3498db1a;transform:translateY(-2px)}.btn-outline{background-color:transparent;color:var(--text-color);padding:10px 20px;border-radius:50px;border:1px solid var(--border-color);font-weight:500;cursor:pointer;transition:var(--transition);display:inline-block;text-decoration:none}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.intro-section{display:flex;align-items:center;min-height:100vh}.intro-content{max-width:800px;margin:0 auto;text-align:center}.intro-content h1{font-size:3rem;margin-bottom:20px;line-height:1.2}.highlight{color:var(--primary-color)}.subtitle{font-size:1.5rem;color:var(--text-light);margin-bottom:30px}.intro-text{font-size:1.1rem;margin-bottom:40px;color:var(--text-light)}.cta-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:50px}.skills-section{margin-top:60px}.skills-section h3{margin-bottom:30px;text-align:center}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:30px}.skill-category{background:var(--card-bg);padding:25px;border-radius:10px;box-shadow:var(--shadow);transition:var(--transition)}.skill-category:hover{transform:translateY(-5px)}.skill-category h4{margin-bottom:15px;color:var(--primary-color)}.skill-category ul{list-style:none}.skill-category li{margin-bottom:8px;position:relative;padding-left:20px}.skill-category li:before{content:"▹";position:absolute;left:0;color:var(--primary-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.project-card{background:var(--card-bg);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}.project-card:hover{transform:translateY(-5px)}.project-image{height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:25px}.project-content h3{margin-bottom:15px;font-size:1.4rem}.project-description{color:var(--text-light);margin-bottom:20px}.technologies{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tech-tag{background:#3498db1a;color:var(--primary-color);padding:5px 12px;border-radius:50px;font-size:.8rem;font-weight:500}.project-actions{display:flex;gap:15px}.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.blog-card{background:var(--card-bg);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}.blog-card:hover{transform:translateY(-5px)}.blog-image{height:200px;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-content{padding:25px}.blog-content h3{margin-bottom:15px;font-size:1.4rem}.blog-content h3 a{color:var(--text-color);text-decoration:none;transition:var(--transition)}.blog-content h3 a:hover{color:var(--primary-color)}.blog-excerpt{color:var(--text-light);margin-bottom:15px}.blog-meta{display:flex;align-items:center;gap:10px;color:var(--text-light);font-size:.9rem;margin-bottom:20px}.divider{opacity:.5}.read-more{color:var(--primary-color);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:var(--transition)}.read-more:hover{gap:10px}.contact-section{background:var(--card-bg)}.contact-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:50px;margin-top:50px}.contact-info h3{margin-bottom:20px;font-size:1.5rem}.contact-info ul{list-style:none;margin-bottom:30px}.contact-info li{margin-bottom:15px;display:flex;gap:10px}.contact-info li span{font-weight:500}.contact-info a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}.contact-info a:hover{text-decoration:underline}.social-links{display:flex;gap:15px}.social-links a{color:var(--text-color);text-decoration:none;padding:8px 16px;border-radius:50px;border:1px solid var(--border-color);transition:var(--transition)}.social-links a:hover{border-color:var(--primary-color);color:var(--primary-color)}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border-radius:8px;border:1px solid var(--border-color);background:var(--background);color:var(--text-color);font-family:inherit;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db33}.form-group textarea{resize:vertical;min-height:150px}.footer{padding:30px 0;background:var(--card-bg);text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:20px}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--text-light);text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:var(--primary-color)}@media (max-width: 768px){.section{padding:60px 0}.intro-content h1{font-size:2.5rem}.subtitle{font-size:1.2rem}.cta-buttons{flex-direction:column;align-items:center}.projects-grid,.blog-list,.contact-content{grid-template-columns:1fr}}.skill-icons{display:flex;gap:8px;margin-top:5px}.skill-icon{font-size:1.4rem;color:var(--text-light);transition:var(--transition)}.skill-category li:hover .skill-icon{color:var(--primary-color);transform:translateY(-2px)}@media (max-width: 768px){.skill-icons{gap:6px}.skill-icon{font-size:1.2rem}}.profile-pic-container{display:flex;justify-content:center;margin-bottom:20px}.profile-pic{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid var(--primary-color);box-shadow:0 4px 20px #00000026;transition:all .3s ease}.profile-pic:hover{transform:scale(1.25);box-shadow:0 6px 25px #0003}@media (max-width: 768px){.profile-pic{width:150px;height:150px}}@media (max-width: 480px){.profile-pic{width:130px;height:130px}}.skills-scroll-container{width:100%;overflow:hidden;margin-top:30px;position:relative}.skills-scroll-container:before,.skills-scroll-container:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2}.skills-scroll-container:before{left:0;background:linear-gradient(to right,var(--background),transparent)}.skills-scroll-container:after{right:0;background:linear-gradient(to left,var(--background),transparent)}.skills-scroll{display:flex;gap:30px;padding:20px 0;animation:scroll 30s linear infinite;width:max-content}.skills-scroll:hover{animation-play-state:paused}.skill-icon{font-size:3rem;color:var(--text-light);transition:var(--transition);flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:15px;border-radius:10px;background:var(--card-bg);box-shadow:var(--shadow)}.skill-icon:hover{color:var(--primary-color);transform:scale(1.1)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.skills-scroll{gap:20px;animation-duration:20s}.skill-icon{font-size:2.5rem;padding:12px}}@media (max-width: 480px){.skills-scroll{gap:15px;animation-duration:10s}.skill-icon{font-size:2rem;padding:10px}}.skills-section{margin-top:60px;text-align:center}.skills-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;margin:30px auto;padding:20px 0;cursor:pointer;-webkit-overflow-scrolling:touch;scrollbar-width:none}.skills-scroll-container::-webkit-scrollbar{display:none}.skills-scroll{display:inline-flex;gap:30px;padding:0 50px}.skill-icon{font-size:3rem;color:var(--text-light);transition:var(--transition);flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:15px;border-radius:10px;background:var(--card-bg);box-shadow:var(--shadow);width:80px;height:80px}.skill-icon:hover{color:var(--primary-color);transform:scale(1.1);box-shadow:0 5px 15px #0003}.scroll-hint{color:var(--text-light);font-size:.9rem;margin-top:10px;opacity:.7}@media (max-width: 768px){.skills-scroll{gap:20px;padding:0 30px}.skill-icon{font-size:2.5rem;width:70px;height:70px;padding:12px}}@media (max-width: 480px){.skills-scroll{gap:15px;padding:0 20px}.skill-icon{font-size:2rem;width:60px;height:60px;padding:10px}}.education-container{max-width:700px;margin:0 auto}.education-card{padding:25px;margin-bottom:25px;border-radius:8px;background:var(--card-bg);box-shadow:0 3px 15px #0000000d;transition:var(--transition);border-left:3px solid var(--primary-color)}.education-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px #00000014}.education-header{display:flex;align-items:center;gap:20px;margin-bottom:15px}.education-icon{width:50px;height:50px;border-radius:8px;background:#3498db1a;color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem}.education-header h3{font-size:1.3rem;margin-bottom:5px;color:var(--text-color)}.education-year{color:var(--text-light);font-size:.9rem;display:block}.education-degree{color:var(--text-light);font-size:1.05rem;padding-left:70px}@media (max-width: 768px){.education-card{padding:20px}.education-header{gap:15px}.education-degree{padding-left:65px}}@media (max-width: 480px){.education-header{flex-direction:column;align-items:flex-start;gap:10px}.education-degree{padding-left:0;margin-top:10px}.education-icon{width:45px;height:45px}}.hobbies-container{display:flex;max-width:700px;margin:0 auto;gap:40px}.hobbies-column{flex:1;background:var(--card-bg);border-radius:8px;padding:25px;box-shadow:0 3px 15px #0000000d}.hobbies-title{font-size:1.2rem;color:var(--primary-color);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color);font-weight:500}.hobbies-list{display:flex;flex-direction:column;gap:12px}.hobby-item{padding:10px 15px;background:#3498db0d;border-radius:5px;color:var(--text-light);transition:var(--transition)}.hobby-item:hover{background:#3498db1a;color:var(--primary-color);transform:translate(3px)}@media (max-width: 768px){.hobbies-container{flex-direction:column;gap:30px}.hobbies-column{padding:20px}}@media (max-width: 480px){.hobby-item{padding:8px 12px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;padding-top:100px}:root{--bg-color: #ffffff;--text-color: #333333;--card-bg: #ffffff}:root.dark{--bg-color: #121212;--text-color: #f5f5f5;--card-bg: #1e1e1e}body{background-color:var(--bg-color);color:var(--text-color)}a{color:inherit;text-decoration:none}