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;max-width:100%;width:fit-content}.medium-posts-toolbar{align-items:center;display:flex;gap:6px;justify-content:flex-start;margin-bottom:4px;opacity:.55;padding-left:20px}.medium-posts-sort-label{color:#888;font-size:12px;font-weight:400}.medium-posts-sort-select{background-color:initial;border:1px solid #e5e7eb;border-radius:4px;color:#777;cursor:pointer;font-size:12px;padding:4px 8px}.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;box-sizing:border-box;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}}.mywork-overlay{background:#080808;font-family:SF Mono,Fira Code,Courier New,monospace;inset:0;overflow-y:auto;padding:72px 48px 80px;position:fixed;scrollbar-color:#1e1e1e #080808;scrollbar-width:thin;z-index:100}.mywork-overlay::-webkit-scrollbar{width:6px}.mywork-overlay::-webkit-scrollbar-track{background:#080808}.mywork-overlay::-webkit-scrollbar-thumb{background:#1e1e1e;border-radius:3px}.mywork-back{align-items:center;color:#3a3a3a;display:flex;font-family:SF Mono,Courier New,monospace;font-size:11px;gap:6px;left:28px;letter-spacing:.18em;position:fixed;text-decoration:none;text-transform:uppercase;top:20px;transition:color .2s ease;z-index:200}.mywork-back:hover{color:#0f8}.mywork-header{margin-bottom:64px;text-align:center}.mywork-header-line{background:linear-gradient(90deg,#0000,#0f8 50%,#0000);height:1px;margin:14px auto;opacity:.6;width:240px}.mywork-title{color:#fff;font-size:44px;font-weight:700;letter-spacing:.35em;margin:0;text-shadow:0 0 28px #00ff8873}.mywork-subtitle{color:#0f8;font-size:12px;letter-spacing:.25em;margin:10px 0 0;opacity:.75;text-transform:uppercase}.mywork-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1080px}.mywork-card{background:#0e0e0e;border:1px solid #1c1c1c;border-radius:6px;cursor:pointer;display:block;opacity:0;overflow:hidden;text-decoration:none;transform:translateY(28px);transition:opacity .5s ease,transform .5s ease,border-color .3s ease,box-shadow .3s ease}.mywork-card.loaded{opacity:1;transform:translateY(0)}.mywork-card:hover{border-color:#00ff8880;box-shadow:0 0 0 1px #00ff881a,0 8px 32px #00000080}.mywork-card-image{align-items:center;aspect-ratio:16/7;background:#0a0a0a;border-bottom:1px solid #1c1c1c;display:flex;justify-content:center;max-height:200px;overflow:hidden;position:relative;width:100%}.mywork-card-image:before{background:repeating-linear-gradient(0deg,#0000,#0000 3px,rgba(0,255,136,.012) 0,rgba(0,255,136,.012) 4px);content:"";inset:0;pointer-events:none;position:absolute}.mywork-card-image:after{border:1px dashed #1e1e1e;border-radius:2px;content:"";inset:12px;pointer-events:none;position:absolute}.mywork-card:hover .mywork-card-image:after{border-color:#00ff8826}.mywork-card-image:has(img):after{display:none}.mywork-card-img{display:block;filter:brightness(.9);height:100%;object-fit:contain;object-position:center;transition:filter .3s ease,transform .4s ease;width:100%}.mywork-card:hover .mywork-card-img{filter:brightness(1);transform:scale(1.02)}.mywork-ios-preview{align-items:center;background:linear-gradient(180deg,#ffffff14,#0000 18%),#111;border:1px solid #ffffff24;border-radius:28px;box-shadow:inset 0 0 0 2px #ffffff0a,0 20px 45px #00000073,0 0 34px #00ff8814;display:flex;flex-direction:column;gap:12px;height:174px;justify-content:center;position:relative;transition:transform .4s ease,box-shadow .4s ease;width:118px;z-index:1}.mywork-card:hover .mywork-ios-preview{box-shadow:inset 0 0 0 2px #ffffff0a,0 24px 52px #00000080,0 0 42px #00ff8824;transform:translateY(-4px) scale(1.02)}.mywork-ios-notch{background:#ffffff29;border-radius:999px;height:6px;position:absolute;top:9px;width:42px}.mywork-ios-icon{border-radius:15px;box-shadow:0 10px 24px #0000005c;height:62px;object-fit:cover;width:62px}.mywork-ios-label{color:#00ff88b8;font-family:SF Mono,Courier New,monospace;font-size:9px;letter-spacing:.18em}.mywork-image-placeholder{color:#242424;font-family:SF Mono,Courier New,monospace;font-size:12px;letter-spacing:.2em;transition:color .3s ease;z-index:1}.mywork-card:hover .mywork-image-placeholder{color:#0f83}.mywork-card-info{padding:20px 24px 22px}.mywork-card-number{color:#0f8;display:block;font-size:11px;letter-spacing:.18em;margin-bottom:6px;opacity:.6}.mywork-card-title{color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:19px;font-weight:600;letter-spacing:-.01em;margin:0 0 14px;transition:color .2s ease}.mywork-card:hover .mywork-card-title{color:#fff}.mywork-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.mywork-card-tag{background:#00ff8812;border:1px solid #00ff882e;border-radius:2px;color:#0f8;font-family:SF Mono,Courier New,monospace;font-size:10px;letter-spacing:.18em;padding:3px 8px;text-transform:uppercase}.mywork-card-year{color:#3a3a3a;font-size:11px;letter-spacing:.12em}@media (max-width:768px){.mywork-overlay{padding:48px 16px 60px}.mywork-title{font-size:28px;letter-spacing:.25em}.mywork-grid{grid-template-columns:1fr}}.mwd-page{background:#f9f9f7;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.mwd-back{align-items:center;background:none;border:none;color:#ffffff8c;cursor:pointer;display:flex;font-family:SF Mono,Courier New,monospace;font-size:12px;gap:6px;left:28px;letter-spacing:.12em;padding:0;position:fixed;text-decoration:none;text-transform:uppercase;top:22px;transition:color .2s ease;z-index:200}.mwd-back:hover,.mwd-hero{color:#fff}.mwd-hero{background:#0a0a0a;padding:120px 48px 80px;position:relative;text-align:center}.mwd-hero-tag{color:#0f8;display:inline-block;font-family:SF Mono,Courier New,monospace;font-size:11px;letter-spacing:.25em;margin-bottom:20px;opacity:.8;text-transform:uppercase}.mwd-hero-title{font-size:clamp(36px,6vw,68px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0 0 20px}.mwd-hero-desc{color:#ffffff80;font-size:17px;line-height:1.7;margin:0 auto 36px;max-width:480px}.mwd-hero-techs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.mwd-tech-pill{border:1px solid #ffffff1f;border-radius:2px;color:#fff9;font-family:SF Mono,Courier New,monospace;font-size:11px;letter-spacing:.12em;padding:5px 12px;text-transform:uppercase}.mwd-section{align-items:center;background:#f9f9f7;display:grid;grid-template-columns:1fr 1fr;opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.mwd-section:nth-of-type(2n){background:#fff}.mwd-section.visible{opacity:1;transform:translateY(0)}.mwd-section-text{display:flex;flex-direction:column;justify-content:center;padding:72px 64px}.mwd-section.reverse .mwd-section-text{order:2}.mwd-section.reverse .mwd-section-image-wrap{order:1}.mwd-section-image-wrap{align-items:center;display:flex;justify-content:center;padding:56px 48px;position:relative}.mwd-section-image-wrap img{border-radius:8px;box-shadow:0 1px 3px #0000000f,0 20px 50px -16px #0000002e,0 40px 80px -30px #0000001f;display:block;height:auto;max-height:70vh;max-width:560px;object-fit:contain;transition:transform .5s ease,box-shadow .5s ease;width:100%}.mwd-section-image-wrap:hover img{transform:translateY(-4px)}.mwd-carousel{position:relative;width:100%}.mwd-carousel-track{min-height:360px;position:relative}.mwd-carousel-slide{inset:0;opacity:0;pointer-events:none;position:absolute;transform:translateX(20px);transition:opacity .4s ease,transform .4s ease}.mwd-carousel-slide.active{opacity:1;pointer-events:auto;position:relative;transform:translateX(0)}.mwd-carousel-controls{align-items:center;display:flex;gap:14px;margin-top:28px}.mwd-carousel-btn{align-items:center;background:#fff;border:1px solid #0000001f;border-radius:50%;color:#111;cursor:pointer;display:flex;font-size:16px;height:38px;justify-content:center;transition:all .25s ease;width:38px}.mwd-carousel-btn:hover:not(:disabled){background:#111;border-color:#111;color:#fff;transform:translateY(-1px)}.mwd-carousel-btn:disabled{cursor:not-allowed;opacity:.3}.mwd-carousel-dots{display:flex;gap:6px;margin-left:6px}.mwd-carousel-dot{background:#00000026;border-radius:1px;height:2px;transition:background .25s ease;width:22px}.mwd-carousel-dot.active{background:#00b060}.mwd-carousel-counter{color:#0006;letter-spacing:.18em;margin-left:auto}.mwd-carousel-counter,.mwd-section-num{font-family:SF Mono,Courier New,monospace;font-size:11px}.mwd-section-num{color:#00b060;display:block;letter-spacing:.2em;margin-bottom:14px;text-transform:uppercase}.mwd-section-title{color:#111;font-size:clamp(22px,3vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0 0 20px}.mwd-section-body{color:#444;font-size:15px;line-height:1.85;max-width:520px}.mwd-section-body p{margin:0 0 16px}.mwd-section-body p:last-child{margin-bottom:0}.mwd-full{background:#111;color:#e0e0e0;opacity:0;padding:80px 10vw;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.mwd-full.visible{opacity:1;transform:translateY(0)}.mwd-full .mwd-section-num{color:#0f8}.mwd-full .mwd-section-title{color:#fff;max-width:640px}.mwd-full .mwd-section-body{color:#fff9;max-width:720px}.mwd-footer{background:#0a0a0a;color:#ffffff4d;font-size:13px;padding:60px 48px;text-align:center}.mwd-footer-back{align-items:center;background:none;border:none;color:#0f8;cursor:pointer;display:inline-flex;font-family:SF Mono,monospace;font-size:13px;gap:8px;letter-spacing:.12em;margin-bottom:32px;padding:0;text-decoration:none;text-transform:uppercase;transition:opacity .2s ease}.mwd-footer-back:hover{opacity:.7}@media (max-width:900px){.mwd-section{grid-template-columns:1fr}.mwd-section.reverse .mwd-section-image-wrap,.mwd-section.reverse .mwd-section-text{order:0}.mwd-section-image-wrap{padding:32px 24px}.mwd-section-image-wrap img{max-height:50vh}.mwd-section-text{padding:48px 28px}.mwd-carousel-track{min-height:300px}.mwd-hero{padding:100px 24px 64px}.mwd-full{padding:60px 24px}.mwd-back{color:#0006}.mwd-back:hover{color:#111}}.cdw-page{background:radial-gradient(circle at 12% 12%,#ff84002e,#0000 28%),radial-gradient(circle at 88% 20%,#00c2ff29,#0000 30%),linear-gradient(135deg,#090806,#0d1117 45%,#070707);color:#f7f3ea;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:clip}.cdw-back{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;color:#ffffffb8;cursor:pointer;font-size:12px;left:28px;letter-spacing:.12em;padding:9px 14px;position:fixed;text-transform:uppercase;top:22px;transition:all .25s ease;z-index:50}.cdw-back:hover{border-color:#ffb4578c;color:#fff;transform:translateY(-1px)}.cdw-hero{min-height:260vh;position:relative}.cdw-hero-stage{align-items:center;display:flex;height:100vh;overflow:hidden;padding:96px 7vw 72px;position:sticky;top:0}.cdw-glow{border-radius:999px;filter:blur(20px);opacity:.5;pointer-events:none;position:absolute}.cdw-glow-one{background:#ff84002e;height:360px;right:8vw;top:16vh;width:360px}.cdw-glow-two{background:#00c2ff24;bottom:10vh;height:260px;left:8vw;width:260px}.cdw-reveal{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s ease}.cdw-reveal.visible{opacity:1;transform:translateY(0)}.cdw-hero-grid{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);position:relative;width:100%;z-index:1}.cdw-kicker{color:#ffb457;font-family:SF Mono,Courier New,monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.cdw-hero-copy h1{font-size:clamp(44px,7vw,92px);letter-spacing:-.06em;line-height:.95;margin:18px 0 12px;transform:scale(.55);transform-origin:left center}.cdw-hero-copy h1,.cdw-hero-subtitle{opacity:0;will-change:transform,opacity}.cdw-hero-subtitle{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff2e7e,#ffd23f);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 0 14px rgba(255,210,63,.35));font-family:SF Mono,Courier New,monospace;font-size:clamp(16px,1.8vw,22px);font-weight:700;letter-spacing:.22em;margin:0 0 30px;text-shadow:0 0 24px #ff2e7e73;text-transform:uppercase;transform:scale(.5);transform-origin:left center}.cdw-hero-copy p{color:#ffffffad;font-size:17px;line-height:1.8;margin:0 0 18px;max-width:690px}.cdw-tech-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.cdw-tech-row span{background:#ffb45714;border:1px solid #ffb45738;border-radius:999px;color:#ffd4a0;font-size:12px;letter-spacing:.04em;padding:8px 12px}.cdw-icon-stage{align-items:center;display:flex;justify-content:center;min-height:420px;perspective:900px;position:relative}.cdw-icon-orbit{border:1px solid #ffb45738;border-radius:999px;box-shadow:inset 0 0 70px #ff84001a,0 0 90px #00c2ff1c;height:330px;position:absolute;width:330px}.cdw-icon-orbit:after,.cdw-icon-orbit:before{border:1px dashed #ffffff1a;border-radius:inherit;content:"";inset:38px;position:absolute}.cdw-icon-orbit:after{border-color:#00c2ff1f;border-style:solid;inset:82px}.cdw-app-icon{border-radius:44px;box-shadow:0 26px 70px #00000085,0 0 80px #ff84002e;filter:blur(5px);opacity:0;position:relative;transform:translateX(-100%) rotateY(-60deg) scale(.86);transform-origin:center center;width:min(230px,48vw);will-change:transform,opacity,filter;z-index:1}.cdw-story{background:linear-gradient(180deg,#ffffff08,#0000 22%),hsla(0,0%,100%,.025);padding:96px 7vw 110px}.cdw-story-header{margin-bottom:56px;max-width:760px}.cdw-build-card h2,.cdw-story-header h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.045em;line-height:1.05;margin:18px 0}.cdw-build-card p,.cdw-story-header p{color:#ffffffa3;font-size:16px;line-height:1.8}.cdw-showcase{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr)}.cdw-phone-panel{align-items:center;display:flex;justify-content:center}.cdw-phone-frame{aspect-ratio:9/19.5;background:linear-gradient(145deg,#ffffff3d,#ffffff08),#111;border-radius:42px;box-shadow:inset 0 0 0 1px #ffffff29,0 28px 90px #00000094,0 0 80px #00c2ff14;padding:12px;width:min(310px,74vw)}.cdw-phone-frame img{border-radius:32px;display:block;height:100%;object-fit:cover;object-position:top center;width:100%}.cdw-slide-copy{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at 0 0,#ffb4571a,#0000 34%),hsla(0,0%,100%,.045);border:1px solid #ffffff14;border-radius:28px;max-width:680px;padding:44px}.cdw-slide-count{color:#ffffff6b}.cdw-slide-count,.cdw-slide-eyebrow{font-family:SF Mono,Courier New,monospace;font-size:12px;letter-spacing:.16em}.cdw-slide-eyebrow{color:#6be7ff;display:block;margin-top:28px;text-transform:uppercase}.cdw-slide-copy h3{font-size:clamp(28px,4vw,48px);letter-spacing:-.04em;line-height:1.08;margin:14px 0 18px}.cdw-slide-copy p{color:#ffffffa8;font-size:16px;line-height:1.8;margin:0}.cdw-controls{align-items:center;display:flex;gap:18px;margin-top:34px}.cdw-controls>button{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;color:#fff;cursor:pointer;font-size:17px;height:44px;transition:all .25s ease;width:44px}.cdw-controls>button:hover{background:#ffb45726;border-color:#ffb457b8;transform:translateY(-2px)}.cdw-dots{align-items:center;display:flex;gap:8px}.cdw-dots button{background:#fff3;border:0;border-radius:99px;cursor:pointer;height:3px;padding:0;transition:all .25s ease;width:26px}.cdw-dots button.active{background:linear-gradient(90deg,#ffb457,#6be7ff);width:42px}.cdw-build{padding:110px 7vw}.cdw-build-card{background:linear-gradient(135deg,#ffb4571a,#00c2ff14),hsla(0,0%,100%,.045);border:1px solid #ffffff14;border-radius:30px;box-shadow:0 28px 90px #00000047;margin:0 auto;max-width:1000px;padding:54px}.cdw-build-card p strong{color:#ffd4a0;font-weight:600}.cdw-build-card p+p{margin-top:18px}.cdw-stack-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:42px}.cdw-stack-grid>div{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;padding:22px 24px}.cdw-stack-grid span{color:#6be7ff;display:block;font-family:SF Mono,Courier New,monospace;font-size:11px;letter-spacing:.18em;margin-bottom:8px;text-transform:uppercase}.cdw-stack-grid p{color:#f7f3ea;font-size:14px;line-height:1.6;margin:0}@media (max-width:900px){.cdw-build,.cdw-story{padding-left:24px;padding-right:24px}.cdw-hero-stage{padding:84px 24px 56px}.cdw-hero-grid,.cdw-showcase{gap:42px;grid-template-columns:1fr}.cdw-icon-stage{min-height:310px}.cdw-icon-orbit{height:260px;width:260px}.cdw-slide-copy{padding:30px}.cdw-build-card{padding:34px}.cdw-stack-grid{grid-template-columns:1fr}}@media (max-width:680px){.cdw-page{background:radial-gradient(70% 38% at 50% 0,#ff84002e,#0000 60%),radial-gradient(70% 38% at 50% 100%,#00c2ff24,#0000 60%),linear-gradient(180deg,#0a0807,#0d1117 50%,#060606)}.cdw-back{font-size:11px;left:16px;padding:7px 12px;top:16px}.cdw-hero{min-height:170vh}.cdw-hero-stage{align-items:flex-start;padding:72px 20px 40px}.cdw-hero-grid{align-items:start;gap:30px;padding-top:16px}.cdw-icon-stage{min-height:200px;order:-1;perspective:700px}.cdw-icon-orbit{height:200px;width:200px}.cdw-icon-orbit:before{inset:26px}.cdw-icon-orbit:after{inset:56px}.cdw-app-icon{border-radius:28px;box-shadow:0 18px 40px #0000008c,0 0 50px #ff840033;width:min(140px,38vw)}.cdw-glow-one{height:220px;opacity:.55;right:-70px;top:6vh;width:220px}.cdw-glow-two{bottom:14vh;height:180px;left:-60px;opacity:.45;width:180px}.cdw-hero-copy h1{font-size:clamp(38px,11vw,60px);margin:12px 0 8px}.cdw-hero-subtitle{font-size:clamp(13px,3.6vw,17px);letter-spacing:.18em;margin:0 0 18px}.cdw-hero-copy p{font-size:15px;line-height:1.7;margin:0 0 14px}.cdw-tech-row{gap:8px;margin-top:22px}.cdw-tech-row span{font-size:11px;padding:6px 10px}.cdw-story{padding:64px 20px 80px}.cdw-build{padding:80px 20px}.cdw-phone-frame{border-radius:36px;width:min(260px,64vw)}.cdw-phone-frame img{border-radius:28px}.cdw-slide-copy{border-radius:22px;padding:24px}.cdw-controls>button{font-size:16px;height:38px;width:38px}.cdw-build-card{border-radius:22px;padding:26px}}.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.354474e2.css.map*/