:root{--primary-color: #8b5cf6;--secondary-color: #06b6d4;--accent-color: #f59e0b;--bg-color: #0c0a1a;--card-bg: #1a1625;--text-primary: #f8fafc;--text-secondary: #a1a1aa;--border-color: #2d2438;--hover-bg: #252033;--success-color: #10b981;--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%);--gradient-secondary: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,monospace;font-weight:100;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;display:flex;align-items:center}#root{width:100%;max-width:1200px}.portfolio-container{display:grid;grid-template-columns:1fr 2fr;gap:2rem;background-color:var(--card-bg);border-radius:1rem;box-shadow:0 4px 6px -1px #0000004d;padding:1.75rem}.left-section{border-right:1px solid var(--border-color);padding-right:2rem;overflow:hidden}.hero{text-align:center;margin-bottom:2rem}.hero img{width:200px;height:200px;border-radius:50%;margin-bottom:1rem;object-fit:cover;border:3px solid transparent;background:var(--gradient-primary);padding:3px}.hero img:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--card-bg)}.hero h1{font-size:1.8rem;margin-bottom:.5rem}.hero p{color:var(--text-secondary);margin-bottom:1.5rem}.social-links{display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.social-links a{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;background:var(--hover-bg);color:var(--text-primary);text-decoration:none;border:1px solid var(--border-color);transition:all .3s ease}.social-links a:hover{background:var(--gradient-primary);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.docs-links a{background-color:var(--card-bg)}.skills-icons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:2rem;overflow:visible}.skill-icon{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.75rem;padding:.75rem .5rem;border-radius:.5rem;background:var(--hover-bg);border:1px solid var(--border-color);transition:all .3s ease;min-width:70px;text-align:center;flex-shrink:0}.skill-icon:hover{background:var(--gradient-primary);border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 6px 20px #8b5cf64d}.skill-icon:hover span{color:var(--text-primary);font-weight:500}.skill-icon svg{width:1.75rem;height:1.75rem;color:var(--primary-color);transition:all .3s ease}.skill-icon:hover svg{color:var(--text-primary);transform:scale(1.1)}.skill-icon span{font-weight:400;line-height:1.2;transition:all .3s ease}.tabs{gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.tab{font-family:JetBrains Mono,monospace;padding:.75rem 1.5rem;border:none;background:none;color:var(--text-secondary);cursor:pointer}.tab.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color);background:linear-gradient(135deg,#8b5cf61a,#06b6d41a)}.experience-item{margin-bottom:2rem;padding:1.5rem;border-radius:.5rem;background:var(--hover-bg);border:1px solid var(--border-color);text-align:left;transition:all .3s ease}.experience-item:hover{border-color:var(--primary-color);box-shadow:0 4px 20px #8b5cf633}.experience-item h3{color:var(--primary-color);margin-bottom:.5rem}.experience-item h4{color:var(--text-secondary);font-weight:500;margin-bottom:.25rem}.experience-item span{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.inter{line-height:1.6}.scrollable{height:41rem;overflow-y:auto}.scrollable::-webkit-scrollbar{width:8px}.scrollable::-webkit-scrollbar-track{background:var(--card-bg);border-radius:10px}.scrollable::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:10px;border:2px solid var(--card-bg)}.scrollable::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}@media (max-width: 768px){.portfolio-container{grid-template-columns:1fr}.left-section{border-right:none;border-bottom:1px solid var(--border-color);padding-right:0;padding-bottom:2rem}.right-section{padding-left:0}.tabs{flex-wrap:wrap}.skills-icons{flex-wrap:nowrap;justify-content:flex-start;overflow-x:scroll;overflow-y:hidden;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--card-bg)}.skills-icons::-webkit-scrollbar{height:6px}.skills-icons::-webkit-scrollbar-track{background:var(--card-bg);border-radius:10px}.skills-icons::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:10px}.skills-icons::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}.skills-icons{gap:1rem}}@media (max-width: 650px){.portfolio-container{justify-content:center}.scrollable{height:auto}}@media (max-width: 500px){#root{width:max-content}.social-links{flex-wrap:wrap;justify-content:center}.experience-item .skills-icons{flex-wrap:wrap;gap:.2rem;justify-content:center}.experience-item .skill-icon:hover{transform:translateY(0)}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}