.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;padding:1rem}.modal-panel{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-lg);-webkit-backdrop-filter:var(--glass-blur-lg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00d6cb26;padding:2rem;max-width:1000px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border)}.modal-title{color:var(--color-text-primary);font-size:2rem;font-weight:var(--font-weight-black);font-family:var(--font-secondary);margin:0}.modal-title span{color:var(--color-primary);text-shadow:0 0 8px rgba(0,214,203,.4)}.modal-close{background:transparent;border:none;color:var(--color-primary);cursor:pointer;padding:.5rem;transition:all var(--transition-fast);border-radius:var(--radius-base)}.modal-close:hover{background:var(--glass-bg-ultra-light);transform:rotate(90deg)}.modal-body{display:flex;flex-direction:column;gap:2rem}.modal-skills-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.modal-skill-card{background:var(--glass-bg-ultra-light);backdrop-filter:var(--glass-blur-md);-webkit-backdrop-filter:var(--glass-blur-md);border-radius:var(--radius-base);padding:1rem;display:flex;flex-direction:column;gap:.5rem;transition:all var(--transition-base);border:1px solid var(--glass-border);box-shadow:0 4px 12px #00d6cb14}.modal-skill-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00d6cb26}.modal-skill-name{color:var(--color-text-primary);margin-bottom:.25rem;font-size:.95rem;font-weight:var(--font-weight-medium)}.modal-skill-bar{height:6px;background:var(--glass-bg-medium);border-radius:var(--radius-full);overflow:hidden}.modal-skill-bar-inner{height:100%;background:var(--color-primary);width:0%;transition:none;border-radius:var(--radius-full)}.animate-bar{animation:growBar 1s ease-out forwards}@keyframes growBar{0%{width:0%}to{width:var(--final-width)}}.modal-skill-level{margin-top:.25rem;font-size:.85rem;font-weight:var(--font-weight-bold);font-family:var(--font-secondary);text-align:right}.modal-category{font-size:1.1rem;font-weight:var(--font-weight-bold);font-family:var(--font-secondary);margin:1.5rem 0 1rem;border-bottom:2px solid currentColor;padding-bottom:.5rem;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.modal-skill-card[data-category="AI / LLM Frameworks"]{border-color:#00d6cb4d}.modal-skill-card[data-category="AI / LLM Frameworks"]:hover{border-color:#00d6cb80;box-shadow:0 4px 16px #00d6cb33}.modal-skill-card[data-category="AI / LLM Frameworks"] .modal-skill-bar-inner{background:linear-gradient(90deg,#00d6cb,#00ffef);box-shadow:0 0 8px #00d6cb4d}.modal-skill-card[data-category="AI / LLM Frameworks"] .modal-skill-level{color:#00d6cb}.modal-skill-card[data-category="Programming Languages"]{border-color:#00bfff4d}.modal-skill-card[data-category="Programming Languages"]:hover{border-color:#00bfff80;box-shadow:0 4px 16px #00bfff33}.modal-skill-card[data-category="Programming Languages"] .modal-skill-bar-inner{background:linear-gradient(90deg,#00bfff,#66d9ff);box-shadow:0 0 8px #00bfff4d}.modal-skill-card[data-category="Programming Languages"] .modal-skill-level{color:#00bfff}.modal-skill-card[data-category="Search / Vector DBs"]{border-color:#a270f14d}.modal-skill-card[data-category="Search / Vector DBs"]:hover{border-color:#a270f180;box-shadow:0 4px 16px #a270f133}.modal-skill-card[data-category="Search / Vector DBs"] .modal-skill-bar-inner{background:linear-gradient(90deg,#a270f1,#c499f8);box-shadow:0 0 8px #a270f14d}.modal-skill-card[data-category="Search / Vector DBs"] .modal-skill-level{color:#a270f1}.modal-skill-card[data-category=Frontend]{border-color:#00ff9f4d}.modal-skill-card[data-category=Frontend]:hover{border-color:#00ff9f80;box-shadow:0 4px 16px #00ff9f33}.modal-skill-card[data-category=Frontend] .modal-skill-bar-inner{background:linear-gradient(90deg,#00ff9f,#66ffbf);box-shadow:0 0 8px #00ff9f4d}.modal-skill-card[data-category=Frontend] .modal-skill-level{color:#00ff9f}.modal-skill-card[data-category="Backend / APIs"]{border-color:#fff7404d}.modal-skill-card[data-category="Backend / APIs"]:hover{border-color:#fff74080;box-shadow:0 4px 16px #fff74033}.modal-skill-card[data-category="Backend / APIs"] .modal-skill-bar-inner{background:linear-gradient(90deg,#fff740,#fffa80);box-shadow:0 0 8px #fff7404d}.modal-skill-card[data-category="Backend / APIs"] .modal-skill-level{color:#fff740}.modal-skill-card[data-category="DevOps / Automation"]{border-color:#ff8c424d}.modal-skill-card[data-category="DevOps / Automation"]:hover{border-color:#ff8c4280;box-shadow:0 4px 16px #ff8c4233}.modal-skill-card[data-category="DevOps / Automation"] .modal-skill-bar-inner{background:linear-gradient(90deg,#ff8c42,#ffb380);box-shadow:0 0 8px #ff8c424d}.modal-skill-card[data-category="DevOps / Automation"] .modal-skill-level{color:#ff8c42}.modal-skill-card[data-category="Security / Cyber Ops"]{border-color:#ff38644d}.modal-skill-card[data-category="Security / Cyber Ops"]:hover{border-color:#ff386480;box-shadow:0 4px 16px #ff386433}.modal-skill-card[data-category="Security / Cyber Ops"] .modal-skill-bar-inner{background:linear-gradient(90deg,#ff3864,#ff7094);box-shadow:0 0 8px #ff38644d}.modal-skill-card[data-category="Security / Cyber Ops"] .modal-skill-level{color:#ff3864}.modal-skill-card[data-category="RPA / Automation"]{border-color:#ff6b9d4d}.modal-skill-card[data-category="RPA / Automation"]:hover{border-color:#ff6b9d80;box-shadow:0 4px 16px #ff6b9d33}.modal-skill-card[data-category="RPA / Automation"] .modal-skill-bar-inner{background:linear-gradient(90deg,#ff6b9d,#ffa3c1);box-shadow:0 0 8px #ff6b9d4d}.modal-skill-card[data-category="RPA / Automation"] .modal-skill-level{color:#ff6b9d}.modal-skill-card[data-category="Cloud / AI Services"]{border-color:#ffc8374d}.modal-skill-card[data-category="Cloud / AI Services"]:hover{border-color:#ffc83780;box-shadow:0 4px 16px #ffc83733}.modal-skill-card[data-category="Cloud / AI Services"] .modal-skill-bar-inner{background:linear-gradient(90deg,#ffc837,#ffd970);box-shadow:0 0 8px #ffc8374d}.modal-skill-card[data-category="Cloud / AI Services"] .modal-skill-level{color:#ffc837}.modal-skill-card[data-category="ML / DL Frameworks"]{border-color:#c0c0c04d}.modal-skill-card[data-category="ML / DL Frameworks"]:hover{border-color:#c0c0c080;box-shadow:0 4px 16px #c0c0c033}.modal-skill-card[data-category="ML / DL Frameworks"] .modal-skill-bar-inner{background:linear-gradient(90deg,silver,#e0e0e0);box-shadow:0 0 8px #c0c0c04d}.modal-skill-card[data-category="ML / DL Frameworks"] .modal-skill-level{color:silver}.modal-skill-card[data-category="API / Integration"]{border-color:#ff69b44d}.modal-skill-card[data-category="API / Integration"]:hover{border-color:#ff69b480;box-shadow:0 4px 16px #ff69b433}.modal-skill-card[data-category="API / Integration"] .modal-skill-bar-inner{background:linear-gradient(90deg,#ff69b4,#ff99cf);box-shadow:0 0 8px #ff69b44d}.modal-skill-card[data-category="API / Integration"] .modal-skill-level{color:#ff69b4}.modal-skill-card[data-category=Databases]{border-color:#ffa07a4d}.modal-skill-card[data-category=Databases]:hover{border-color:#ffa07a80;box-shadow:0 4px 16px #ffa07a33}.modal-skill-card[data-category=Databases] .modal-skill-bar-inner{background:linear-gradient(90deg,#ffa07a,#ffc0a5);box-shadow:0 0 8px #ffa07a4d}.modal-skill-card[data-category=Databases] .modal-skill-level{color:#ffa07a}.modal-skill-card[data-category="Frontend / Apps"]{border-color:#69f0ae4d}.modal-skill-card[data-category="Frontend / Apps"]:hover{border-color:#69f0ae80;box-shadow:0 4px 16px #69f0ae33}.modal-skill-card[data-category="Frontend / Apps"] .modal-skill-bar-inner{background:linear-gradient(90deg,#69f0ae,#9ff5c9);box-shadow:0 0 8px #69f0ae4d}.modal-skill-card[data-category="Frontend / Apps"] .modal-skill-level{color:#69f0ae}.modal-category:has(+.modal-skills-grid .modal-skill-card[data-category="AI / LLM Frameworks"]){color:#00d6cb}.modal-category:has(+.modal-skills-grid .modal-skill-card[data-category="Programming Languages"]){color:#00bfff}.modal-category:has(+.modal-skills-grid .modal-skill-card[data-category="Search / Vector DBs"]){color:#a270f1}.modal-category:has(+.modal-skills-grid .modal-skill-card[data-category=Frontend]){color:#00ff9f}.modal-category:has(+.modal-skills-grid .modal-skill-card[data-category="Backend / APIs"]){color:#fff740}.modal-category:has(+.modal-skills-grid .modal-skill-card[data-category="DevOps / Automation"]){color:#ff8c42}.modal-category:has(+.modal-skills-grid .modal-skill-card[data-category="Security / Cyber Ops"]){color:#ff3864}.modal-category:has(+.modal-skills-grid .modal-skill-card[data-category="RPA / Automation"]){color:#ff6b9d}.modal-category:has(+.modal-skills-grid .modal-skill-card[data-category="Cloud / AI Services"]){color:#ffc837}.modal-category:has(+.modal-skills-grid .modal-skill-card[data-category="ML / DL Frameworks"]){color:silver}.modal-category:has(+.modal-skills-grid .modal-skill-card[data-category="API / Integration"]){color:#ff69b4}.modal-category:has(+.modal-skills-grid .modal-skill-card[data-category=Databases]){color:#ffa07a}.modal-category:has(+.modal-skills-grid .modal-skill-card[data-category="Frontend / Apps"]){color:#69f0ae}@media(max-width:768px){.modal-panel{max-width:90%;max-height:85vh;padding:1.5rem}.modal-title{font-size:1.5rem}.modal-header{margin-bottom:1.5rem}.modal-skills-grid{grid-template-columns:1fr;gap:.875rem}.modal-close{position:absolute;top:1rem;right:1rem}.modal-category{font-size:1rem;margin:1.25rem 0 .75rem}}@media(max-width:480px){.modal-panel{padding:1.25rem}.modal-title{font-size:1.25rem}.modal-skill-card{padding:.875rem}.modal-skill-name{font-size:.875rem}.modal-skill-level{font-size:.8rem}.modal-category{font-size:.95rem}}