:root{--bg-light:#ffffff;--bg-dark:#1a1a1a;--text-light:#1a1a1a;--text-dark:#ffffff;--accent-color:#4338CA;--accent-secondary:#EC4899;--border-light:#e5e5e7;--border-dark:#2a2a2a;--border-color:#e5e5e7;--bg-color:#ffffff;--card-bg:#ffffff;--shadow:0 10px 40px rgba(0,0,0,0.1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Montserrat',sans-serif;line-height:1.6;overflow-x:hidden;transition:background-color 0.3s,color 0.3s}body.light-theme{background:var(--bg-light);color:var(--text-light);--bg-color:#ffffff;--border-color:#e5e5e7;--card-bg:#ffffff}body.dark-theme{background:var(--bg-dark);color:var(--text-dark);--bg-color:#1a1a1a;--border-color:#2a2a2a;--card-bg:#242424;--accent-color:#818cf8}.site-header{position:fixed;top:0;left:0;width:100%;height:80px;background:var(--bg-color);border-bottom:1px solid var(--border-color);z-index:1000;transition:background 0.4s ease,border-color 0.4s ease}.site-header.over-hero{background:transparent;border-bottom-color:transparent}.site-header.over-hero .brand-text,.site-header.over-hero .desktop-menu a{color:#ffffff}.site-header.over-hero .mobile-menu-toggle span{background:#ffffff}.site-header.over-hero .logo-white{display:block !important}.site-header.over-hero .logo-black{display:none !important}.site-header-inner{height:100%;max-width:1400px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:200px 1fr 200px;align-items:center;gap:20px}.header-left{justify-self:start}.header-center{justify-self:center;min-height:26px;display:flex;align-items:center}.header-right{justify-self:end}.logo-link{display:block;height:60px}.logo-image{height:100%;width:auto;object-fit:contain}.light-theme .logo-black{display:block}.light-theme .logo-white{display:none}.dark-theme .logo-black{display:none}.dark-theme .logo-white{display:block}.brand-text{font-size:1rem;font-weight:700;letter-spacing:3px;text-decoration:none;color:inherit;white-space:nowrap}.desktop-menu{display:flex;gap:30px;align-items:center}.desktop-menu a{text-decoration:none;color:inherit;font-weight:600;font-size:0.95rem;transition:color 0.3s;white-space:nowrap}.desktop-menu a:hover{color:var(--accent-color)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:10px;z-index:1001}.mobile-menu-toggle span{display:block;width:28px;height:3px;background:#ffffff;border-radius:2px;transition:all 0.3s ease}.light-theme .mobile-menu-toggle span{background:#000000}.dark-theme .mobile-menu-toggle span{background:#ffffff}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg)translate(9px,9px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(9px,-9px)}.mobile-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:rgba(10,10,20,0.75);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-left:1px solid rgba(255,255,255,0.15);z-index:1000;transition:right 0.3s ease;padding:100px 30px 30px;overflow-y:auto;display:none}.mobile-menu.active{right:0}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.4);z-index:999;opacity:0;transition:opacity 0.3s;pointer-events:none}.mobile-menu-overlay.active{opacity:1;pointer-events:all}.mobile-menu-links{display:flex;flex-direction:column;gap:0;width:100%;max-width:320px;text-align:center}.mobile-menu-links a{color:#ffffff;text-decoration:none;padding:22px 0;font-size:1.4rem;font-weight:700;letter-spacing:0.05em;border-bottom:1px solid rgba(255,255,255,0.12);transition:all 0.3s}.mobile-menu-links a:first-child{border-top:1px solid rgba(255,255,255,0.12)}.mobile-menu-links a:hover{color:var(--accent-color);letter-spacing:0.08em}.mobile-menu-close{position:absolute;top:20px;right:20px;width:44px;height:44px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;color:#ffffff;transition:all 0.3s ease;padding:0}.mobile-menu-close:hover{background:rgba(255,255,255,0.15)}.mobile-menu-close svg{width:24px;height:24px;stroke:currentColor}@media(max-width:768px){.site-header{height:80px}.site-header-inner{padding:0 20px;grid-template-columns:73px 1fr 50px;gap:10px;align-items:center}.logo-link{height:55px;display:flex;align-items:center}.brand-text{font-size:0.9rem;letter-spacing:2px}.desktop-menu{display:none !important}.mobile-menu-toggle{display:flex !important}.mobile-menu,.mobile-menu-overlay{display:block}}@media(min-width:769px){body:not(.compact-header).mobile-menu-toggle,body:not(.compact-header).mobile-menu,body:not(.compact-header).mobile-menu-overlay,body:not(.compact-header).mobile-menu-close{display:none !important}body:not(.compact-header).desktop-menu{display:flex !important}}body.compact-header .site-header-inner{padding:0 20px;grid-template-columns:73px 1fr 50px;gap:10px}body.compact-header .logo-link{height:55px;display:flex;align-items:center}body.compact-header .brand-text{font-size:0.9rem;letter-spacing:2px}body.compact-header .desktop-menu{display:none !important}body.compact-header .mobile-menu-toggle{display:flex !important}body.compact-header .mobile-menu,body.compact-header .mobile-menu-overlay{display:block}.footer{background:#000000;color:#ffffff;padding:60px 40px;border-top:1px solid var(--border-color)}.footer-content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px}.footer-logo-container{display:flex;justify-content:center}.footer-logo{height:60px !important;width:auto !important;object-fit:contain !important;background:none !important}.footer-links{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}.footer-links a{color:#ffffff;text-decoration:none;font-weight:600;font-size:0.95rem;transition:color 0.3s}.footer-links a:hover{color:var(--accent-color)}.footer-text p{margin:0;opacity:0.85;font-size:0.9rem}@media(max-width:768px){.footer{padding:40px 20px}.footer-logo{height:50px !important}.footer-links{gap:15px 20px}.footer-links a{font-size:0.9rem}.footer-text p{font-size:0.85rem}}main,.hero-section,.blog-post,article.blog-post{margin-top:80px}@media(max-width:768px){main,.hero-section,.blog-post,article.blog-post{margin-top:80px}}.blog-post{max-width:800px;margin:100px auto 60px;padding:0 40px}.blog-header{margin-bottom:40px}.blog-meta{display:flex;gap:15px;margin-bottom:20px;font-size:0.9rem;opacity:0.85}.blog-title{font-size:2.5rem;line-height:1.2;margin-bottom:30px;font-weight:900}.blog-featured-image{width:100%;margin-bottom:50px;border-radius:12px;overflow:hidden}.blog-featured-image img{width:100%;height:auto;display:block}.blog-content{font-size:1.1rem;line-height:1.8}.blog-content h2{font-size:1.8rem;margin-top:50px;margin-bottom:20px;font-weight:700}.blog-content h3{font-size:1.4rem;margin-top:35px;margin-bottom:15px;font-weight:600}.blog-content p{margin-bottom:25px}.blog-content ul,.blog-content ol{margin:25px 0;padding-left:30px}.blog-content li{margin-bottom:15px;line-height:1.8}.blog-content strong{font-weight:700}a{color:#66E0FF;text-decoration:none;transition:color 0.2s ease,text-shadow 0.2s ease}a:hover{color:#A6F0FF;text-shadow:0 0 8px rgba(166,240,255,0.55)}.site-header a,.desktop-menu a,.mobile-menu-links a,.footer-links a,.brand-text,.logo-link,.btn,.project-card-link,.project-card-link:hover{color:inherit;text-shadow:none}.footer-links a:hover{color:var(--accent-color);text-shadow:none}.blog-cta{margin:50px 0;text-align:center;padding:40px;background:var(--accent-color);border-radius:12px;color:#ffffff}.blog-cta h3{margin-bottom:15px}.blog-footer{margin-top:60px;padding-top:40px;border-top:1px solid var(--border-color);text-align:center}@media(max-width:768px){.blog-post{margin-top:100px;padding:0 20px}.blog-title{font-size:1.8rem}.blog-content{font-size:1rem}.blog-content h2{font-size:1.5rem}}.skip-link{position:absolute;top:-40px;left:0;background:#0066cc;color:white;padding:8px 16px;text-decoration:none;z-index:10000;font-weight:700}.skip-link:focus{top:0}.hero-section{min-height:100vh;display:flex;align-items:center;padding:8rem 4rem 4rem;position:relative}.hero-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:6rem;align-items:center}.hero-left{position:relative}.hero-image-wrapper{position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);animation:fadeInScale 1s ease-out}@keyframes fadeInScale{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,0.3),rgba(236,72,153,0.3));mix-blend-mode:multiply}.hero-right{animation:slideInRight 0.8s ease-out}@keyframes slideInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.hero-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1.1;margin-bottom:2rem}.title-line{display:block;animation:slideUp 0.6s ease-out calc(var(--i)* 0.1s)both}.title-line:nth-child(1){--i:0}.title-line:nth-child(2){--i:1}.title-line:nth-child(3){--i:2}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-description{font-size:1.125rem;line-height:1.8;margin-bottom:2.5rem;opacity:0.85}.hero-buttons{display:flex;gap:1.5rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s;font-size:0.9375rem;cursor:pointer;border:none}.btn-primary{background:#4338CA;color:#ffffff;border:2px solid #4338CA}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(99,102,241,0.3)}.btn-secondary{background:transparent;color:var(--text-light);border:2px solid var(--border-light)}.dark-theme .btn-secondary{color:var(--text-dark);border-color:var(--border-dark)}.btn-secondary:hover{border-color:var(--accent-color);color:var(--accent-color)}.btn-full{width:100%;justify-content:center}.btn-large{padding:1.25rem 2.5rem;font-size:1rem}.work-section{padding:8rem 4rem 3rem}.section-header-center{text-align:center;margin-bottom:5rem}.section-title-huge{font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:1;margin-bottom:2rem}.featured-project{max-width:1360px;margin:0 20px 5rem;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;padding:3rem;border-radius:30px;border:2px solid var(--border-light);width:calc(100% - 40px)}.dark-theme .featured-project{border-color:var(--border-dark)}.project-image{position:relative;border-radius:20px;overflow:hidden}.project-image img{width:100%;height:400px;object-fit:cover}.project-labels{position:absolute;top:1.5rem;left:1.5rem;display:flex;gap:0.75rem}.tech-label{padding:0.5rem 1rem;background:#4338CA;color:#ffffff;border-radius:50px;font-size:0.8125rem;font-weight:600}.dark-theme .tech-label{background:#4338CA;color:#ffffff}.project-tag{color:#4338CA;font-size:0.875rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;display:block}.dark-theme .project-tag{color:#818cf8}.project-title{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}.project-description{font-size:1.0625rem;line-height:1.8;margin-bottom:2rem;opacity:0.85}.project-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}.stat{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:var(--accent-color);margin-bottom:0.25rem}.stat-label{font-size:0.875rem;opacity:0.85}.project-link{display:inline-flex;align-items:center;gap:0.5rem;color:var(--accent-color);font-weight:700;text-decoration:none;transition:gap 0.3s}.project-link:hover{gap:1rem}.projects-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card-link{text-decoration:none;color:inherit;display:block;transition:transform 0.3s}.project-card-link:hover{transform:translateY(-5px)}.project-card{border-radius:20px;overflow:hidden;border:2px solid var(--border-light);transition:all 0.3s;cursor:pointer}.dark-theme .project-card{border-color:var(--border-dark)}.project-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}.project-card.hidden{display:none}.card-image{width:100%;height:250px;overflow:hidden}.card-image img{width:100%;height:250px;object-fit:cover}.card-content{padding:2rem}.card-content h4{font-size:1.375rem;font-weight:700;margin-bottom:0.75rem}.card-content p{font-size:1rem;opacity:0.85;margin-bottom:1.5rem}.card-tags{display:flex;gap:0.75rem}.card-tags span{padding:0.375rem 1rem;background:rgba(99,102,241,0.1);color:var(--accent-color);border-radius:50px;font-size:0.8125rem;font-weight:600}.load-more-container{text-align:center;margin-top:0}.load-more-btn{display:inline-block;padding:15px 40px;background:var(--accent-color);color:#ffffff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s}.load-more-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,0,0,0.2)}.load-more-btn.hidden{display:none}.about-section{padding:8rem 4rem}.dark-theme .about-section{background:#0f0f0f}.about-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:40% 60%;gap:60px;align-items:center}.about-professional-image{width:100%;border-radius:12px;overflow:hidden}.about-professional-image img{width:100%;height:auto;display:block}.section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:2rem;line-height:1.1}.about-right .section-title{font-size:3rem;margin-bottom:30px}.about-right p{font-size:1.1rem;line-height:1.8;margin-bottom:25px}.large-text{font-size:1.25rem;line-height:1.8;margin-bottom:1.5rem}.stats-inline{display:flex;gap:40px;margin-top:40px}.stat-item{display:flex;flex-direction:column}.stat-value{font-size:2.5rem;font-weight:900;color:var(--accent-color);line-height:1;display:block}.stat-text{font-size:0.9rem;opacity:0.85;text-transform:uppercase;letter-spacing:1px}.skills-container{grid-column:1 / -1;margin-top:60px;width:100%}.skills-list{display:grid;grid-template-columns:repeat(4,250px);gap:40px;max-width:1200px;margin:0 auto;justify-content:center}.skill-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px}.skill-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--accent-color);border-radius:12px;flex-shrink:0;overflow:hidden}.skill-icon img{width:100%;height:100%;object-fit:cover}.skill-item h4{font-size:1.2rem;margin:0 0 5px 0;font-weight:700}.skill-item p{font-size:0.95rem;opacity:0.85;line-height:1.5;margin:0}.services-section{padding:8rem 4rem}.services-grid-large{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.service-card-large{padding:3rem;border-radius:20px;border:2px solid var(--border-light);transition:all 0.3s}.dark-theme .service-card-large{border-color:var(--border-dark)}.service-card-large:hover{transform:translateY(-10px);border-color:var(--accent-color);box-shadow:var(--shadow)}.service-number{font-size:5rem;font-weight:900;line-height:1;opacity:0.1;margin-bottom:1rem}.service-card-large h3{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.service-card-large p{font-size:1.0625rem;line-height:1.8;margin-bottom:2rem;opacity:0.85}.service-features{list-style:none}.service-features li{padding:0.75rem 0;padding-left:1.5rem;position:relative;font-size:1rem}.service-features li::before{content:'→';position:absolute;left:0;color:var(--accent-color);font-weight:700}.contact-section{padding:8rem 4rem}.dark-theme .contact-section{background:#0f0f0f}.contact-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6rem}.contact-info-list{margin-top:3rem;display:flex;flex-direction:column;gap:2rem}.contact-info-item{display:flex;flex-direction:column;gap:0.5rem}.info-label{font-size:0.875rem;text-transform:uppercase;letter-spacing:1px;opacity:0.85}.contact-info-item a{font-size:1.25rem;font-weight:700;color:var(--accent-color);text-decoration:none}.contact-form-modern{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1.25rem;border:2px solid var(--border-light);border-radius:15px;font-family:inherit;font-size:1rem;transition:all 0.3s;background:transparent}.dark-theme .form-group input,.dark-theme .form-group textarea{border-color:var(--border-dark);color:var(--text-dark)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color)}.form-status{padding:15px;border-radius:8px;margin:15px 0;font-weight:600;text-align:center}.form-status.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-status.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.theme-toggle{position:absolute;bottom:40px;left:80px;width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s}.light-theme .theme-toggle{background-color:#e5e5e7}.light-theme .theme-toggle svg{stroke:#000000}.dark-theme .theme-toggle{background-color:#3a3a3a}.dark-theme .theme-toggle svg{stroke:#ffffff}.scroll-indicator{position:absolute;bottom:40px;right:80px;display:flex;align-items:center;gap:10px;font-size:0.9rem;opacity:0.85;cursor:pointer;text-decoration:none;color:inherit;transition:opacity 0.3s}.scroll-indicator:hover{opacity:1}.scroll-indicator svg{width:24px;height:24px}@media(max-width:1024px){.hero-content,.featured-project,.about-content,.contact-wrapper{grid-template-columns:1fr;gap:3rem}.about-right .section-title{text-align:center}.about-right p{text-align:center}.stats-inline{justify-content:center}.skills-list{grid-template-columns:repeat(2,1fr)}.hero-section,.work-section,.about-section,.services-section,.contact-section{padding:5rem 2rem}.projects-grid,.services-grid-large{grid-template-columns:1fr}.featured-project{grid-template-columns:1fr;gap:30px;padding:30px 20px;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);margin-left:20px !important;margin-right:20px !important;width:calc(100% - 40px)!important}.project-image{text-align:center;width:100%}.project-image img{width:100%;height:auto;border-radius:8px}.project-info{text-align:center;width:100%}.project-stats{display:flex;justify-content:center;gap:40px}}@media(max-width:768px){.work-section{padding-bottom:2rem;padding-left:0;padding-right:0}.featured-project{margin-left:20px !important;margin-right:20px !important;width:calc(100% - 40px)!important;border-radius:12px;margin-bottom:1.5rem !important}.projects-grid{padding-left:20px;padding-right:20px;gap:0.75rem;padding-bottom:0;margin-bottom:0}.load-more-container{margin-top:0 !important;margin-bottom:0;padding-top:8px}.project-card{margin-bottom:0}.project-card-link{margin-bottom:0}.card-content{padding:0.5rem 0.75rem}.card-content h4{margin-bottom:0.15rem;font-size:1rem}.card-content p{margin-bottom:0.35rem;font-size:0.85rem}.card-tags{margin-bottom:0;padding-bottom:0}.card-tags span{padding:0.2rem 0.6rem;font-size:0.7rem}.featured-project .project-labels{position:static;margin-top:1rem}.hero-section{padding:20px 20px 20px;min-height:calc(100vh - 80px);align-items:center}.hero-title{font-size:clamp(1.5rem,6vw,2.5rem)}.theme-toggle{left:20px;bottom:30px}.scroll-indicator{right:20px;bottom:30px}.about-left{text-align:center}.about-right{text-align:center}.about-right .section-title{font-size:2rem}.skills-list{grid-template-columns:1fr}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}:root{--accent-warm:#f97316;--accent-warm-glow:rgba(249,115,22,0.18)}.hero-transition{display:block;height:110px;margin:0;padding:0;pointer-events:none;background:radial-gradient(ellipse 55% 100% at 20% 50%,rgba(52,211,153,0.06)0%,transparent 65%),radial-gradient(ellipse 45% 100% at 80% 50%,rgba(249,115,22,0.04)0%,transparent 65%),linear-gradient(to bottom,rgba(10,10,20,0.82)0%,var(--bg-color)100%)}.light-theme .hero-transition{background:radial-gradient(ellipse 55% 100% at 20% 50%,rgba(52,211,153,0.04)0%,transparent 65%),radial-gradient(ellipse 45% 100% at 80% 50%,rgba(249,115,22,0.03)0%,transparent 65%),linear-gradient(to bottom,rgba(10,10,20,0.60)0%,#ffffff 100%)}.skill-item.glass{background:rgba(255,255,255,0.04);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.09);border-radius:20px;transition:border-color 0.35s ease,box-shadow 0.35s ease,transform 0.35s ease;box-shadow:0 4px 24px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.05)}.light-theme .skill-item.glass{background:rgba(255,255,255,0.70);border:1px solid rgba(0,0,0,0.07);box-shadow:0 4px 24px rgba(0,0,0,0.06),inset 0 1px 0 rgba(255,255,255,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.skill-item.glass:hover{border-color:rgba(249,115,22,0.38);box-shadow:0 0 0 1px rgba(249,115,22,0.10),0 14px 44px rgba(249,115,22,0.14),0 3px 10px rgba(0,0,0,0.12);transform:translateY(-5px)}.light-theme .skill-item.glass:hover{box-shadow:0 0 0 1px rgba(249,115,22,0.14),0 12px 36px rgba(249,115,22,0.10),0 4px 12px rgba(0,0,0,0.07)}.btn-primary:hover{background:linear-gradient(135deg,#5b51e5 0%,#4f46e5 100%)!important;box-shadow:0 8px 28px rgba(67,56,202,0.38),0 0 0 1px rgba(249,115,22,0.15)!important;transform:translateY(-2px)}.dark-theme .btn-primary:hover{background:linear-gradient(135deg,#7c74ff 0%,#6d63ff 100%)!important;box-shadow:0 8px 32px rgba(129,140,248,0.40),0 0 0 1px rgba(249,115,22,0.18)!important}@supports(-webkit-background-clip:text)or(background-clip:text){.stat-value{background:linear-gradient(135deg,var(--accent-color)25%,var(--accent-warm)100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}.project-card-link:hover .project-card{border-color:rgba(249,115,22,0.18);box-shadow:0 14px 44px rgba(249,115,22,0.09),0 4px 16px rgba(0,0,0,0.08)}.featured-project{transition:border-color 0.4s ease,box-shadow 0.4s ease}.featured-project:hover{border-color:rgba(129,140,248,0.28);box-shadow:0 4px 40px rgba(129,140,248,0.06)}.light-theme .featured-project:hover{border-color:rgba(67,56,202,0.22)}.about-section{padding:10rem 4rem}.contact-section{padding:10rem 4rem}.scroll-indicator{font-size:0.72rem !important;letter-spacing:0.14em !important;font-weight:700 !important;text-transform:uppercase;opacity:0.55 !important}.scroll-indicator:hover{opacity:0.85 !important}@media(prefers-reduced-motion:reduce){.skill-item.glass,.featured-project,.project-card{transition:none}.skill-item.glass:hover{transform:none}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem;background:transparent;backdrop-filter:none;border-bottom:1px solid transparent;transition:background 0.35s ease,border-color 0.35s ease,backdrop-filter 0.35s ease}.navbar.nav-scrolled{background:rgba(255,255,255,0.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light)}.dark-theme .navbar{background:transparent;border-bottom-color:transparent}.dark-theme .navbar.nav-scrolled{background:rgba(26,26,26,0.9);border-bottom-color:var(--border-dark)}.nav-left,.nav-right{display:flex;gap:2rem;align-items:center}.nav-link{text-decoration:none;color:inherit;font-weight:600;font-size:0.9375rem;position:relative;padding-bottom:0.25rem;transition:color 0.3s}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-color);transition:width 0.3s}.nav-link.active::after,.nav-link:hover::after{width:100%}.logo-circle{width:80px;height:80px;background:transparent !important;border-radius:0 !important;display:flex;align-items:center;justify-content:center}.logo-circle a{display:block;width:100%;height:100%}.logo-circle img{width:100%;height:100%;object-fit:contain}.nav-brand-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:700;letter-spacing:3px;z-index:10}.nav-brand-text a{text-decoration:none;color:inherit}.mob-article-view .site-header{display:none !important}.mob-article-view .blog-post,.mob-article-view article.blog-post{margin:0 !important;padding:0 !important;max-width:100% !important}.mob-article-view .blog-featured-image,.mob-article-view .blog-hero-split{display:none !important}.mob-hero-img{width:100%;height:56vw;min-height:240px;max-height:340px;position:relative;overflow:hidden;display:block;flex-shrink:0}.mob-hero-img img{width:100%;height:100%;object-fit:cover;display:block}.mob-hero-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0.22)0%,transparent 45%,rgba(0,0,0,0.18)100%);pointer-events:none}.mob-float-nav{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:3rem 1rem 0.75rem}.mob-float-btn{width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,0.52);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none !important;flex-shrink:0;-webkit-tap-highlight-color:transparent}.mob-float-btn svg{width:18px;height:18px;display:block}.mob-float-title{flex:1;text-align:center;font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,0.6);padding:0 0.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.mob-article-view .blog-header{padding:1.4rem 1.25rem 0 !important;margin:0 !important;margin-bottom:0 !important}.mob-art-title{font-size:1.5rem !important;font-weight:900 !important;line-height:1.2 !important;margin:0 0 0.65rem 0 !important}.mob-art-date{font-size:0.82rem;opacity:0.55;margin-bottom:0.35rem}.mob-art-author{font-size:0.88rem;font-weight:600;opacity:0.65;margin-bottom:0;padding-bottom:1rem}.mob-art-divider{height:1px;background:rgba(128,128,128,0.2);margin-bottom:0}.mob-article-view .blog-content{padding:1.1rem 1.25rem 1rem !important;font-size:0.97rem !important;line-height:1.82 !important}.mob-article-view .blog-content h2{font-size:1.2rem !important;margin-top:2rem !important}.mob-article-view .blog-content h3{font-size:1.05rem !important;margin-top:1.5rem !important}.mob-article-view .blog-content p{margin-bottom:1.1rem !important}.mob-article-view .blog-footer{padding:1.25rem 1.25rem 5rem !important;margin-top:0.5rem !important;text-align:left !important;border-top:none !important}.mob-article-view .blog-cta{margin:1.5rem 0 !important;padding:1.5rem !important;border-radius:14px !important}.mob-article-bar{position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0.8rem 1.25rem;padding-bottom:calc(0.8rem+env(safe-area-inset-bottom,0px));border-top:1px solid rgba(128,128,128,0.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.dark-theme .mob-article-bar{background:rgba(10,10,10,0.93)}.light-theme .mob-article-bar{background:rgba(245,245,250,0.94)}.mob-bar-back{display:flex;align-items:center;gap:0.35rem;font-size:0.82rem;font-weight:700;color:var(--accent-color)!important;text-decoration:none !important;text-shadow:none !important}.mob-bar-back svg{width:15px;height:15px;stroke:var(--accent-color)}.mob-bar-share{width:38px;height:38px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.dark-theme .mob-bar-share{background:#1e1e1e}.light-theme .mob-bar-share{background:#e0e0e8}.mob-bar-share svg{width:16px;height:16px}.dark-theme .mob-bar-share svg{stroke:#fff}.light-theme .mob-bar-share svg{stroke:#111}
/* Longer header brand lockup: keep it fitting on small screens */
@media (max-width:768px){.brand-text{font-size:0.72rem !important;letter-spacing:1.5px !important}}
@media (max-width:380px){.brand-text{font-size:0.62rem !important;letter-spacing:1px !important}}

/* Desktop header: lock logo + wordmark together on the left, menu right (fixes center/menu collision) */
@media (min-width:769px){
  .site-header-inner{grid-template-columns:auto auto 1fr !important;gap:18px !important;}
  .header-left{justify-self:start;}
  .header-center{justify-self:start;}
  .header-right{justify-self:end;}
  .brand-text{font-size:0.85rem !important;letter-spacing:2px !important;}
}

/* Header refinement: tagline lockup (logo carries the name), animated menu, CTA pill */
@media (min-width:769px){
  .brand-text{font-size:0.72rem !important;letter-spacing:3.5px !important;opacity:0.75;font-weight:600 !important;}
}
.brand-dot{color:var(--accent-color);opacity:1;font-weight:900;}
.desktop-menu a{position:relative;}
.desktop-menu a:not(:last-child)::after{content:'';position:absolute;left:0;bottom:6px;width:100%;height:2px;background:linear-gradient(90deg,#5248d9,#6d28d9);transform:scaleX(0);transform-origin:left;transition:transform .28s ease;border-radius:2px;}
.desktop-menu a:not(:last-child):hover::after{transform:scaleX(1);}
.desktop-menu a:last-child{background:linear-gradient(135deg,#5248d9 0%,#4338CA 60%,#6d28d9 100%);color:#ffffff !important;padding:0.55rem 1.35rem !important;border-radius:50px;box-shadow:0 2px 12px rgba(67,56,202,0.3);transition:transform .2s ease,box-shadow .2s ease;}
.desktop-menu a:last-child:hover{transform:translateY(-1px);box-shadow:0 4px 18px rgba(67,56,202,0.45);color:#ffffff !important;}