:root{--black-color-bg: #0d1117;--gray-color: #161b22;--purple-color: #acb4fe;--purple-smoke-color: #cdd0f3;--white-smoke-color: #8b949e;--white-color: #e5e5e5;--gradient-color: linear-gradient(99.51deg, #cbbee7 9.03%, #ffffff 89.53%);--white-color-bg: #e1e3f9;--white-color-smoke-bg: #cdd0f3;--purple-dark-color: #ae88fe;--black-color: #212121;--white-gradient-color: linear-gradient( 99.51deg, #acb4fe 9.03%, #ae88fe 89.53% )}*{margin:0;padding:0;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--white-smoke-colorcolor)}.dark-mode{transition:.15s;background-color:var(--black-color-bg)}.white-mode{transition:.15s;background-color:var(--white-color-bg)}.white-mode .header-title{background:var(--white-gradient-color);background-size:100%;background-repeat:repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.white-mode a{color:var(--purple-dark-color)}.white-mode .header-title-box,.white-mode .custom-box{background-color:var(--white-color-smoke-bg);color:var(--black-color)}.white-mode .container-icon{background-color:var(--white-color-smoke-bg)}.white-mode .mode-icon{color:var(--purple-dark-color)}.purple-text{color:var(--purple-color)}.purple-smoke-text{color:var(--purple-smoke-color)}.white-text{font-weight:500;color:var(--white-color)}.gray-text{color:var(--white-smoke-color)}.white-mode .purple-text{color:var(--purple-dark-color)}.white-mode .gray-text,.white-mode .white-text{color:var(--black-color)}.white-mode .purple-smoke-text{color:var(--gray-color)}.white-mode .project-box,.white-mode .youtube-box{background-color:var(--purple-smoke-color)}.white-mode .link-decoration,.white-mode .icon-change{color:var(--purple-dark-color)}.white-mode .line{background:linear-gradient(180deg,#e1e3f9 0%,var(--purple-dark-color) 100%)}.container{position:relative;width:auto;max-width:40rem;padding:0 1.5rem;margin:0 auto}@media(max-width:425px){.container{max-width:100%;padding:5px}}.container-mode{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1080px;margin:0 auto;padding:20px 16px}.mode-left ul{display:flex;list-style:none;align-items:center;gap:28px}.mode-left ul li{display:flex;align-items:center;font-size:15px}@media(max-width:600px){.mode-left ul{gap:18px}.mode-left ul li{font-size:14px}}.nav-dropdown{padding-top:8px}.nav-dropdown .ant-dropdown-menu{padding:6px;min-width:200px}.nav-dropdown .ant-dropdown-menu-item{padding:0!important}.nav-dropdown .ant-dropdown-menu-item+.ant-dropdown-menu-item{margin-top:2px}.nav-dropdown .ant-dropdown-menu-item a{display:flex;padding:12px 16px;font-size:15px}.left-source{display:flex;align-items:center}.source-icon{padding-right:5px}.container-icon{cursor:pointer;padding:.5rem .6rem;border:none;background:var(--gray-color);border-radius:10px;transition:transform .3s ease}.container-icon:hover{transform:scale(1.1)}.container-icon:hover .mode-icon{color:var(--purple-color)}.mode-icon{color:var(--purple-smoke-color);font-size:18px;transition:color .3s ease}a{display:inline-flex;align-items:center;color:var(--white-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--purple-color)}.link-decoration{position:relative}.link-decoration:before,.link-decoration:after{content:"";width:100%;height:2px;position:absolute;bottom:-4px;left:0}.link-decoration:after{background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s ease-out}.icon-change{display:grid;width:15px;margin-left:10px;grid-template-columns:repeat(2,1fr);column-gap:20px;overflow-x:hidden}.icon-change img{width:15px;transform:translate(-35px);transition:transform .3s ease-out}a:hover .link-decoration:after{transform:scaleX(1);transform-origin:left}a:hover img{transform:translate(0)}.home-split{--hs-text: var(--white-color);--hs-muted: var(--white-smoke-color);--hs-accent: var(--purple-color);--hs-border: #30363d;max-width:1080px;margin:0 auto;padding:24px 16px 64px;display:grid;gap:48px;color:var(--hs-text);line-height:1.6}.white-mode .home-split{--hs-text: var(--black-color);--hs-muted: #5b5e73;--hs-accent: #7b54e0;--hs-border: #c3c7ea}.home-split h1{color:var(--hs-text);font-size:clamp(1.75rem,5vw,2.75rem);font-weight:600;line-height:1.2}.home-split h2{margin-bottom:8px;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hs-accent)}.home-split a{color:var(--hs-accent);text-decoration:none}.home-split a:hover{text-decoration:underline}.hs-muted{color:var(--hs-muted)}.hs-strong{color:var(--hs-text);font-weight:500}.home-split aside{display:grid;gap:12px;align-content:start}.home-split aside img{display:block;width:96px;height:96px;object-fit:cover;border-radius:50%}.home-split main section{margin-bottom:48px}.hs-timeline{list-style:none;margin:20px 0 0 6px;border-left:2px solid var(--hs-border)}.hs-timeline li{position:relative;padding:0 0 28px 24px}.hs-timeline li:before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--hs-accent)}.hs-skill{padding:16px 0;border-bottom:1px solid var(--hs-border)}@media(min-width:860px){.home-split{grid-template-columns:340px 1fr;gap:72px}.home-split aside{position:sticky;top:24px;align-self:start;max-height:calc(100vh - 48px);overflow-y:auto}}