:root{--glass:rgba(255,255,255,.08);--glass-border:rgba(255,255,255,.18);--glow-cyan:rgba(78,205,196,.38)}
body.dark-theme{background:radial-gradient(circle at 20% 18%,rgba(78,205,196,.11),transparent 28%),radial-gradient(circle at 80% 0%,rgba(189,16,224,.10),transparent 32%),linear-gradient(135deg,#111428 0%,#1A1A2E 46%,#302E5B 100%)!important;}
.ambient-layer,.cursor-glow{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.cursor-glow{width:360px;height:360px;inset:auto;border-radius:999px;background:radial-gradient(circle,rgba(78,205,196,.11),transparent 68%);filter:blur(10px);mix-blend-mode:screen;transition:transform .08s linear}.ambient-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#4ECDC4;opacity:.55;box-shadow:0 0 18px #4ECDC4;animation:ambientFloat 12s ease-in-out infinite}.ambient-dot.ring{width:16px;height:16px;background:transparent;border:3px solid #4ECDC4;box-shadow:none;opacity:.75}.floating-nav{background:rgba(16,20,40,.72)!important;border-color:rgba(255,255,255,.16)!important;box-shadow:0 20px 70px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(18px)!important}.floating-nav .nav-item{color:#fff!important}.nav-item.active,.nav-item:hover{box-shadow:0 10px 28px rgba(78,205,196,.28)!important}.hero,.about,.work,.skills,.languages,.interests,.contact{position:relative;z-index:1}.hero{background:transparent!important}.hero-title{text-shadow:0 14px 55px rgba(0,0,0,.22)}.greeting{background:rgba(16,20,40,.52)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:32px!important;box-shadow:0 20px 60px rgba(0,0,0,.18)!important;backdrop-filter:blur(14px)}.highlight{background:linear-gradient(transparent 58%,rgba(78,205,196,.28) 0);border-radius:4px}.social-icon,.contact-btn{border:1px solid rgba(255,255,255,.14)!important;background:rgba(16,20,40,.60)!important;backdrop-filter:blur(12px);box-shadow:0 14px 45px rgba(0,0,0,.18)!important}.social-icon:hover,.contact-btn:hover{transform:translateY(-4px) scale(1.035)!important;box-shadow:0 22px 58px rgba(78,205,196,.20)!important}.image-container{filter:drop-shadow(0 34px 70px rgba(0,0,0,.30))}.avatar-placeholder{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 24px 65px rgba(0,0,0,.22)!important}.about-content,.project-card,.skill-category,.language-card,.interest-item,.contact-card{background:rgba(16,20,40,.66)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 24px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)!important;backdrop-filter:blur(16px)}.project-card:hover,.skill-category:hover,.language-card:hover,.interest-item:hover,.contact-card:hover{transform:translateY(-8px)!important;box-shadow:0 34px 90px rgba(0,0,0,.30),0 0 60px rgba(78,205,196,.10)!important}.scroll-to-top{border:0!important;border-radius:16px!important;background:linear-gradient(135deg,#4ECDC4,#4A90E2)!important;box-shadow:0 18px 55px rgba(78,205,196,.30)!important}@keyframes ambientFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(12px,-24px,0) scale(1.18)}}
/* Final tuning */
.floating-nav{width:min(92vw,760px)!important;padding:10px 18px!important;gap:22px!important}.nav-container{gap:.55rem!important;align-items:center}.nav-item{white-space:nowrap!important;line-height:1!important;padding:10px 14px!important}.hero-container{gap:5rem!important}.hero-content{max-width:560px}.hero-description{font-size:1.22rem!important;line-height:1.65!important}.hero-subtitle{font-size:1rem!important;line-height:1.7!important}.avatar-placeholder{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(78,205,196,.08))!important}.image-container:before{content:"";position:absolute;inset:-22px;border-radius:44px;background:radial-gradient(circle at 50% 50%,rgba(78,205,196,.16),transparent 66%);z-index:-1;filter:blur(10px)}body.dark-theme .section-title,body.dark-theme .about-subtitle,body.dark-theme h1,body.dark-theme h2,body.dark-theme h3{color:#fff!important}body.dark-theme p{color:rgba(255,255,255,.86)}@media(max-width:900px){.floating-nav{width:calc(100vw - 24px)!important}.nav-container{overflow-x:auto}.hero-container{gap:2.5rem!important}}
/* Contrast fix: hero must stay bright and readable */
body.dark-theme .hero-content,body.dark-theme .hero-image,body.dark-theme .greeting,body.dark-theme .social-links{opacity:1!important;filter:none!important}body.dark-theme .hero-title{color:#fff!important;opacity:1!important;text-shadow:0 18px 70px rgba(0,0,0,.38)!important}body.dark-theme .hero-description,body.dark-theme .hero-subtitle{color:rgba(255,255,255,.92)!important;opacity:1!important}body.dark-theme .highlight{color:#4ECDC4!important;font-weight:800!important;background:linear-gradient(transparent 58%,rgba(78,205,196,.26) 0)!important}body.dark-theme .greeting-text{color:#fff!important;opacity:1!important}body.dark-theme .avatar-image{opacity:1!important;filter:saturate(1.08) contrast(1.04)!important}.hero::before,.hero::after{opacity:.22!important;pointer-events:none!important}.ambient-layer{opacity:.75!important}.cursor-glow{opacity:.9!important}.social-icon i,.contact-btn i,.contact-btn span{opacity:1!important;color:inherit!important}

/* === Requested polish pass: richer, interactive, less cramped === */
.greeting{display:inline-flex!important;width:max-content!important;max-width:max-content!important;min-width:0!important;padding:14px 24px!important;gap:12px!important}.greeting .wave{font-size:2rem!important}.greeting-text{font-size:1.25rem!important;margin:0!important;white-space:nowrap!important}.hero-content{width:max-content;max-width:560px}.highlight{position:relative!important;color:#57e6df!important;font-weight:850!important;background:none!important;text-decoration:none!important;text-shadow:0 0 18px rgba(78,205,196,.28)}.highlight::after{content:"";position:absolute;left:-2px;right:-2px;bottom:1px;height:.42em;border-radius:10px;background:linear-gradient(90deg,rgba(78,205,196,.22),rgba(255,217,61,.20));z-index:-1;transform:skewX(-8deg)}.image-container{overflow:visible!important}.avatar-placeholder{position:relative!important;z-index:2!important}.floating-icon{z-index:5!important;opacity:1!important}.icon-code{left:-34px!important;top:18%!important}.icon-mobile{right:-44px!important;top:42%!important}.icon-terminal{right:4px!important;bottom:11%!important}.badge{z-index:6!important}.tech-stack{background:transparent!important;position:relative;z-index:1}.tech-badge{position:relative;overflow:visible;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;color:#fff!important;border:3px solid rgba(255,255,255,.92)!important;box-shadow:5px 5px 0 rgba(0,0,0,.75),0 18px 45px rgba(0,0,0,.18)!important}.tech-badge:nth-child(1){background:linear-gradient(135deg,#4A90E2,#4ECDC4)!important}.tech-badge:nth-child(2){background:linear-gradient(135deg,#a259ff,#ff7262)!important}.tech-badge:nth-child(3){background:linear-gradient(135deg,#e44d26,#f16529)!important}.tech-badge:nth-child(4){background:linear-gradient(135deg,#1572b6,#33a9dc)!important}.tech-badge:nth-child(5){background:linear-gradient(135deg,#f7df1e,#f0b400)!important;color:#1A1A2E!important}.tech-badge:nth-child(6){background:linear-gradient(135deg,#7c3aed,#06b6d4)!important}.tech-badge:nth-child(7){background:linear-gradient(135deg,#ff6b35,#ffd93d)!important;color:#1A1A2E!important}.tech-badge:nth-child(8){background:linear-gradient(135deg,#6bcb77,#4ecdc4)!important;color:#102030!important}.tech-badge:hover{transform:translate(-5px,-6px) rotate(var(--r,-2deg))!important;filter:saturate(1.12);box-shadow:9px 9px 0 rgba(0,0,0,.8),0 28px 70px rgba(78,205,196,.18)!important}.tech-badge i{font-size:1.35rem!important;filter:drop-shadow(0 2px 0 rgba(0,0,0,.18))}.about-content{padding:56px!important;gap:56px!important;border-radius:22px!important}.about-text{padding:8px 6px!important}.about-text p{line-height:2.05!important;margin-bottom:2rem!important}.stats{gap:2.2rem!important}.stat-card{border-color:rgba(255,255,255,.88)!important;background:rgba(16,20,40,.52)!important;border-radius:18px!important}.work{background:transparent!important}.projects-grid{perspective:1000px}.project-card{position:relative;overflow:hidden;border-radius:22px!important;transform-style:preserve-3d}.project-card:nth-child(odd):hover{transform:translate(-9px,-8px) rotate(-1.8deg) rotateY(5deg)!important}.project-card:nth-child(even):hover{transform:translate(9px,-8px) rotate(1.8deg) rotateY(-5deg)!important}.project-card::before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(78,205,196,.16),rgba(255,217,61,.10),rgba(189,16,224,.12));opacity:0;transition:.3s ease;pointer-events:none}.project-card:hover::before{opacity:1}.project-icon{position:relative;z-index:2}.project-card:active .project-icon,.project-card.ping .project-icon{animation:pingpong .72s cubic-bezier(.2,.8,.2,1)}@keyframes pingpong{0%{transform:translateX(0) rotate(0)}28%{transform:translateX(145px) rotate(18deg)}55%{transform:translateX(-12px) rotate(-8deg)}78%{transform:translateX(42px) rotate(8deg)}100%{transform:translateX(0) rotate(0)}}.skills{background:transparent!important}.skill-category{transition:background .6s ease,transform .25s ease,box-shadow .25s ease!important}.skill-category:nth-child(1){background:linear-gradient(135deg,rgba(255,217,61,.92),rgba(255,168,61,.82))!important;color:#1A1A2E!important}.skill-category:nth-child(2){background:linear-gradient(135deg,rgba(78,205,196,.18),rgba(74,144,226,.14))!important}.skill-category:nth-child(3){background:linear-gradient(135deg,rgba(189,16,224,.18),rgba(255,107,157,.14))!important}.skill-category:nth-child(4){background:linear-gradient(135deg,rgba(107,203,119,.18),rgba(78,205,196,.14))!important}.skill-category:hover{animation:cardColorShift 2.4s ease-in-out infinite alternate!important}.skill-category:nth-child(1) .skill-item{background:rgba(26,26,46,.82)!important;color:#fff!important}.skill-item{transition:.25s ease!important}.skill-item:hover{background:#4ECDC4!important;color:#102030!important;transform:translateY(-3px) scale(1.04)!important}@keyframes cardColorShift{0%{filter:hue-rotate(0deg) saturate(1)}100%{filter:hue-rotate(35deg) saturate(1.25)}}.footer{background:linear-gradient(135deg,#0b1024,#17172f 55%,#261d48)!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.12)!important;box-shadow:0 -20px 80px rgba(0,0,0,.22)}.footer p{color:#fff!important;opacity:.92!important;font-weight:700}.footer p::after{content:"  •  Interactive portfolio";color:#4ECDC4}body:not(.dark-theme){background:radial-gradient(circle at 15% 14%,rgba(78,205,196,.18),transparent 30%),radial-gradient(circle at 86% 12%,rgba(255,217,61,.18),transparent 28%),linear-gradient(135deg,#fffaf0 0%,#eefbff 48%,#f7f0ff 100%)!important;color:#24364a!important}body:not(.dark-theme) .hero{background:transparent!important}body:not(.dark-theme) .floating-nav{background:rgba(255,255,255,.72)!important;border-color:rgba(36,54,74,.18)!important;box-shadow:0 22px 65px rgba(36,54,74,.16)!important}body:not(.dark-theme) .greeting,body:not(.dark-theme) .social-icon,body:not(.dark-theme) .contact-btn,body:not(.dark-theme) .about-content,body:not(.dark-theme) .project-card,body:not(.dark-theme) .language-card,body:not(.dark-theme) .interest-item,body:not(.dark-theme) .contact-card{background:rgba(255,255,255,.76)!important;border-color:rgba(36,54,74,.16)!important;color:#24364a!important;box-shadow:0 22px 70px rgba(36,54,74,.13)!important}body:not(.dark-theme) .hero-title,body:not(.dark-theme) .section-title,body:not(.dark-theme) h1,body:not(.dark-theme) h2,body:not(.dark-theme) h3{color:#223348!important}body:not(.dark-theme) p{color:#34465c!important}body:not(.dark-theme) .highlight{color:#079a9a!important;text-shadow:none!important}body:not(.dark-theme) .contact-btn{background:linear-gradient(135deg,#24364a,#4A90E2)!important;color:#fff!important}body:not(.dark-theme) .stat-card{background:rgba(255,255,255,.72)!important;border-color:rgba(36,54,74,.22)!important}body:not(.dark-theme) .footer{background:linear-gradient(135deg,#223348,#384b68)!important;color:#fff!important}@media(max-width:900px){.greeting{padding:12px 18px!important}.about-content{padding:28px!important}.icon-code{left:-16px!important}.icon-mobile{right:-18px!important}.icon-terminal{right:8px!important}}
