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}*{box-sizing:border-box;margin:0;padding:0}body{background:#111;color:#fff;font-family:Segoe UI,Arial,sans-serif;min-height:100vh}.dark-app{background:#111}.dark-app,.light-app{align-items:center;display:flex;justify-content:center;min-height:100vh}.light-app{background:#f5f5f5}.light-app,.light-app .main-content-card,.light-app .sidebar-card{color:#18191e}.light-app .main-content-card,.light-app .sidebar-card{background:#fff}.light-app .about-title{color:#e6b800}.light-app .about-desc{color:#222}.light-app .doing-title{color:#e6b800}.light-app .doing-card{background:#f7f7f7;box-shadow:0 2px 8px 0 #0000000f;color:#18191e}.light-app .doing-card h3{color:#18191e}.light-app .doing-card p{color:#333}.light-app .main-tabs{border-bottom:1.5px solid #eee}.light-app .main-tab.active,.light-app .main-tab:hover{background:#eee;color:#e6b800}.light-app .main-tabs-accent{color:#e6b800}.light-app .contact-icon,.light-app .sidebar-social-link{background:#eee;color:#ffd600}.light-app .sidebar-social-link:hover{background:#ffd600;color:#18191e}.container{display:flex;gap:2.5rem;max-width:1200px;padding:3rem 1rem;width:100%}.sidebar-card{background:#1e1e1f;border:1px solid #ffffff12;border-radius:22px;bottom:16px;box-shadow:0 8px 32px 0 #00000040;flex-direction:column;height:fit-content;margin-bottom:16px;max-height:calc(100vh - 48px);min-width:260px;overflow-y:auto;padding:2rem 1.2rem 1.2rem;position:sticky;top:32px;width:320px}.profile-pic,.sidebar-card{align-items:center;display:flex}.profile-pic{justify-content:center;margin-bottom:1.2rem}.avatar-bg{background:#282829;border-radius:22px;padding:10px}.avatar,.avatar-bg{align-items:center;display:flex;justify-content:center}.avatar{background:#393a3f;border:1.5px solid #ffffff12;border-radius:50%;color:#888;font-size:2.5rem;height:140px;margin:0 auto;overflow:hidden;width:140px}.avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-name{font-size:1.35rem;font-weight:600;margin-bottom:.3rem;text-align:center}.profile-role{background:#282829;border-radius:8px;color:#fff;font-size:.95rem;font-weight:500;margin-bottom:1.2rem;padding:.3rem 1.1rem;text-align:center}.divider{border:none;border-top:1px solid #23242a;margin:1.2rem 0;width:100%}.contact-list{flex-direction:column;margin-bottom:1.2rem}.contact-item,.contact-list{align-items:center;display:flex;gap:1.5rem;width:100%}.contact-item{color:#fff;font-size:1rem;justify-content:center;margin-bottom:0}.contact-item span:last-child{flex:1 1;text-align:left}.contact-icon{align-items:center;background:#282829;border-radius:7px;color:#ffd600;font-size:1.1rem;padding:.3rem .5rem}.contact-icon,.sidebar-socials{display:flex;justify-content:center}.sidebar-socials{gap:1.1rem;margin-top:.7rem}.sidebar-social-link{align-items:center;background:#282829;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:36px;justify-content:center;text-decoration:none;transition:background .2s,color .2s;width:36px}.sidebar-social-link:hover{background:#ffd600;color:#18191e}.main-content-card{background:#1e1e1f;border:1px solid #ffffff12;border-radius:22px;box-shadow:0 8px 32px 0 #00000040;display:flex;flex:1 1;flex-direction:column;min-width:0;padding:2.5rem 2.5rem 2rem}.main-tabs{align-items:center;border-bottom:1.5px solid #23242a;display:flex;gap:.5rem;margin-bottom:2.2rem;padding-bottom:.5rem}.main-tab{background:none;border:none;border-radius:10px 10px 0 0;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;outline:none;padding:.5rem 1.3rem;position:relative;transition:background .2s,color .2s}.main-tab.active,.main-tab:hover{background:#282829;color:#ffd600}.main-tabs-accent{color:#ffd600;font-size:1.2rem;margin-left:auto}.main-tabs-right{background:none;border-bottom:1.5px solid #23242a;border-top-left-radius:0;border-top-right-radius:0;justify-content:flex-end;left:auto;margin-bottom:.6rem;position:static;top:auto}.main-tabs-left,.main-tabs-right{display:flex;gap:.5rem;padding-bottom:.5rem}.main-tabs-left{border-bottom:1.5px solid #23242a;justify-content:flex-start;margin-bottom:2.2rem}.custom-title{color:#fff!important;display:inline-block;margin-bottom:1.2rem;margin-left:0;margin-top:.1rem;position:relative}.custom-title:after{background:#ffd600;border-radius:2px;content:"";display:block;height:4px;margin-top:8px;width:48px}.about-section{margin-bottom:.7rem}.about-title{color:#ffd600;font-size:2.1rem;font-weight:700;margin-bottom:1.2rem}.about-desc{color:#e0e0e0;font-size:1.1rem;line-height:1.7}.doing-section{margin-top:.7rem}.doing-title{color:#ffd600;font-size:1.4rem;font-weight:600;margin-bottom:1.2rem}.doing-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.doing-card{align-items:flex-start;background:#282829;border-radius:16px;box-shadow:0 2px 8px 0 #0000001a;display:flex;gap:1.1rem;padding:1.3rem 1.2rem 1.1rem;transition:box-shadow .2s,transform .2s}.doing-card:hover{box-shadow:0 8px 32px #00000038;transform:translateY(-6px) scale(1.02)}.doing-icon{color:#ffd600;flex-shrink:0;font-size:2.1rem;margin-top:.2rem}.doing-card h3{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.doing-card p{color:#e0e0e0;font-size:1rem;margin:0}.portfolio-section{padding:2rem 0}.portfolio-title{color:#ffd600;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.portfolio-grid{gap:2rem}.portfolio-card,.portfolio-grid{display:flex;flex-direction:column}.portfolio-card{align-items:flex-start;background:#29292b;border-radius:1rem;box-shadow:0 4px 24px #00000026;color:#fff;padding:2rem;transition:transform .2s,box-shadow .2s}.portfolio-card:hover{box-shadow:0 8px 32px #00000038;transform:translateY(-6px) scale(1.02)}.portfolio-card h3{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:.3rem}.portfolio-card p{color:#e0e0e0;font-size:1rem;line-height:1.6;margin-bottom:1.1rem}.portfolio-link{border-bottom:none;color:#fff;font-size:1rem;font-weight:600;margin-top:1rem;text-decoration:none;transition:color .2s,border-bottom .2s}.portfolio-link:hover{border-bottom:none;color:#ffd600}.portfolio-badge{background:#23242a;border-radius:6px;color:#ffd600;display:inline-block;font-size:.95rem;font-weight:500;margin-bottom:.2rem;margin-right:.3rem;padding:.18rem .7rem}.portfolio-link:hover svg{fill:#ffd600;color:#ffd600}.portfolio-tech-section{margin-bottom:1.1rem}.portfolio-tech-label{color:#fff;display:block;font-size:1rem;font-weight:600;margin-bottom:.4rem}.portfolio-tech-badges{display:flex;flex-wrap:wrap;gap:.5rem}.portfolio-links{align-items:center;display:flex;gap:1.2rem;margin-top:auto}.portfolio-link{align-items:center;display:flex;gap:.4rem}.portfolio-link svg{font-size:1.2rem}.portfolio-live-link{color:#00ffae}.portfolio-live-link span{font-size:1.1rem}@media (max-width:1000px){.container{align-items:center;flex-direction:column;gap:2rem;padding:2rem .5rem}.sidebar-card{bottom:auto;height:auto;margin-bottom:1.5rem;max-height:none;max-width:400px;position:static;top:auto;width:100%}.main-content-card{padding:2rem 1rem 1.5rem;width:100%}}@media (max-width:600px){:root{--mobile-topbar-height:64px}.sidebar-card{align-items:center;background:#18191e;border-radius:0 0 18px 18px;box-shadow:0 4px 16px 0 #0000002e;flex-direction:row;height:64px;justify-content:space-between;left:0;max-height:64px;min-height:64px;overflow:visible;padding:.7rem 1rem .7rem .7rem;position:fixed;right:0;top:0;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);z-index:1200}.avatar,.avatar-bg,.profile-pic{box-shadow:none;height:44px;margin:0;min-height:44px;min-width:44px;padding:0;width:44px}.profile-name-role{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-left:.7rem}.profile-name{color:#fff;font-size:1.08rem;font-weight:600;margin:0}.profile-name,.profile-role{text-align:left;white-space:nowrap}.profile-role{background:none!important;border-radius:8px;color:#ffd600;font-size:.78rem;font-weight:500;margin:.18rem 0 0;padding:.18rem .7rem}.sidebar-dropdown{align-items:center;background:none;border:none;color:#ffd600;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;margin-left:auto;outline:none;width:44px}.contact-list,.divider,.sidebar-socials{display:none!important}.main-content-card{margin-top:var(--mobile-topbar-height);padding-top:1.2rem}.main-tabs-bottom{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e1e1fb3;border-radius:18px 18px 0 0;border-top:1.5px solid #23242a;bottom:0!important;box-shadow:0 -4px 24px 0 #00000038;display:flex;height:54px;justify-content:space-evenly;left:0;margin:0;padding:.2rem .5rem 0;position:fixed;right:0;width:100vw;z-index:1001}#root,.container,.dark-app,body,html{margin-bottom:0!important;padding-bottom:0!important}.main-tabs-bottom .main-tab{background:none;border:none;border-radius:0;box-shadow:none;color:#fff;cursor:pointer;flex:1 1;font-size:1.05rem;font-weight:500;letter-spacing:.01em;margin:0 .2rem;outline:none;padding:.5rem 0 .2rem;position:relative;transition:color .2s}.main-tabs-bottom .main-tab.active{color:#ffd600;font-size:1.12rem}.main-tabs-bottom .main-tab.active:after{background:#ffd600;border-radius:2px;content:"";display:block;height:3px;margin:4px auto 0;width:60%}.main-tabs-bottom .main-tab:not(.active){color:#e0e0e0;opacity:.85}.mobile-profile-card{align-items:stretch;background:#1e1e1f;border:1px solid #ffffff12;border-radius:22px;box-shadow:0 8px 32px 0 #00000040;display:flex;flex-direction:column;margin:18px auto 14px;max-width:370px;overflow:hidden;padding:.7rem 1.1rem;position:relative;transition:box-shadow .2s,max-height .3s cubic-bezier(.4,0,.2,1);width:100%}.mobile-profile-header{align-items:center;display:flex;gap:1.4rem;margin-bottom:1.2rem;width:100%}.mobile-profile-avatar-bg{background:#282829;border-radius:22px;padding:10px}.mobile-profile-avatar,.mobile-profile-avatar-bg{align-items:center;display:flex;justify-content:center}.mobile-profile-avatar{background:#393a3f;border:1.5px solid #ffffff12;border-radius:50%;color:#888;font-size:1.2rem;height:80px;margin:0 auto;object-fit:cover;overflow:hidden;width:80px}.mobile-profile-info{display:flex;flex:1 1;flex-direction:column;gap:.2rem;margin-left:1.1rem;min-width:0}.mobile-profile-name{color:#fff;font-size:1.15rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-profile-role{background:none!important;border:none!important;border-radius:0!important;color:#ffd600;display:inline-block;font-size:.95rem;font-weight:500;margin-top:.1rem;padding:0;white-space:nowrap}.mobile-profile-chevron{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;margin-left:auto;outline:none;padding:.2rem;transition:background .2s}.mobile-profile-chevron:active,.mobile-profile-chevron:focus{background:#ffd60014}.mobile-profile-details{animation:profile-expand 1s cubic-bezier(.4,0,.2,1)}@keyframes profile-expand{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-profile-divider{border:none;border-top:1px solid #23242a;margin:.8rem 0}.mobile-profile-contact-list{display:flex;flex-direction:column;gap:.7rem;margin-bottom:.5rem}.mobile-profile-contact-item{align-items:flex-start;flex-direction:column}.mobile-profile-contact-label{font-size:.85rem;margin-right:.3rem}.mobile-profile-contact-value{margin-left:1.5rem;margin-top:-.2rem}.mobile-profile-socials{gap:1.1rem;margin-bottom:.2rem;margin-top:.5rem}.mobile-profile-social-icon,.mobile-profile-socials{align-items:center;display:flex;justify-content:center}.mobile-profile-social-icon{background:#23242a;border-radius:50%;box-shadow:0 2px 8px 0 #0000001a;color:#ffd600;font-size:1.3rem;font-weight:600;height:32px;width:32px}.dark-app{align-items:normal;background:#111;display:block;justify-content:normal;min-height:100vh}.main-content-card,.mobile-profile-card{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:370px;width:100%}.mobile-profile-card{margin-bottom:14px;margin-top:18px;padding:2rem 1.2rem 1.2rem}.main-content-card{margin-bottom:64px;margin-top:0;padding:2.5rem 1.1rem 2rem}.mobile-profile-card{margin-bottom:10px;margin-top:12px;padding:1.1rem .7rem 1rem}.mobile-profile-header{gap:1rem;margin-bottom:.7rem}.mobile-profile-avatar-bg{padding:6px}.mobile-profile-avatar{height:68px;width:68px}.mobile-profile-info{margin-left:.7rem}.mobile-profile-divider{margin:.5rem 0}.mobile-profile-contact-list{gap:.4rem;margin-bottom:.2rem}.mobile-profile-socials{margin-bottom:.1rem;margin-top:.2rem}.mobile-profile-contact-list{gap:.3rem;margin-bottom:.1rem}.mobile-profile-contact-item{align-items:center;color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;font-size:1rem;gap:.7rem;margin-bottom:.1rem}.mobile-profile-contact-icon{color:#ffd600;flex-shrink:0;font-size:1.2rem;margin-right:.3rem;vertical-align:middle}.mobile-profile-contact-label{color:#ffd600;flex-shrink:0;font-size:.95rem;font-weight:600;letter-spacing:.04em;margin-right:.5rem;vertical-align:middle}.mobile-profile-contact-value{color:#fff;font-size:1rem;font-weight:400;margin-left:0;margin-top:0;word-break:break-all}.mobile-profile-social-icon svg{fill:#b0b0b0!important;color:#b0b0b0!important;transition:none}.mobile-profile-social-icon:hover svg{fill:#ffd600!important;color:#ffd600!important}.mobile-profile-details{max-height:1000px;overflow:hidden;transition:max-height 2.5s cubic-bezier(.4,0,.2,1);width:100%}.mobile-profile-details-inner{opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.mobile-profile-card.expanded .mobile-profile-details-inner{opacity:1;transition-delay:.2s}.contact-section{background:#1e1e1f;border:1px solid #ffffff12;border-radius:18px;box-shadow:0 4px 16px 0 #0000002e;margin:.7rem auto 1.2rem;max-width:370px;padding:1.1rem .7rem;width:100%}.contact-title{color:#ffd600;font-size:1.1rem;margin-bottom:.7rem;text-align:left}.contact-socials{display:flex;gap:1.1rem;justify-content:flex-start;margin-bottom:1.1rem}.contact-social-icon{align-items:center;background:#23242a;border-radius:50%;color:#b0b0b0;display:flex;font-size:1.5rem;height:36px;justify-content:center;text-decoration:none;transition:background .2s;width:36px}.contact-form{display:flex;flex-direction:column;gap:.7rem}.contact-form input,.contact-form textarea{background:#23242a;border:1px solid #333;border-radius:8px;color:#fff;font-size:1rem;outline:none;padding:.6rem .9rem;resize:none;transition:border .2s}.contact-form input:focus,.contact-form textarea:focus{border:1.5px solid #ffd600}.contact-form button{background:#ffd600;border:none;border-radius:8px;color:#18191e;cursor:pointer;font-size:1.05rem;font-weight:600;padding:.7rem 0;transition:background .2s,color .2s}.contact-form button:hover{background:#e6b800;color:#18191e}}
/*# sourceMappingURL=main.1d32b9a8.css.map*/