:root{--primary-color: #0c0320;--secondary-color: #150b33;--accent-color: #7127BA;--accent-glow: rgba(113, 39, 186, .4);--accent-pink: #ff00ff;--pink-glow: rgba(255, 0, 255, .4);--text-primary: #ffffff;--text-secondary: #b8b8d4;--card-bg: rgba(30, 15, 60, .6);--mweb-card-bg: rgba(30, 15, 60, .9);--aside-card-bg: rgba(30, 15, 60, .9);--header-bg: rgba(12, 3, 32, .8);--divider-color: #7127BA;--skill-tag-color:#ffffff}[data-theme=light]{--primary-color: #f5f5f7;--secondary-color: #e8e8e8;--accent-color: #7127BA;--accent-glow: rgba(113, 39, 186, .4);--accent-pink: #ff00ff;--pink-glow: rgba(255, 0, 255, .4);--text-primary: #333333;--text-secondary: #666666;--card-bg: rgba(255, 255, 255, .8);--aside-card-bg:rgba(255, 255, 255, .9);--header-bg: rgba(245, 245, 247, .8);--divider-color: #7127BA;--skill-tag-color:#7127BA}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background-color:var(--primary-color);background-image:radial-gradient(circle at 20% 30%,rgba(138,43,226,.2),transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,200,255,.2),transparent 40%);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}a{text-decoration:none;color:var(--accent-color);transition:all .3s ease}button{background-color:transparent;border:1px solid var(--accent-color);color:var(--accent-color);padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .3s ease}button:hover{background-color:#00c8ff33;box-shadow:0 0 15px var(--accent-glow)}section{padding:100px 0;position:relative}.section-title{font-size:2rem;margin-bottom:2rem;position:relative;text-align:center}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:70px;height:4px;background-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.glow-text{color:var(--accent-pink);text-shadow:0 0 10px var(--pink-glow)}.vertical-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background-color:var(--divider-color);box-shadow:0 0 10px var(--accent-glow);z-index:1;display:none}@media (min-width: 992px){.vertical-divider{display:block}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.section-title{font-size:2.5rem;margin-bottom:3rem;text-align:center;color:var(--text-primary);position:relative;transition:color .3s ease}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.glow-text{color:var(--accent-color);text-shadow:0 0 10px var(--accent-glow)}@media (max-width: 1200px){.container{max-width:992px}}@media (max-width: 992px){.container{max-width:768px}.section-title{font-size:2.2rem}}@media (max-width: 768px){.container{max-width:576px;padding:0 1.5rem}.section-title{font-size:2rem;margin-bottom:2rem}.section-title:after{width:60px}}@media (max-width: 576px){.container{padding:0 1rem}.section-title{font-size:1.8rem;margin-bottom:1.5rem}.section-title:after{width:50px;height:2px}}body.no-scroll{overflow:hidden}.toggle-icon svg{color:var(--accent-color);stroke-width:2px;transition:color .3s ease}.toggle-icon svg:hover{color:var(--accent-color);filter:drop-shadow(0 0 5px var(--accent-glow))}