body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--sidebar-function-bg:#e0d5c8b3;--sidebar-function-hover-bg:#d3c2afe6;--sidebar-function-text:#333;--sidebar-function-bg-dark:#2a2a2acc;--sidebar-function-hover-bg-dark:#3a3a3ae6;--sidebar-function-text-dark:#e0e0e0;--primary-color:#38e078;--secondary-color:#e8f2ec;--background-color:#f8fbfa;--text-color:#0e1a13;--border-color:#d1e6d9;--text-secondary-color:#51946b;--sidebar-bg:var(--background-color);--topbar-bg:var(--background-color);--content-bg:var(--background-color)}body.dark-mode{--primary-color:#fff;--secondary-color:#333;--background-color:#121212;--text-color:#fff;--border-color:#444;--text-secondary-color:#bbb;--sidebar-bg:var(--background-color);--topbar-bg:var(--background-color);--content-bg:var(--background-color);background-color:#f8fbfa;background-color:var(--background-color);color:#0e1a13;color:var(--text-color)}body.dark-mode .Sidebar{background-color:#f8fbfa!important;background-color:var(--sidebar-bg)!important;color:#0e1a13;color:var(--text-color)}body.dark-mode .TopBar{background-color:#f8fbfa;background-color:var(--topbar-bg)}body.dark-mode .TopBar.login-page{background-color:#1a1a1a;border-bottom:1px solid #333}body.dark-mode .SidebarList a{color:#0e1a13;color:var(--text-color)}body.dark-mode .article-container{background-color:#f8fbfa;background-color:var(--background-color)}body.dark-mode .sub-menu{background-color:#252525;border-color:#333}body.dark-mode .menu-link{color:#0e1a13;color:var(--text-color)}body.dark-mode .menu-icon{color:#51946b;color:var(--text-secondary-color)}body.dark-mode .sub-menu{background-color:#f8fbfa;background-color:var(--background-color)}body.dark-mode .menu-link.active-link,body.dark-mode .menu-link:hover{background-color:#e8f2ec;background-color:var(--secondary-color)}body.dark-mode .submenu-toggle{color:#0e1a13;color:var(--text-color)}body.dark-mode .TopBar button,body.dark-mode .home-btn,body.dark-mode .home-btn.btn-active,body.dark-mode .lang-btn,body.dark-mode .lang-btn-active,body.dark-mode .login-button,body.dark-mode .login-button.btn-active,body.dark-mode .logout-button,body.dark-mode .topbar-btn{color:#fff!important}.SidebarList{list-style-type:none;margin:0;min-height:1vh;padding:0}.SidebarList a{color:#000;text-decoration:none}.Sidebar{background-color:#f8fbfa!important;background-color:var(--background-color)!important;border-right:1px solid #d1e6d9;border-right:1px solid var(--border-color);box-shadow:none;color:#0e1a13;color:var(--text-color);font-family:Inter,Noto Sans,sans-serif;height:100vh;overflow-y:auto;padding:20px 20px 50px;position:fixed;top:37px;width:250px;z-index:999}.Sidebar::-webkit-scrollbar{width:8px}.Sidebar::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.Sidebar::-webkit-scrollbar-track{background-color:#fff0e5}.SidebarList li{list-style:none;margin:8px 0;padding:0}.menu-item-content{align-items:center;display:flex;justify-content:space-between;position:relative}.menu-link-wrapper{flex:1 1}.menu-link{border-radius:9999px;font-size:14px;font-weight:500;max-width:100%;padding:8px 12px;text-decoration:none;transition:background-color .2s;width:fit-content}.menu-link,.submenu-toggle{align-items:center;color:#0e1a13;color:var(--text-color);display:flex}.submenu-toggle{background:none;border:none;cursor:pointer;justify-content:center;padding:8px}.menu-link.active-link{font-weight:600}.has-submenu .menu-link:hover,.menu-link.active-link,.menu-link:hover{background-color:#e8f2ec;background-color:var(--secondary-color)}.has-submenu .menu-link:hover{cursor:pointer}.menu-item[data-menu-key="sidebar.financeResearch"]>.menu-item-content>.menu-link.active-link,.menu-item[data-menu-key="sidebar.financeResearch"]>.menu-item-content>.menu-link:hover{background-color:initial!important;font-weight:400!important}.menu-item[data-menu-key="sidebar.financeResearch"] .sub-menu .menu-link.active-link,.menu-item[data-menu-key="sidebar.financeResearch"] .sub-menu .menu-link:hover{background-color:#e8f2ec!important;background-color:var(--secondary-color)!important;font-weight:600!important}.submenu-toggle:hover{background-color:initial}.TopBar{align-items:center;background-color:#f8fbfa;background-color:var(--background-color);border-bottom:1px solid #d1e6d9;border-bottom:1px solid var(--border-color);box-sizing:border-box;display:flex;height:37px;justify-content:space-between;left:0;padding:0;position:fixed;top:0;width:100%;z-index:1000}.left-buttons{gap:0;margin-left:5px}.left-buttons,.right-buttons{align-items:center;display:flex;height:100%}.right-buttons{margin-right:5px}.home-btn,.lang-btn,.login-button,.logout-button{align-items:center;background-color:initial;border:none;border-radius:9999px;color:#0e1a13;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;height:28px;margin:0 2px;padding:5px 12px;transition:background-color .2s,color .2s}.home-btn.btn-active,.home-btn:hover,.lang-btn-active,.lang-btn:hover,.login-button.btn-active,.login-button:hover,.logout-button:hover{background-color:#e8f2ec;background-color:var(--secondary-color)}.home-btn.btn-active,.lang-btn-active,.login-button.btn-active{font-weight:600}.logout-button{background-color:#e8f2ec;color:#38e078;font-weight:500}.logout-button:hover{background-color:#d1e6d9}.arrow-icon{position:absolute;right:0}.menu-title{align-items:center;display:flex;justify-content:space-between;width:100%}.menu-icon{align-items:center;color:#0e1a13;color:var(--text-color);display:inline-flex;font-size:18px;height:24px;justify-content:center;margin-right:12px;text-align:center;width:24px}@media (max-width:768px){.arrow-icon{font-size:15px;margin-top:2.5px}}.sub-menu{background-color:#f8fbfa;background-color:var(--background-color);border:none;list-style:none;margin-bottom:5px;margin-left:0;margin-top:5px;max-width:calc(100% - 36px);padding:0 0 0 36px;width:100%}.sub-menu.level-1{padding-left:36px}.sub-menu.level-1,.sub-menu.level-2{background-color:#f8fbfa;background-color:var(--background-color);border-left:none}.sub-menu.level-2{padding-left:48px}.menu-item.level-1{font-size:.95em}.menu-item.level-2{font-size:.9em}.sub-menu .menu-link{align-items:center;border-radius:9999px;display:flex;max-width:180px;padding:8px 12px;width:calc(100% - 24px)}.sub-menu .menu-link:hover{color:#0e1a13;color:var(--text-color)}.sub-menu .menu-link.active-link,.sub-menu .menu-link:hover{background-color:#e8f2ec;background-color:var(--secondary-color)}.sub-menu .menu-link.active-link{font-weight:600}.sub-menu-item:last-child{margin-bottom:7px}.sub-menu-item:first-child{margin-top:7px}.sub-menu-item{list-style-type:none}.language-link{text-decoration:none}.language-switcher{display:inline}.article-container{background-color:#f8fbfa;background-color:var(
    --background-color
  );box-sizing:border-box;margin-left:290px;margin-right:0;margin-top:-40px;padding:20px}.abc{background-color:#f8fbfa;height:calc(100vh - 37px);margin-top:37px;overflow-y:auto}.overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.overlay-content{background:#fff;border-radius:10px;box-shadow:0 0 10px #00000080;max-width:500px;padding:30px;text-align:center;white-space:pre-line;width:90%}.reminder-title{color:red;font-size:24px;margin-bottom:20px}.overlay-content p{color:#000;font-size:16px;margin-bottom:20px}.reminder-button{background-color:#8f1a1a;border:1px solid #0000;border-radius:9px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease,border-color .3s ease}.reminder-button:hover{background-color:#602141;border-color:rgba(134,17,40,.994)}.topbar-icon{font-size:16px}@media (max-width:768px){.Sidebar{overflow-x:hidden;padding:15px 5px;width:50px;z-index:1000}.Sidebar .menu-text{display:none;opacity:0;visibility:hidden;white-space:nowrap}.Sidebar.clicked{width:50px!important}.menu-icon{margin-left:auto;margin-right:auto}.Sidebar.clicked:hover{box-shadow:none!important;width:50px!important}.Sidebar.clicked:after{content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.article-container{margin-left:70px;margin-top:-40px}.menu-text{opacity:0;transition:opacity .2s ease;white-space:nowrap}.Sidebar:hover .menu-text{opacity:1}.menu-link{font-size:13px;justify-content:flex-start;padding:6px 10px}.menu-icon{display:flex;font-size:16px;height:20px;justify-content:center;margin-right:8px;min-width:20px;width:20px}.submenu-toggle{font-size:12px;opacity:0;padding:5px;transition:opacity .2s ease}.Sidebar:hover .submenu-toggle{opacity:1}.sub-menu{margin-bottom:3px;margin-top:3px;padding-left:15px}.sub-menu-item{margin:3px 0}.breadcrumb{padding-left:80px!important}.topbar-icon{font-size:16px}}.TopBar button{background-color:rgba(0,0,0,.222);border:1px solid #ccc;border-radius:999px;color:#000!important;cursor:pointer;font-size:13px;height:25px;line-height:0px;margin:0 3px;padding:5px 10px;transition:all .3s ease}.TopBar button.btn-active,.topbar-btn.btn-active{background-color:#8e7a55!important;border-color:#8e7a55!important;box-shadow:0 2px 4px #8e7a554d;color:#fff!important;font-weight:700}.login-button.btn-active{background-color:#6d5e43!important;box-shadow:0 2px 4px #6d5e434d;color:#fff!important;font-weight:700}.lang-btn-active{background-color:#8e7a55!important;border-color:#8e7a55!important;box-shadow:0 2px 4px #8e7a554d;color:#fff!important;font-weight:700}.login-page .lang-btn{border-color:#8e7a554d;color:#000!important}.login-page .lang-btn-active{background-color:#8e7a55!important;border-color:#8e7a55!important;color:#000!important}.language-buttons{align-items:center;display:flex;gap:10px;height:100%}.lang-btn{background-color:initial;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:14px;height:25px;line-height:1;padding:3px 10px;transition:all .3s ease}.lang-btn:active{background-color:#6d5e43;border-color:#6d5e43;color:#fff}.lang-btn-active{border-color:#8e7a55}.lang-btn-active,.login-button{background-color:#8e7a55;color:#fff}.login-button{border:none;border-radius:0;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease;z-index:1001}.TopBar.login-page{background-color:initial;border-bottom:2px solid #000}.home-btn{background-color:initial;border:1px solid #e0e0e0;border-radius:4px;color:#000!important;cursor:pointer;font-size:14px;height:25px;line-height:1;padding:3px 10px;transition:all .3s ease}.home-btn.btn-active{background-color:#8e7a55!important;border-color:#8e7a55!important;box-shadow:0 2px 4px #8e7a554d;color:#000!important;font-weight:700}.home-btn:active{background-color:#6d5e43;border-color:#6d5e43;color:#000!important}.left-buttons .home-btn,.left-buttons .lang-btn{border-radius:100px;margin:0}.left-buttons button:first-child{border-bottom-left-radius:100px;border-top-left-radius:100px}.left-buttons button:last-child{border-bottom-right-radius:100px;border-top-right-radius:100px}.home-content{height:100vh;margin-left:0!important;margin-top:45px}.non-home-page{margin-left:-19px!important;margin-top:-17px!important}.sidebar-function-grid{bottom:20px;display:flex;flex-direction:row;gap:8px;left:20px;position:fixed;width:auto;z-index:1010}.sidebar-function-box{align-items:center;background-color:#e9e1d9d9;border-radius:5px;box-shadow:0 2px 3px #0000001a;color:#333;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.sidebar-function-box svg{height:20px;width:20px}.sidebar-function-box:hover{background-color:#ddd2c7f2;box-shadow:0 4px 6px #00000026;transform:translateY(-2px)}.sidebar-function-box:hover:after{background-color:#000000b3;border-radius:4px;color:#fff;content:attr(title);font-size:12px;left:50px;padding:5px 10px;position:absolute;white-space:nowrap;z-index:1020}.sidebar-function-box.active{background-color:#c0ab8e;box-shadow:inset 0 0 5px #0003;color:#333}.dark-mode .sidebar-function-box{background-color:#e0ebe4bf;color:#fff}.dark-mode .abc{background-color:#121212}.dark-mode .sidebar-function-box:hover{background-color:#646464d9}.dark-mode .sidebar-function-box.active{background-color:#6d6661;color:#fff}@media (max-width:768px){.sidebar-function-grid{bottom:15px;flex-direction:column;gap:6px;left:10px;width:35px}.sidebar-function-box{font-size:16px;height:35px;width:35px}.sidebar-function-box svg{height:18px;width:18px}}.dropdown-container{display:inline-block;margin-left:5px;position:relative}.dropdown-button{align-items:center;background-color:rgba(0,0,0,.222);border:1px solid #ccc;border-radius:999px;color:#fff!important;cursor:pointer;display:flex;font-size:13px;gap:3px;padding:4px 10px;transition:all .3s ease}.dropdown-button svg{font-size:15px}.dark-mode .dropdown-button{background-color:#505050bf;border-color:#555}.dropdown-menu{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 8px #0003;left:0;margin-top:5px;min-width:150px;overflow:hidden;position:absolute;top:100%;z-index:1100}.dark-mode .dropdown-menu{background-color:#2a2a2a;border-color:#444}.dropdown-menu button{align-items:center;background:none;border:none;border-bottom:1px solid #eee;color:#333!important;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 15px;text-align:left;width:100%}.dark-mode .dropdown-menu button{border-bottom-color:#444;color:#e0e0e0!important}.dropdown-menu button:last-child{border-bottom:none}.dropdown-menu button:hover{background-color:#f5f5f5}.dark-mode .dropdown-menu button:hover{background-color:#3a3a3a}.function-btn{align-items:center;display:flex}.function-btn svg{font-size:16px;margin-right:3px}.function-btn-active{background-color:#eee!important;font-weight:700}.dark-mode .function-btn-active{background-color:#444!important}@media (max-width:768px){.sidebar-function-grid{display:none}}.membersetup{font-size:20px;text-align:center}.send-code-button{background-color:#d3d3d3;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:14px;margin-bottom:10px;padding:8px 12px}.send-code-button:hover{background-color:silver}.home-content{background-color:#fff;color:#1e293b;margin:0 auto;max-width:1200px;padding:1rem;width:100%}.dark-mode .home-content,.dark-mode .home-content-wrapper{background-color:#121212;color:#fff}.dark-mode .home-content-wrapper{border-radius:0;box-shadow:none;padding:0}.dark-mode .profile-header,.dark-mode .profile-intro{background-color:#121212}.dark-mode .section-title{color:#94a3ff;text-shadow:0 0 5px #6366f166}.dark-mode .adventure-card{background-color:#121212;border:none;box-shadow:none;margin-bottom:15px;overflow:hidden;padding-bottom:15px;position:relative}.dark-mode .adventure-card:not(:last-child){border-bottom:1px solid #222}.dark-mode .adventure-title{color:#fff}.dark-mode .adventure-period{color:#bfbfbf}.dark-mode .adventure-details li{color:#e0e0e0}.dark-mode .home-footer{background-color:#121212}.dark-mode .connect-text{color:#ccc}.dark-mode .contact-link{background-color:#111;border:none;color:#fff}.dark-mode .contact-link:hover{background-color:#333}.dark-mode .copyright{color:#999}.dark-mode .skill-tag{background-color:#111;border:none;box-shadow:none;color:#fff}.dark-mode .skill-tag:hover{background-color:#222;box-shadow:none;transform:none;transition:background-color .3s ease}.dark-mode .profile-photo{border:none;box-shadow:none}.dark-mode .name-title{color:#fff}.dark-mode .job-title{color:#b0b0b0}.dark-mode .personal-intro{color:#ccc}.dark-mode .story-paragraph,.dark-mode .story-text{color:#fff;font-size:1.05rem;line-height:1.6}.dark-mode .story-section{background-color:#121212;border:none;border-radius:0;box-shadow:none;margin-bottom:1.5rem;overflow:hidden;padding:1rem 0;position:relative}.dark-mode .story-section:before{display:none}.content-hidden{visibility:hidden}.content-loaded{visibility:visible}.page-container{background-color:var(--background-color);box-sizing:border-box;margin-left:290px;margin-top:37px;min-height:calc(100vh - 37px);padding:20px}.dark-mode .page-container{background-color:#121212;color:#fff;margin-left:250px;padding-left:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in-element{animation:fadeInDown .6s ease-out forwards;opacity:0;will-change:opacity,transform}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}.delay-5{animation-delay:1s}.home-content{background-color:#f9fafb;color:#374151;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;min-height:100vh}.login-button{align-items:center;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;color:#1e293b;display:flex;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.login-button:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(1.05)}.home-content-wrapper{padding-top:1.5rem;width:100%}.profile-header{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:3rem}@media (min-width:768px){.profile-header{flex-direction:row-reverse;justify-content:space-between}}.profile-image-container{flex-shrink:0;margin-bottom:1.5rem;margin-right:0;text-align:center}@media (min-width:768px){.profile-image-container{margin-bottom:0;margin-left:2.5rem;margin-right:0;text-align:right}}.image-wrapper{border-radius:9999px;display:inline-block;height:fit-content;margin:0 auto;position:relative;width:fit-content}.profile-image{border:4px solid #6366f1;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:block;height:10rem;object-fit:cover;transition:filter .3s ease;width:10rem}.blur-image .profile-image{filter:blur(10px)}.show-image .profile-image{filter:blur(0)}.show-image-btn{background-color:#6366f1cc;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;left:50%;opacity:0;padding:.5rem 1rem;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s;visibility:hidden;z-index:5}.image-wrapper:hover .show-image-btn{opacity:1;visibility:visible}.show-image-btn:hover{background-color:#6366f1;box-shadow:0 0 10px #6366f180}@media (min-width:1024px){.profile-image{height:12rem;object-fit:cover;width:12rem}}.social-links{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}@media (min-width:768px){.social-links{justify-content:flex-start}}.social-link{transition:color .3s}.social-link.linkedin{color:#6366f1}.social-link.github{color:#94a3b8}.social-link:hover{color:#ec4899;transform:rotate(15deg) scale(1.1)}.social-icon{height:2rem;transition:transform .3s ease-out;width:2rem}.profile-info{flex:1 1}.profile-name{color:#1e293b;font-size:2.25rem;font-weight:800;margin-bottom:.75rem;text-align:center}@media (min-width:640px){.profile-name{font-size:3rem}}@media (min-width:1024px){.profile-name{font-size:3.75rem}}@media (min-width:768px){.profile-name{text-align:left}}.profile-title{color:#94a3b8;font-size:1.5rem;text-align:center}@media (min-width:1024px){.profile-title{font-size:1.875rem}}@media (min-width:768px){.profile-title{text-align:left}}.story-section{margin-top:2.5rem}.dark-mode .story-section{margin-top:0}.section-title{border-bottom:2px solid #6366f1;color:#6366f1;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem;text-shadow:1px 1px 1px #0000000d}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6366f1,#ec4899);-webkit-background-clip:text;background-clip:text;color:#0000}.story-paragraph{color:#1e293b;font-size:1.125rem;line-height:1.625;margin-bottom:1rem}.skills-experience-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr}@media (min-width:768px){.skills-experience-grid{grid-template-columns:1fr 1fr}}.toolkit-section{margin-bottom:2.5rem}.skills-container{background-color:#fafafa;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:.5rem;margin:0 auto;max-width:85%;padding:1rem}.skill-category{border-bottom:1px solid #e5e7eb;color:#374151;font-size:.95rem;font-weight:600;margin-bottom:.3rem;padding-bottom:.2rem}.skill-category-group{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-start;margin-bottom:.5rem}.skill-tag{border:1px solid #0000;border-radius:9999px;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:.875rem;font-weight:600;margin:.2rem;padding:.4rem 1rem;transition:all .3s}.mobile-skill-tag.backend,.skill-tag.backend{background-color:#0ea5e926;border-color:#0ea5e94d;color:#0ea5e9}.mobile-skill-tag.backend:hover,.skill-tag.backend:hover{background-color:#0ea5e940}.skill-tag.css,.skill-tag.frontend,.skill-tag.html,.skill-tag.javascript,.skill-tag.nodejs,.skill-tag.react,.skill-tag.reactNative{background-color:#6366f126;border-color:#6366f14d;color:#6366f1}.skill-tag.css:hover,.skill-tag.frontend:hover,.skill-tag.html:hover,.skill-tag.javascript:hover,.skill-tag.nodejs:hover,.skill-tag.react:hover,.skill-tag.reactNative:hover{background-color:#6366f140}.mobile-skill-tag.express,.skill-tag.express{background-color:#a855f726;border-color:#a855f74d;color:#a855f7}.mobile-skill-tag.express:hover,.skill-tag.express:hover{background-color:#a855f740}.skill-tag.sql{background-color:#eab30826;border-color:#eab3084d;color:#eab308}.skill-tag.sql:hover{background-color:#eab30840}.mobile-skill-tag.sql{background-color:#f9731626;border-color:#f973164d;color:#f97316}.mobile-skill-tag.sql:hover{background-color:#f9731640}.skill-tag.postgresql{background-color:#eab30826;border-color:#eab3084d;color:#eab308}.skill-tag.postgresql:hover{background-color:#eab30840}.mobile-skill-tag.postgresql{background-color:#f9731626;border-color:#f973164d;color:#f97316}.mobile-skill-tag.postgresql:hover{background-color:#f9731640}.skill-tag.mongodb{background-color:#eab30826;border-color:#eab3084d;color:#eab308}.skill-tag.mongodb:hover{background-color:#eab30840}.mobile-skill-tag.mongodb{background-color:#f9731626;border-color:#f973164d;color:#f97316}.mobile-skill-tag.mongodb:hover,.mobile-skill-tag.postgresql:hover,.mobile-skill-tag.sql:hover{background-color:#f9731640}.dark-mode .mobile-skill-tag.mongodb,.dark-mode .mobile-skill-tag.postgresql,.dark-mode .mobile-skill-tag.sql{background-color:#fcb04540;border-color:#fcb04580;color:#fcb045}.dark-mode .mobile-skill-tag.mongodb:hover,.dark-mode .mobile-skill-tag.postgresql:hover,.dark-mode .mobile-skill-tag.sql:hover{background-color:#fcb04559}.skill-tag.financial,.skill-tag.market,.skill-tag.professional{background-color:#ec489926;border-color:#ec48994d;color:#ec4899}.skill-tag.financial:hover,.skill-tag.market:hover,.skill-tag.professional:hover{background-color:#ec489940}.skill-tag.cantonese,.skill-tag.english,.skill-tag.language,.skill-tag.mandarin{background-color:#14b8a626;border-color:#14b8a64d;color:#14b8a6}.skill-tag.cantonese:hover,.skill-tag.english:hover,.skill-tag.language:hover,.skill-tag.mandarin:hover{background-color:#14b8a640}.skill-tag.japanese{background-color:#facc1526;border-color:#facc154d;color:#eab308}.skill-tag.japanese:hover{background-color:#facc1540}.mobile-skill-tag.tools,.skill-tag.tools{background-color:#8b5cf626;border-color:#8b5cf64d;color:#8b5cf6}.mobile-skill-tag.tools:hover,.skill-tag.tools:hover{background-color:#8b5cf640}.mobile-skill-tag.soft,.skill-tag.soft{background-color:#b4530926;border-color:#b453094d;color:#b45309}.mobile-skill-tag.soft:hover,.skill-tag.soft:hover{background-color:#b4530940}.adventures-section{margin-bottom:2.5rem}.adventures-container{display:flex;flex-direction:column;gap:1.5rem}.adventure-card{background-color:#1e293b08;border:1px solid #1e293b1a;border-radius:.5rem;padding:1.5rem;transition:background-color .3s}.adventure-card:hover{background-color:#1e293b0d}.adventure-title{color:#ec4899;font-size:1.25rem;font-weight:600}.adventure-period{color:#64748b;font-size:.875rem;margin-bottom:.25rem}.adventure-details{color:#1e293b;display:flex;flex-direction:column;font-size:.875rem;gap:.375rem;list-style-position:inside;list-style-type:disc;margin-top:.75rem}.home-footer{border-top:1px solid #334155;margin-top:4rem;padding-top:2rem;text-align:center}.footer-title{color:#6366f1;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;text-shadow:1px 1px 1px #0000000d}.connect-text{color:#94a3b8;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:32rem}.contact-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2rem}.contact-link{align-items:center;color:#1e293b;display:flex;font-size:1.125rem;transition:opacity .3s}.contact-link:hover{opacity:.8}.contact-link .arrow{font-size:.875rem;margin-left:.25rem;opacity:0;transform:translateX(0);transition:opacity .3s,transform .3s}.contact-link:hover .arrow{opacity:1;transform:translateX(.25rem)}.copyright{color:#64748b;font-size:.875rem}@media (max-width:767px){.home-content{margin-left:50px;padding:0}.home-content-wrapper{padding:0}.mobile-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;padding:1.25rem}.dark-mode .mobile-card{background-color:#1e1e1e;border-color:#444;box-shadow:0 2px 6px #0000004d}.mobile-profile-card{padding-bottom:1.5rem;padding-top:1.5rem;text-align:center}.mobile-avatar-container{display:flex;justify-content:center;margin-bottom:1rem}.mobile-avatar{border:3px solid #38e078;border-radius:9999px;height:8rem;object-fit:cover;width:8rem}.dark-mode .mobile-avatar{border-color:#fff}.mobile-name{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.dark-mode .mobile-name{color:#fff}.mobile-title{color:#38e078;font-size:1.125rem;margin-bottom:.5rem}.dark-mode .mobile-title{color:#fff}.mobile-location{font-size:.875rem}.mobile-text{color:#4b5563;font-size:.9375rem;line-height:1.5}.dark-mode .mobile-text{color:#e0e0e0}.mobile-section-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.dark-mode .mobile-section-title{color:#fff}.mobile-skills-container{display:flex;flex-direction:column;margin-bottom:2rem;margin-top:1rem}.mobile-skill-category{border-bottom:1px solid #edf2f7;color:#2d3748;font-size:.95rem;font-weight:600;margin-bottom:.5rem;margin-top:1.2rem;padding-bottom:.3rem}.dark-mode .mobile-skill-category{border-bottom:1px solid #4a5568;color:#e2e8f0}.mobile-skill-category:first-child{margin-top:.5rem}.mobile-skill-category-group{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:.5rem}.mobile-skill-tag{border:1px solid #0000;border-radius:15px;box-shadow:0 2px 3px #0000000d;display:inline-block;font-size:.8rem;font-weight:500;padding:5px 10px}.dark-mode .mobile-skill-tag{box-shadow:0 2px 5px #0003;font-weight:600}.mobile-skill-tag.frontend{background-color:#1e90ff26;border-color:#1e90ff4d;color:#1e90ff}.mobile-skill-tag.frontend:hover{background-color:#1e90ff40}.dark-mode .mobile-skill-tag.frontend{background-color:#1e90ff40;border-color:#1e90ff80;color:#4da6ff}.dark-mode .mobile-skill-tag.frontend:hover{background-color:#1e90ff59}.mobile-skill-tag.backend{background-color:#38e07826;border-color:#38e0784d;color:#38e078}.mobile-skill-tag.backend:hover{background-color:#38e07840}.dark-mode .mobile-skill-tag.backend{background-color:#38e07840;border-color:#38e07880;color:#5cf096}.dark-mode .mobile-skill-tag.backend:hover{background-color:#38e07859}.mobile-skill-tag.tools{background-color:#8a2be226;border-color:#8a2be24d;color:#8a2be2}.mobile-skill-tag.tools:hover{background-color:#8a2be240}.dark-mode .mobile-skill-tag.tools{background-color:#8a2be240;border-color:#8a2be280;color:#b569f8}.dark-mode .mobile-skill-tag.tools:hover{background-color:#8a2be259}.mobile-skill-tag.professional{background-color:#dc143c26;border-color:#dc143c4d;color:#dc143c}.mobile-skill-tag.professional:hover{background-color:#dc143c40}.dark-mode .mobile-skill-tag.professional{background-color:#dc143c40;border-color:#dc143c80;color:#ff4d6a}.dark-mode .mobile-skill-tag.professional:hover{background-color:#dc143c59}.mobile-skill-tag.soft{background-color:#8b451326;border-color:#8b45134d;color:#8b4513}.dark-mode .mobile-skill-tag.soft{background-color:#cd853f40;border-color:#cd853f80;color:peru}.dark-mode .mobile-skill-tag.soft:hover{background-color:#cd853f59}.mobile-skill-tag.soft:hover{background-color:#8b451340}.mobile-skill-tag.language{background-color:#008b8b26;border-color:#008b8b4d;color:#008b8b}.mobile-skill-tag.language:hover{background-color:#008b8b40}.dark-mode .mobile-skill-tag.language{background-color:#00ced140;border-color:#00ced180;color:#00ced1}.dark-mode .mobile-skill-tag.language:hover{background-color:#00ced159}.mobile-experience-item{margin-bottom:1rem}.mobile-company{color:#1f2937;font-size:1rem;font-weight:600}.dark-mode .mobile-company{color:#fff}.mobile-position{color:#38e078;font-size:.9375rem}.dark-mode .mobile-position{color:#fff}.mobile-period{color:#6b7280;font-size:.8125rem;margin-bottom:.5rem}.dark-mode .mobile-period{color:#bbb}.mobile-location{color:#6b7280;font-size:.8125rem;font-style:italic;margin-bottom:.75rem}.dark-mode .mobile-location{color:#bbb}.mobile-details{list-style-type:disc;margin-top:.5rem;padding-left:1.25rem}.mobile-details li{color:#4b5563;font-size:.875rem;line-height:1.4;margin-bottom:.375rem}.dark-mode .mobile-details li{color:#d1d5db}.mobile-link-item{align-items:center;border-radius:.375rem;color:#1f2937;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;transition:background-color .15s}.mobile-link-item:hover{background-color:#f3f4f6}.dark-mode .mobile-link-item{color:#fff}.dark-mode .mobile-link-item:hover{background-color:#333}.home-footer,.profile-header,.skills-experience-grid{display:none}}.medium-posts-container{margin-top:20px}.medium-posts{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}.post-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:none;padding:20px;text-align:left;transition:none;width:320px}.post-card img{border-radius:8px;cursor:pointer;height:180px;object-fit:cover;transition:transform .2s ease,opacity .2s ease;width:100%}.post-card a img:hover{opacity:.9;transform:scale(1.02)}.post-card h3{font-size:20px;line-height:1.4;margin:12px 0 8px}.post-card h3 a{color:#333;text-decoration:none}.post-card p{color:#888;font-size:14px;margin-top:8px}.pagination-controls{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px;padding:20px 0}.pagination-btn{background-color:#8e7a55;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.pagination-btn:hover:not(:disabled){background-color:#7a6b4a}.pagination-btn:disabled{background-color:#ccc;cursor:not-allowed}.page-info{font-weight:500}.breadcrumb,.page-info{color:#666;font-size:14px}.breadcrumb{border-bottom:1px solid #eee;margin-bottom:15px;padding-left:295px!important}@media (max-width:768px){.breadcrumb{padding-left:90px!important}}.breadcrumb a{color:#8e7a55;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .separator{color:#999;margin:0 8px}.breadcrumb .current{color:#333;font-weight:500}:root{--sidebar-ratio:30%}.app-layout{display:flex;min-height:100vh}.sidebar{background:#222;color:#fff;flex:0 0 30%;flex:0 0 var(--sidebar-ratio);max-width:450px;overflow-y:auto}.main{flex:1 1 70%;flex:1 1 calc(100% - var(--sidebar-ratio));min-width:0;padding:20px 20px 40px}.main,.search-page{box-sizing:border-box}.search-page{margin:0 auto 0 280px;max-width:1000px;padding:20px 15px}@media (max-width:768px){.search-page{margin-left:117px;margin-right:0}}.search-form{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.search-input{border:1px solid #ddd;border-radius:4px;box-shadow:inset 0 1px 2px #0000001a;flex:1 1 200px;font-size:16px;min-width:0;padding:12px 15px}.search-button{background:#8e7a55;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:0 0 120px;font-size:16px;padding:12px 0;text-align:center;transition:background .3s}.search-button:hover{background:#6d5e43}.loading{color:#777;font-size:18px;margin:30px 0;text-align:center}.results-count{color:#555;font-size:16px;margin-bottom:15px}.results-list{list-style:none;margin:0;padding:0}.result-item{background:#f9f9f9;border:1px solid #eee;border-radius:4px;cursor:pointer;margin-bottom:15px;padding:15px;transition:transform .2s,box-shadow .2s;word-break:break-word}.result-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.result-path{color:#8e7a55;font-size:14px;margin-bottom:8px}.result-snippet{color:#333;line-height:1.5}.highlight{background:#ffeeba;font-weight:700;padding:2px 0}.no-results{color:#666;font-size:18px;margin:40px 0;text-align:center}.dark-mode .search-page{color:#e0e0e0}.dark-mode .search-input{background:#333;border-color:#444;color:#e0e0e0}.dark-mode .search-button{background:#6d5e43}.dark-mode .search-button:hover{background:#8e7a55}.dark-mode .result-item{background:#2a2a2a;border-color:#444}.dark-mode .result-path{color:#b39b6f}.dark-mode .result-snippet{color:#e0e0e0}.dark-mode .highlight{background:#6d5e43;color:#fff}.dark-mode .loading,.dark-mode .no-results{color:#b0b0b0}@media (max-width:470px){.rowContainer{display:flex;flex-wrap:wrap!important;gap:6px}.emailInput{flex:1 1 100%!important;min-width:0!important;width:100%!important}.emailButton{flex-shrink:0!important;padding:10px 12px!important;width:100%!important}}.project-page-wrapper{color:#1a1a1a}.project-page-wrapper h1,.project-page-wrapper h2{color:#000}.project-page-wrapper p{color:#333}.project-number{color:#999}.project-title{color:#000}.project-description{color:#333}.project-meta{color:#999}.project-subtitle{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:20px;color:#666;display:inline-block;font-size:14px;font-weight:500;letter-spacing:.5px;padding:8px 16px;position:relative;transition:all .3s ease}.project-subtitle:before{content:"📝";font-size:12px;margin-right:6px}.app-subtitle:before{content:"📱"}.web-subtitle:before{content:"💻"}.project-subtitle:hover{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea4d;transform:translateY(-1px)}body.dark-mode .project-page-wrapper,body.dark-mode .project-page-wrapper div,body.dark-mode .project-page-wrapper h1,body.dark-mode .project-page-wrapper h2,body.dark-mode .project-page-wrapper p,body.dark-mode .project-page-wrapper span{color:#fff}body.dark-mode .project-header{border-bottom-color:#333}body.dark-mode .project-subtitle{background:linear-gradient(135deg,#8b9cf733,#f093fb33);border-color:#8b9cf74d;color:#fff}body.dark-mode .project-subtitle:hover{background:linear-gradient(135deg,#8b9cf740,#f093fb40);border-color:#8b9cf766}body.dark-mode .project-item{border-bottom-color:#2a2a2a}body.dark-mode .project-number,body.dark-mode .project-title{color:#fff}.project-title:hover{color:#666}body.dark-mode .project-title:hover{color:#ccc}body.dark-mode .project-description,body.dark-mode .project-meta{color:#fff}body.dark-mode .tech-stack{background-color:#2a2a2a;color:#fff}body.dark-mode .project-link{color:#fff}body.dark-mode .project-link:hover{color:#ccc}body.dark-mode .project-content{color:#fff}.project-card{background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:block;margin-bottom:24px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card,.project-card:hover{color:inherit;text-decoration:none}.project-card:hover{border-color:#667eea33;box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.project-card:active{transform:translateY(-2px)}.project-card-content{position:relative;z-index:1}.project-card .project-number{color:#667eea;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.project-card .project-title{color:#1a1a1a;font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 12px}.project-card .project-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 16px}.project-card .project-meta{align-items:center;border-top:1px solid #0000000f;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:16px}.project-card .project-date{color:#999;font-size:12px;font-weight:500}.project-card .tech-stack{background:#667eea1a;border:none;border-radius:12px;color:#667eea;font-size:11px;font-weight:500;padding:4px 8px}body.dark-mode .project-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e1ecc;border-color:#ffffff1a}body.dark-mode .project-card:hover{background:#282828e6;border-color:#667eea4d;box-shadow:0 8px 25px #0006}body.dark-mode .project-card .project-number{color:#8b9cf7}body.dark-mode .project-card .project-title{color:#fff}body.dark-mode .project-card .project-description{color:#ccc}body.dark-mode .project-card .project-date{color:#999}body.dark-mode .project-card .project-meta{border-top-color:#ffffff1a}body.dark-mode .project-card .tech-stack{background:#8b9cf733;color:#8b9cf7}
/*# sourceMappingURL=main.ff2b5b7c.css.map*/