:root{--primary-color: #3b82f6;--primary-dark: #2563eb;--secondary-color: #64748b;--accent-color: #06b6d4;--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #94a3b8;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--border-radius: 8px;--border-radius-lg: 12px;--container-max-width: 1200px;--container-padding: 1rem;--pdf-color: #dc2626}@media (prefers-color-scheme: dark){:root{--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-light: #94a3b8;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--border-color: #334155}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);font-size:16px;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem;color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary-dark)}.container,.footer .footer-container,.blog-post .post-footer .post-footer-container,.blog-post .post-content-container .post-content,.blog-post .post-header .post-header-container,.blog-posts .blog-container,.blog-header .blog-header-container,.contact .contact-container,.education .education-container,.blockchain-expertise .blockchain-container,.about .about-container,.experience .experience-container,.projects .projects-container,.hero .hero-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.navbar{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.navbar .nav-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);display:flex;align-items:center;justify-content:space-between;height:4rem}.navbar .nav-logo{font-weight:700;font-size:1.25rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.navbar .nav-logo i{color:var(--primary-color)}.navbar .nav-logo:hover{color:var(--primary-color)}.navbar .nav-menu{display:flex;align-items:center;gap:2rem}.navbar .nav-link{color:var(--text-secondary);font-weight:500;transition:color .3s ease}.navbar .nav-link:hover{color:var(--primary-color)}.navbar .nav-social{display:flex;align-items:center;gap:1rem}.navbar .social-link{color:var(--text-light);font-size:1.25rem;transition:color .3s ease,transform .3s ease}.navbar .social-link:hover{color:var(--primary-color);transform:translateY(-2px)}.navbar .nav-dropdown{position:relative;display:inline-block}.navbar .nav-dropdown .dropdown-toggle{background:none;border:none;color:var(--text-secondary);font-weight:500;font-size:1rem;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:0;transition:color .3s ease}.navbar .nav-dropdown .dropdown-toggle:hover,.navbar .nav-dropdown .dropdown-toggle.active{color:var(--primary-color)}.navbar .nav-dropdown .dropdown-toggle .dropdown-arrow{font-size:.75rem;transition:transform .3s ease}.navbar .nav-dropdown .dropdown-toggle.active .dropdown-arrow{transform:rotate(180deg)}.navbar .nav-dropdown .dropdown-content{position:absolute;top:calc(100% + 1rem);left:50%;transform:translateX(-50%);background-color:var(--bg-primary);min-width:320px;box-shadow:var(--shadow-xl);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease;padding:1rem}.navbar .nav-dropdown .dropdown-content.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.navbar .nav-dropdown .dropdown-content::before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-bottom:8px solid var(--border-color)}.navbar .nav-dropdown .dropdown-content::after{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-bottom:8px solid var(--bg-primary)}.navbar .nav-dropdown .dropdown-content .dropdown-section{margin-bottom:1rem}.navbar .nav-dropdown .dropdown-content .dropdown-section:last-child{margin-bottom:0}.navbar .nav-dropdown .dropdown-content .dropdown-section h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);margin-bottom:.5rem;padding:0 .5rem}.navbar .nav-dropdown .dropdown-content .dropdown-section a{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--border-radius);color:var(--text-primary);text-decoration:none;transition:all .2s ease}.navbar .nav-dropdown .dropdown-content .dropdown-section a:hover{background-color:var(--bg-secondary);color:var(--primary-color)}.navbar .nav-dropdown .dropdown-content .dropdown-section a:hover span{color:var(--primary-color)}.navbar .nav-dropdown .dropdown-content .dropdown-section a i{width:20px;text-align:center;color:var(--primary-color)}.navbar .nav-dropdown .dropdown-content .dropdown-section a span{display:block;font-size:.75rem;color:var(--text-secondary);transition:color .2s ease}.main-content{min-height:calc(100vh - 8rem)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:500;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:.875rem}.btn.btn-primary{background-color:var(--primary-color);color:#fff}.btn.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn.btn-secondary{background-color:rgba(0,0,0,0);color:var(--primary-color);border:2px solid var(--primary-color)}.btn.btn-secondary:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.btn.btn-secondary:has(.fa-download) .fa-download{transition:transform .3s ease}.btn.btn-secondary:has(.fa-download):hover .fa-download{transform:translateY(2px)}.hero{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);padding:4rem 0}.hero .hero-content{max-width:600px;text-align:center;margin:0 auto}.hero .hero-title{font-size:3rem;margin-bottom:1rem}.hero .hero-title .highlight{color:var(--primary-color)}.hero .hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:1rem}.hero .hero-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}.hero .hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--text-primary)}.projects{padding:4rem 0;background-color:var(--bg-secondary)}.projects .projects-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem}.projects .project-card{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}.projects .project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.projects .project-card .project-icon{width:3rem;height:3rem;background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.projects .project-card .project-title{font-size:1.5rem;margin-bottom:1rem}.projects .project-card .project-description{color:var(--text-secondary);margin-bottom:1.5rem}.projects .project-card .project-links{display:flex;gap:1rem;margin-bottom:1.5rem}.projects .project-card .project-link{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);font-weight:500;transition:color .3s ease}.projects .project-card .project-link:hover{color:var(--primary-dark)}.projects .project-card .project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.projects .project-card .tech-tag{background-color:var(--bg-tertiary);color:var(--text-primary);padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.experience{padding:4rem 0;background-color:var(--bg-primary)}.experience .experience-timeline{max-width:900px;margin:0 auto}.experience .experience-item{display:flex;gap:2rem;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid var(--border-color)}.experience .experience-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.experience .experience-item .experience-date{flex-shrink:0;width:150px;font-weight:600;color:var(--primary-color);font-size:.875rem;text-align:right}.experience .experience-item .experience-content{flex:1}.experience .experience-item .experience-title{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.experience .experience-item .experience-company{font-size:1.125rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:500}.experience .experience-item .experience-list{list-style:disc;padding-left:1.5rem;margin-bottom:1rem}.experience .experience-item .experience-list li{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.6}.experience .experience-item .experience-tech{display:flex;flex-wrap:wrap;gap:.5rem}.experience .experience-item .experience-tech .tech-tag{background-color:var(--bg-tertiary);color:var(--text-primary);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.about{padding:4rem 0;background-color:var(--bg-secondary)}.about .about-content .skills h3{margin-bottom:1rem;margin-top:2rem;color:var(--text-primary);font-size:1.25rem;text-align:left}.about .about-content .skills h3:first-child{margin-top:0}.about .skills-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.about .skill-tag{background-color:var(--bg-primary);color:var(--text-primary);padding:.5rem 1rem;border-radius:1.5rem;font-size:.875rem;font-weight:500;border:1px solid var(--border-color);transition:all .3s ease}.about .skill-tag:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px);border-color:var(--primary-color)}.blockchain-expertise{padding:4rem 0;background-color:var(--bg-primary)}.blockchain-expertise .blockchain-content{max-width:1200px;margin:0 auto}.blockchain-expertise .expertise-intro{text-align:center;max-width:800px;margin:0 auto 3rem}.blockchain-expertise .expertise-intro p{font-size:1.125rem;color:var(--text-secondary);line-height:1.7}.blockchain-expertise .expertise-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;margin-bottom:3rem}.blockchain-expertise .expertise-card{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease}.blockchain-expertise .expertise-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.blockchain-expertise .expertise-card .expertise-icon{width:3rem;height:3rem;background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:#fff;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.blockchain-expertise .expertise-card h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary)}.blockchain-expertise .expertise-card ul{list-style:none;padding:0}.blockchain-expertise .expertise-card ul li{color:var(--text-secondary);padding-left:1.5rem;position:relative;margin-bottom:.5rem;line-height:1.6}.blockchain-expertise .expertise-card ul li::before{content:"→";position:absolute;left:0;color:var(--primary-color);font-weight:bold}.blockchain-expertise .live-demos{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:2rem;text-align:center}.blockchain-expertise .live-demos h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.blockchain-expertise .live-demos .demos-intro{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.blockchain-expertise .live-demos .demos-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:1rem;max-width:800px;margin:0 auto}.blockchain-expertise .live-demos .demo-card{background-color:var(--bg-primary);padding:1rem;border-radius:var(--border-radius);border:2px solid var(--border-color);text-decoration:none;color:var(--text-primary);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.blockchain-expertise .live-demos .demo-card i{font-size:1.5rem;color:var(--primary-color);transition:transform .3s ease}.blockchain-expertise .live-demos .demo-card span{font-size:.875rem;font-weight:500}.blockchain-expertise .live-demos .demo-card:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.blockchain-expertise .live-demos .demo-card:hover i{color:#fff;transform:scale(1.1)}.education{padding:4rem 0;background-color:var(--bg-secondary)}.education .education-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;max-width:1000px;margin:0 auto}.education .education-item{background-color:var(--bg-secondary);padding:1.5rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease}.education .education-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.education .education-item h3{font-size:1.125rem;margin-bottom:.5rem;color:var(--text-primary)}.education .education-item .education-school{color:var(--primary-color);font-weight:500;margin-bottom:.5rem;font-size:.875rem}.education .education-item .education-details{color:var(--text-secondary);font-size:.875rem;margin-bottom:0}.contact{padding:4rem 0;background-color:var(--bg-secondary)}.contact .contact-container{text-align:center}.contact .contact-text{font-size:1.125rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.contact .contact-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.contact .contact-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--bg-primary);border-radius:var(--border-radius);color:var(--text-primary);font-weight:500;transition:all .3s ease;box-shadow:var(--shadow-sm)}.contact .contact-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--primary-color)}.contact .contact-link:has(.fa-file-pdf) .fa-file-pdf{color:var(--pdf-color);transition:transform .3s ease}.contact .contact-link:has(.fa-file-pdf):hover .fa-file-pdf{transform:scale(1.1)}.contact .contact-link i{font-size:1.25rem}.blog-header{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);padding:3rem 0;text-align:center}.blog-header .blog-title{font-size:3rem;margin-bottom:1rem}.blog-header .blog-description{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.blog-posts{padding:4rem 0}.blog-posts .posts-grid{display:grid;gap:2rem;max-width:800px;margin:0 auto}.blog-posts .post-card{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease}.blog-posts .post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-posts .post-card .post-title{margin-bottom:1rem}.blog-posts .post-card .post-title a{color:var(--text-primary);transition:color .3s ease}.blog-posts .post-card .post-title a:hover{color:var(--primary-color)}.blog-posts .post-card .post-meta{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;color:var(--text-light);font-size:.875rem}.blog-posts .post-card .post-meta .post-reading-time{display:flex;align-items:center;gap:.25rem}.blog-posts .post-card .post-summary{color:var(--text-secondary);margin-bottom:1.5rem}.blog-posts .post-card .post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.blog-posts .post-card .post-tags .tag{background-color:var(--bg-tertiary);color:var(--text-primary);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.blog-posts .post-card .read-more{color:var(--primary-color);font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:gap .3s ease}.blog-posts .post-card .read-more:hover{gap:.75rem}.blog-posts .no-posts{text-align:center;padding:3rem;color:var(--text-secondary)}.blog-posts .no-posts i{font-size:3rem;margin-bottom:1rem;color:var(--text-light)}.blog-posts .no-posts h3{margin-bottom:.5rem}.blog-post .post-header{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);padding:3rem 0}.blog-post .post-header .post-header-container{max-width:800px;text-align:center}.blog-post .post-header .post-title{font-size:2.5rem;margin-bottom:1rem}.blog-post .post-header .post-meta{display:flex;gap:1rem;justify-content:center;align-items:center;margin-bottom:1.5rem;color:var(--text-light)}.blog-post .post-header .post-meta .post-reading-time{display:flex;align-items:center;gap:.25rem}.blog-post .post-header .post-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:1.5rem}.blog-post .post-header .post-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.blog-post .post-header .post-tags .tag{background-color:var(--bg-primary);color:var(--text-primary);padding:.5rem 1rem;border-radius:1.5rem;font-size:.875rem;font-weight:500;border:1px solid var(--border-color)}.blog-post .post-content-container{padding:4rem 0}.blog-post .post-content-container .post-content{max-width:800px}.blog-post .post-content-container .post-content h1,.blog-post .post-content-container .post-content h2,.blog-post .post-content-container .post-content h3,.blog-post .post-content-container .post-content h4,.blog-post .post-content-container .post-content h5,.blog-post .post-content-container .post-content h6{margin-top:2rem;margin-bottom:1rem}.blog-post .post-content-container .post-content h1:first-child,.blog-post .post-content-container .post-content h2:first-child,.blog-post .post-content-container .post-content h3:first-child{margin-top:0}.blog-post .post-content-container .post-content p{margin-bottom:1.5rem;line-height:1.7}.blog-post .post-content-container .post-content ul,.blog-post .post-content-container .post-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-post .post-content-container .post-content ul li,.blog-post .post-content-container .post-content ol li{margin-bottom:.5rem;color:var(--text-secondary)}.blog-post .post-content-container .post-content blockquote{border-left:4px solid var(--primary-color);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--text-secondary)}.blog-post .post-content-container .post-content pre{background-color:var(--bg-tertiary);padding:1.5rem;border-radius:var(--border-radius);overflow-x:auto;margin:1.5rem 0;border:1px solid var(--border-color)}.blog-post .post-content-container .post-content pre code{background:none;padding:0;border-radius:0;font-size:.875rem}.blog-post .post-content-container .post-content code{background-color:var(--bg-tertiary);padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-family:"Fira Code","JetBrains Mono",monospace}.blog-post .post-content-container .post-content img{max-width:100%;height:auto;border-radius:var(--border-radius);margin:1.5rem 0}.blog-post .post-content-container .post-content hr{border:none;border-top:1px solid var(--border-color);margin:3rem 0}.blog-post .post-footer{background-color:var(--bg-secondary);padding:2rem 0}.blog-post .post-footer .post-footer-container{max-width:800px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.blog-post .post-footer .back-to-blog{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);font-weight:500;transition:gap .3s ease}.blog-post .post-footer .back-to-blog:hover{gap:.75rem}.blog-post .post-footer .post-share{display:flex;align-items:center;gap:1rem}.blog-post .post-footer .post-share span{color:var(--text-secondary);font-size:.875rem}.blog-post .post-footer .post-share .share-link{color:var(--text-light);font-size:1.25rem;transition:color .3s ease,transform .3s ease}.blog-post .post-footer .post-share .share-link:hover{color:var(--primary-color);transform:translateY(-2px)}.footer{background-color:var(--bg-tertiary);padding:2rem 0;border-top:1px solid var(--border-color)}.footer .footer-container{text-align:center;color:var(--text-secondary)}.footer .footer-container a{color:var(--primary-color)}@media (max-width: 768px){.hero-title{font-size:2rem !important}.section-title{font-size:2rem !important}.blog-title{font-size:2rem !important}.post-title{font-size:2rem !important}.nav-menu{gap:1rem !important}.hero-buttons{flex-direction:column;align-items:center}.projects-grid{grid-template-columns:1fr !important}.contact-links{flex-direction:column;align-items:center}.post-footer-container{flex-direction:column;text-align:center}.experience-item{flex-direction:column}.experience-item .experience-date{width:100%;text-align:left !important;margin-bottom:.5rem}.education-grid{grid-template-columns:1fr !important}.expertise-grid{grid-template-columns:1fr !important}.demos-grid{grid-template-columns:repeat(2, 1fr) !important}.nav-dropdown .dropdown-content{min-width:280px;left:0;transform:translateX(0)}.nav-dropdown .dropdown-content.show{transform:translateX(0) translateY(0)}}@media (max-width: 480px){:root{--container-padding: 1rem}.navbar .nav-container{padding:0 1rem}.hero-title{font-size:1.75rem !important}.section-title{font-size:1.75rem !important}}