.box[data-astro-cid-ab4ihpzs]{border:1px solid var(--gray-800);border-radius:.75rem;padding:2rem;background-color:var(--gray-999_40);box-shadow:var(--shadow-sm);max-width:1200px;margin:0 auto}.skills[data-astro-cid-ab4ihpzs]{display:flex;flex-direction:column;gap:3rem}.skills[data-astro-cid-ab4ihpzs] h2[data-astro-cid-ab4ihpzs]{font-size:var(--text-lg)}.skills[data-astro-cid-ab4ihpzs] p[data-astro-cid-ab4ihpzs]{color:var(--gray-400)}@media(min-width:50em){.box[data-astro-cid-ab4ihpzs]{border-radius:1.5rem;padding:3rem}.skills[data-astro-cid-ab4ihpzs]{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:6rem}.skills[data-astro-cid-ab4ihpzs] h2[data-astro-cid-ab4ihpzs]{font-size:var(--text-2xl)}}.image-container[data-astro-cid-ab4ihpzs]{width:150px;height:270px;border:1px solid #ddd;overflow:hidden;position:relative}.image-container[data-astro-cid-ab4ihpzs] img[data-astro-cid-ab4ihpzs]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,object-fit .3s ease}.image-container[data-astro-cid-ab4ihpzs]:hover img[data-astro-cid-ab4ihpzs]{transform:scale(1.2);object-fit:contain}.video-container{position:relative;width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center}.github-graph{width:100%;height:auto;display:block;margin:0 auto}.github-graph img{width:100%;height:auto;object-fit:contain}.github-graph video{width:80%;height:auto;object-fit:contain;border-radius:2.5rem;box-shadow:0 10px 20px #0006}.leetcode-graph{width:100%;margin-top:1rem}.leetcode-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem}.leetcode-card{background:var(--gradient-subtle);border-radius:1rem;padding:1rem;text-align:center}.leetcode-card h6{margin:0;font-size:1rem;color:var(--gray-300)}.leetcode-card p{font-size:2rem;font-weight:700;margin:.5rem 0}.progress-bar{height:4px;background:#ffffff1a;border-radius:2px;margin:.5rem 0}.progress-bar div{height:100%;border-radius:2px;transition:width 1s ease}#total-progress,#easy-progress{background:linear-gradient(90deg,#4caf50,#8bc34a);width:0%}#medium-progress{background:linear-gradient(90deg,#ffc107,#ff9800);width:0%}#hard-progress{background:linear-gradient(90deg,#f44336,#ff5722);width:0%}@media(max-width:768px){.video-container{padding:0 1rem}.github-graph,.github-graph img{width:100%}.leetcode-container{grid-template-columns:repeat(2,1fr)}.video-container video{width:80%}}@media(max-width:480px){.video-container{padding:0 .5rem}.github-graph{width:100%}.github-graph img,.github-graph video{width:100%;height:auto}.leetcode-container{grid-template-columns:1fr}.leetcode-card{padding:.75rem}.leetcode-card h6{font-size:.9rem}.leetcode-card p{font-size:1.5rem}.video-container video{width:90%}}.icon-container div .tooltip{opacity:0;position:absolute;background-color:#4b0082b3;color:#fff;padding:4px 8px;border-radius:10px;font-size:18px;white-space:nowrap;top:5px;left:110%;transition:opacity .3s ease;z-index:999}.horizontal-icons div:hover .tooltip{opacity:1}.horizontal-icons{display:flex;position:relative;background-image:url(/tymultiverse/assets/barchart-background.jpg);background-position:bottom;border-radius:20px;margin-top:1px;padding-right:8px;z-index:998}.horizontal-icons:hover{transform:scale(1.2);transition:transform .3s ease}.icon-container{margin-left:20px;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.icon-container img{width:30px;margin-left:5px;transition:transform .3s ease;cursor:pointer}.icon-container img:hover{transform:scale(1.5)}.hero{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:100%;padding:0 1rem}.hero-content{display:flex;flex-direction:column;width:100%;max-width:1200px;gap:2rem;padding:0 1rem;justify-content:center;align-items:center;margin:0 auto;box-sizing:border-box}.categories-section{border:1px solid var(--gray-800);border-radius:.75rem;padding:2rem;background-color:var(--gray-999_40);box-shadow:var(--shadow-sm);max-width:1200px;margin:2rem auto}@media(min-width:50em){.categories-section{border-radius:1.5rem;padding:3rem}}.github-stats{width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center}.roles{display:none}.hero img{object-fit:cover;object-position:top;border-radius:1rem;box-shadow:var(--shadow-md)}@media(min-width:50em){.hero{display:grid;grid-template-columns:1fr 1fr;padding-inline:1rem;gap:2rem}.roles{margin-top:.5rem;display:flex;gap:.5rem}.hero img{border-radius:1rem;object-fit:cover}}@media(max-width:768px){.hero-content{padding:0}.github-stats,.categories{width:100%;max-width:600px;margin:0 auto}.categories{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.categories .pill{flex:0 0 calc(50% - .5rem)}}@media(max-width:480px){.hero-content{padding:0 .5rem}.categories{grid-template-columns:1fr}.categories .pill{flex:0 0 100%}}.section{display:grid;gap:2rem}.with-background{position:relative}.with-background:before{--hero-bg: var(--bg-image-subtle-2);content:"";position:absolute;pointer-events:none;left:50%;width:100vw;aspect-ratio:calc(2.25 / var(--bg-scale));top:0;transform:translateY(-75%) translate(-50%);background:url(/tymultiverse/assets/backgrounds/noise.png) top center/220px repeat,var(--hero-bg) center center / var(--bg-gradient-size) no-repeat,var(--gray-999);background-blend-mode:overlay,normal,normal,normal;mix-blend-mode:var(--bg-blend-mode);z-index:-1}.with-background.bg-variant:before{--hero-bg: var(--bg-image-subtle-1)}.section-header{justify-self:center;text-align:center;max-width:50ch;font-size:var(--text-md);color:var(--gray-300)}.section-header h5{font-size:var(--text-2xl)}@media(min-width:50em){.section{grid-template-columns:repeat(4,1fr);grid-template-areas:"header header header header" "gallery gallery gallery gallery";gap:5rem}.section.with-cta{grid-template-areas:"header header header cta" "gallery gallery gallery gallery"}.section-header{grid-area:header;font-size:var(--text-lg)}.section-header h5{font-size:var(--text-4xl)}.with-cta .section-header{justify-self:flex-start;text-align:left}.gallery{grid-area:gallery}.cta{grid-area:cta}}.mention-card{display:flex;height:7rem;justify-content:center;align-items:center;text-align:center;border:1px solid var(--gray-800);border-radius:1.5rem;color:var(--gray-300);background:var(--gradient-subtle);box-shadow:var(--shadow-sm)}@media(min-width:50em){.mention-card{border-radius:1.5rem;height:9.5rem}}.categories{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;padding:1rem}.categories .category{display:flex;flex-direction:column;align-items:center;background:var(--gradient-subtle);border-radius:1rem;padding:1rem}.categories .category h5{margin-bottom:.5rem;margin-top:0;color:var(--gray-300)}.categories .pills-container{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%}.categories .subcategory-group{width:100%;margin-top:.6rem}.categories .subcategory-label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-bottom:.4rem;padding-bottom:.2rem;border-bottom:1px solid var(--gray-800);width:100%;text-align:left}.categories .pill{margin:0;flex:0 0 calc(33.333% - .5rem);min-width:100px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{display:inline-block;margin:5px 10px 5px 0;padding:5px 10px;border-radius:20px;color:#fff;font-size:14px;transition:all .3s ease;width:auto;max-width:none}.pill:hover{transform:scale(1.2);font-size:16px;font-weight:700;white-space:normal;overflow:visible}.pill.jwt,.pill.spring-security{min-width:120px}.pill.jwt:hover,.pill.spring-security:hover{font-size:18px;line-height:1.4}:root{--shade1: #e0f7ff;--shade2: #b3e8ff;--shade3: #80d8ff;--shade4: #4dc9ff;--shade5: #1abfff}.pill1{background-color:#b06c13}.pill2{background-color:#b7a414}.pill3{background-color:#306998}.pill4{background-color:#47a248}.pill5{background-color:#2496ed}.pill6{background-color:#0052cc}.pill7{background-color:#671f74}.pill8{background-color:#6e1431}.pill9{background-color:#146e66}.pill10{background-color:#2b5797}.pill11{background-color:#00bcd4}.hero-header{text-align:left;margin-bottom:2rem}.hero-header h1{font-size:var(--text-4xl);color:var(--gray-100);margin-bottom:.5rem}.hero-header p{font-size:var(--text-lg);color:var(--gray-300)}@media(max-width:768px){.hero-header{text-align:center;margin-bottom:1.5rem}.hero-header h1{font-size:var(--text-3xl)}.hero-header p{font-size:var(--text-md)}}.video-container video{width:60%;height:auto;border-radius:2.5rem;box-shadow:0 10px 20px #0006;object-fit:contain}.visit-counter{font-size:1.2em;color:var(--gray-300);margin-top:.5rem;font-style:italic}.visit-counter #visit-count{font-weight:700;color:var(--gray-100)}.portrait-container{position:relative;display:inline-block;margin:1rem auto}.ai-creation-label{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #667eea4d;z-index:10;animation:labelGlow 2s ease-in-out infinite alternate}@keyframes labelGlow{0%{box-shadow:0 2px 8px #667eea4d}to{box-shadow:0 2px 12px #667eea99}}.visitor-counter-box{display:inline-block;padding:.5rem 1rem;border:5px solid #12a8ee;border-radius:8px;margin-bottom:1rem;position:relative;background:#fff;box-shadow:0 2px 4px #0bd3c91a;animation:borderPulse 2s infinite}@keyframes borderPulse{0%{border-color:#2b7cd8;box-shadow:0 2px 4px #0000001a}50%{border-color:#bcdf21;box-shadow:0 4px 8px #0003}to{border-color:#2b7cd8;box-shadow:0 2px 4px #0000001a}}