@import"https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";:root{--bg-color: #ffffff;--bg-surface: #ffffff;--text-main: #000000;--text-secondary: #4b5563;--btn-tertiary-text: #050505;--border-color: #e0e0e0;--badge-bg: #f0f0f0;--card-bg: #ffffff;--btn-secondary-bg: #000000;--btn-secondary-text: #ffffff}[data-theme=dark]{--bg-color: #000000;--bg-surface: #121212;--text-main: #f1f5f9;--text-secondary: #94a3b8;--btn-tertiary-text: #f1f5f9;--border-color: #334155;--card-bg: #000000;--btn-secondary-bg: #ffffff;--btn-secondary-text: #000000}.card{background:var(--card-bg, #f0f0f0);background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:background-color .3s ease,border-color .3s ease,transform .3s ease}.surface-div{background-color:var(--bg-surface);border:1px solid var(--border-color);padding:20px;border-radius:8px;transition:background-color .3s ease}body{background-color:var(--bg-color);color:var(--text-main);transition:background-color .3s ease,color .3s ease}*{margin:0;padding:0}.page{padding:.5rem;display:flex;justify-content:center}.container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1000px}*{font-family:Google Sans,Product Sans,Inter,system-ui,-apple-system,sans-serif}.header{display:flex;align-items:flex-start;gap:.5rem;padding:1rem;max-width:800px}.profile-pic{width:140px;height:140px;object-fit:cover;border-radius:10px;transition:all .3s ease-in-out}.header-info{flex:1}.header-info h1{font-size:1.6rem;display:flex;align-items:center;gap:.5rem;color:var(--text-main, #000000)}.header-info h2{font-size:.9rem;color:var(--text-main, #050505);font-weight:400}.header-info p{font-size:1rem;margin-top:.5rem;margin-left:5px;width:378px;color:var(--text-main, #000000)}.mid-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;margin-bottom:10px}.header-buttons{display:flex;gap:.3rem;flex-wrap:wrap}.button.primary{display:flex;align-items:center;background-color:#1877f2;color:#fff;border:none;padding:8px 16px}.divider{width:1px;height:16px;background-color:var(--divider-color, rgba(0, 0, 0, .1));margin:0 4px}.btn-left-content{display:flex;align-items:center;gap:8px}.button{padding:.5rem 1rem;border-radius:10px;border:1px solid var(--border-color, #e0e0e0);background-color:transparent;color:var(--text-main, rgba(0, 0, 0, .87));cursor:pointer;display:flex;align-items:center;font-size:12px;font-weight:500;gap:.3rem;font-family:inherit;transition:transform .3s ease,background-color .3s ease,color .3s ease}.button:hover{transform:translateY(-2px)}.button.secondary{background-color:var(--btn-secondary-bg, #000000);color:var(--btn-secondary-text, #ffffff)}.button.tertiary{color:var(--text-main, #050505)}.btn-content-left{display:flex;align-items:center;gap:.8rem}.community-btn{display:flex;align-items:center;justify-content:space-between;max-width:600px;padding:10px 16px}.button svg{display:block}.button.quarterly{display:none,}@media screen and (max-width:480px){.header{flex-direction:row;align-items:center;justify-content:center;padding:5px}.header-info h1{justify-content:center;max-width:100%}.header-info h2{width:80%}.header-info p{align-items:start;font-size:.7rem;margin-top:0;width:80%}.button{font-size:.5rem;padding:4px 8px}.button.button.primary{font-size:.6rem;padding:4px 8px;margin-top:3px!important}.button.secondary{font-size:2rem;margin-top:5px!important}.header svg{width:12px!important;height:12px!important}.button.primary .lucide-trophy{display:none!important}.button.primary .divider{display:none}.mid-header{flex-direction:column;gap:1rem}}@media screen and (max-width:793px){button.button.quarterlys.community-btn{display:none!important}.Name{font-size:1.1rem}.header-info h2{font-size:.7rem}.button.secondary{font-size:.6rem}.header-buttons{display:flex;flex-direction:row;align-items:center}.button.primary{order:5}}@media screen and (min-width:768px)and (max-width:892px){button.button.quarterlys.community-btn{display:none!important}.header-info p{width:485px}.header-buttons{display:flex;flex-direction:row;align-items:center}.button.primary{order:5}}.theme-switch-track{width:46px;height:24px;background-color:#d1d5db;border-radius:50px;position:relative;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;padding:0 4px;box-sizing:border-box}.theme-switch-track.active{background-color:#94a3b8}.theme-switch-thumb{width:18px;height:18px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;transition:transform .3s cubic-bezier(.4,0,.2,1);margin:0}.theme-switch-track.active .theme-switch-thumb{transform:translate(20px)}.body-container{display:flex;gap:10px;padding:10px;max-width:800px}.left-column{flex:2;display:flex;flex-direction:column;gap:10px}.right-column{flex:1}.card{background-color:var(--bg-surface);border:1px solid #e0e0e0;border-radius:16px;padding:24px;transition:transform .3s ease}.card:hover{transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.card-header h2{font-size:1.2rem;font-weight:700;color:var(--text-main, #050505)}.space-between{justify-content:space-between}.header-title{display:flex;align-items:center;gap:10px}.about-section p{color:var(--text-main, #050505);line-height:1.6;margin-bottom:16px;font-size:.9rem}.tech-group{margin-bottom:20px}.tech-group h3{font-size:.9rem;color:var(--text-main, #050505);margin-bottom:12px}.tags{display:flex;gap:8px}.tag{padding:6px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:.75rem;color:#444;font-weight:500;color:var(--text-main, #050505)}.view-all-btn{background:none;border:none;color:var(--text-main, #050505);display:flex;align-items:center;cursor:pointer;font-size:.75rem}.timeline{display:flex;flex-direction:column;position:relative}.timeline-item{display:flex;gap:1.5rem;padding-bottom:2rem;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:7px;top:24px;bottom:0;width:1px;background:#e0e0e0}.timeline-dot{width:15px;height:15px;border-radius:50%;border:2px solid #e0e0e0;z-index:2;margin-top:4px;background:var(--card-bg, #ffffff);flex-shrink:0;box-sizing:border-box;transition:all .3s ease}.timeline-item:hover .timeline-dot{background:#1a1a1a;border-color:#1a1a1a;cursor:pointer}.timeline-dot.active{background:var(--text-main, #050505);border-color:#1a1a1a}.timeline-content{display:flex;justify-content:space-between;width:100%;align-items:flex-start}.exp-info h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-main, #050505)}.exp-info p{margin:.2rem 0 0;font-size:.9rem;color:#666}.exp-year{font-size:.85rem;font-weight:500}.exp-info h4{font-size:.9rem;font-weight:600;margin-bottom:4px}.exp-info p{font-size:.75rem;color:var(--text-main, #050505);font-weight:500}.exp-year{font-size:.75rem;color:var(--text-main, #050505);border:1px solid #eee;padding:2px 8px;border-radius:6px}@media screen and (max-width:480px){.body-container{flex-direction:column;padding:5px}.card{padding:16px}.timeline-content{flex-direction:column;gap:5px}.exp-year{display:inline-block;align-self:flex-start}.tags{flex-wrap:wrap;gap:6px}}@media screen and (max-width:793px){.body-container{flex-direction:column;max-width:100%}.left-column,.right-column{width:100%;flex:none}.card-header h2{font-size:1.1rem}}@media screen and (min-width:768px)and (max-width:892px){.body-container{flex-direction:column;max-width:100%}}.portfolio-container{display:flex;gap:10px;max-width:800px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;align-items:flex-start}.section-card{background-color:var(--bg-surface);border:1px solid #e0e0e0;min-width:250px;border-radius:16px;padding:10px;transition:transform .3s ease}.section-card:hover{transform:translateY(-2px)}.left-panel{flex:1}.right-panel{flex:2.2}.header-group{display:flex;align-items:center;gap:12px;margin-bottom:15px}.icon-lucide{color:var(--text-main, #050505)}.header-row{display:flex;justify-content:space-between}.main-title{font-size:1.2rem;color:var(--text-main, #050505);margin:0;letter-spacing:-.5px}.description-text p{font-size:.9rem;line-height:1.6;color:var(--text-main, #050505);margin-bottom:24px}.view-all-link{color:#000;font-size:14px;font-size:.75rem;display:flex;align-items:start;gap:2px}.project-card-link{text-decoration:none;color:inherit}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.project-card{border:1px solid #e0e0e0;border-radius:12px;padding:10px}.project-name{font-size:.9rem;font-weight:700;color:var(--text-main, #050505)}.project-sub{font-size:.8rem;color:var(--text-main, #050505);margin-top:3px}.link-badge{display:inline-flex;align-items:center;background:var(--card-bg, #f0f0f0);color:var(--text-main, #050505);padding:4px 10px;border-radius:5px;border:1px solid #e0e0e0;font-size:.7rem;margin-top:4px}@media screen and (max-width:480px){.portfolio-container{flex-direction:column;padding:10px;gap:15px}.section-card{min-width:unset;width:100%;padding:15px}.projects-grid{grid-template-columns:1fr;gap:10px}.main-title{font-size:1.1rem}.project-name,.description-text p{font-size:.85rem}}@media screen and (max-width:793px){.portfolio-container{flex-direction:column;align-items:center;padding:20px;margin-top:-4%;gap:8px;max-width:100%}.left-panel,.right-panel{width:100%;flex:none}.projects-grid{grid-template-columns:1fr}.header-row{flex-direction:column;gap:10px;align-items:flex-start}}@media screen and (min-width:768px)and (max-width:892px){.portfolio-container{max-width:100%}.projects-grid{grid-template-columns:1fr 1fr;gap:10px}}.footer-container{display:flex;gap:20px;max-width:800px;margin-top:10px}.footer-card{background-color:var(--bg-surface);border:1px solid #e0e0e0;border-radius:16px;padding:10px;transition:transform .3s ease}.footer-card:hover{transform:translateY(-2px)}.cert-section{flex:1}.recommendation-section{flex:1.2;display:flex;flex-direction:column}.footer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-title-group{display:flex;align-items:center;gap:10px}.footer-title{font-size:1.2rem;font-weight:800;margin:0;color:var(--text-main, #050505);letter-spacing:-.5px}.footer-icon{color:var(--text-main, #050505)}.footer-view-all{text-decoration:none;color:#666;font-size:14px;font-weight:600;display:flex;align-items:center;gap:2px}.cert-list{display:flex;flex-direction:column;gap:5px}.cert-item{background-color:var(--card-bg, #ffffff);border:1px solid #e0e0e0;padding:10px;border-radius:12px}.cert-name{font-size:.8rem;font-weight:500;color:var(--text-main, #050505)}.cert-issuer{font-size:.7rem;color:var(--text-main, #050505);margin:0}.quote{font-size:.9rem;line-height:1.5;color:var(--text-main, #050505);margin:0 0 24px;font-weight:400}.divider{height:1px;background-color:#f0f0f0;margin-bottom:20px}.author-name{font-size:1rem;font-weight:700;margin:0 0 4px}.author-role{font-size:.7rem;color:#666;margin:0 0 24px}.pagination{display:flex;gap:8px}.dot{width:6px;height:6px;background-color:#e0e0e0;border-radius:50%}.dot.active{background-color:#1a1a1a}.fade-in{animation:smoothFade 1.5s ease-in-out}@keyframes smoothFade{0%{opacity:0}to{opacity:1}}@media screen and (max-width:793px){.footer-container{flex-direction:column;gap:8px;margin-top:-10px;width:100%}}@media screen and (min-width:768px)and (max-width:892px){.footer-container{flex-direction:row;justify-content:space-between}}.footer-wrapper{border:1px solid #e0e0e0;border-radius:10px;margin-top:10px;max-width:800px}.custom-footer{padding:15px;display:grid;border-radius:10px;grid-template-columns:1fr 1fr 1fr;gap:10px;background-color:var(--bg-surface)}.section-header{display:flex;align-items:center;gap:8px;color:#000;margin-bottom:20px}.section-title{font-size:1.2rem;font-weight:600;margin:0;color:var(--text-main, #050505)}.social-list{display:flex;flex-direction:column;gap:5px}.social-card{display:flex;align-items:center;gap:3px;padding:10px;border:1px solid #e0e0e0;border-radius:12px;text-decoration:none;color:#000;cursor:pointer;transition:all .2s ease}.social-card:hover{color:#000}.social-icon{color:var(--text-main, #050505)}.social-name{font-weight:600;font-size:.75rem;color:var(--text-main, #050505)}.speaking-box{border:1px solid #e0e0e0;border-radius:16px;padding:15px;height:116px;display:flex;flex-direction:column;justify-content:space-between}.speaking-text{font-size:.8rem;color:var(--text-main, #050505);line-height:1.5;margin:0}.get-in-touch{display:flex;align-items:center;gap:4px;font-weight:600;font-size:.7rem;color:var(--text-main, #050505);cursor:pointer}.contact-column{padding-top:44px;display:flex;flex-direction:column;gap:5px;color:#000}.info-card{border:1px solid #e0e0e0;border-radius:16px;padding:7.5px;transition:all .2s ease}.info-card.clickable{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.info-card.clickable:hover{color:#000}.info-header{display:flex;align-items:center;gap:3px}.info-icon{color:var(--text-main, #050505)}.info-label{font-size:.6rem;font-weight:500;color:var(--text-main, #050505)}.info-value{font-size:.7rem;font-weight:500;margin-top:3px;color:var(--text-main, #050505)}.arrow-icon{color:#ccc}.header-icon{color:var(--text-main, #050505)}.cert-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:inherit;width:100%}.cert-content{flex:1}.arrow-icon{margin-left:10px;transition:transform .2s ease}.cert-link:hover .arrow-icon{transform:translate(5px)}@media screen and (max-width:480px){.footer-wrapper{width:100%;max-width:100%;margin-left:0;margin-right:0;padding:10px;box-sizing:border-box}.custom-footer{grid-template-columns:1fr;gap:15px;padding:10px}.custom-footer svg{width:12px!important;height:12px!important}.section-title{font-size:1rem}.speaking-box{height:auto;min-height:100px}.contact-column{padding-top:0;gap:10px}}@media screen and (max-width:793px){.footer-wrapper{max-width:100%;margin-top:15px}.custom-footer{grid-template-columns:1fr;gap:20px}.contact-column{padding-top:0}.section-header{margin-bottom:10px}}@media screen and (min-width:768px)and (max-width:892px){.footer-wrapper{max-width:100%}.custom-footer{grid-template-columns:1fr 1fr}.contact-column{grid-column:span 2;padding-top:10px}}.chat-widget-wrapper{position:fixed;bottom:25px;right:25px;z-index:10000;display:flex;flex-direction:column;align-items:flex-end;font-family:Inter,sans-serif}.chat-container{display:flex;flex-direction:column;height:550px;width:380px;border-radius:16px;background-color:var(--bg-surface);border:1px solid #e0e0e0;box-shadow:0 12px 40px #0009;overflow:hidden;margin-bottom:15px}.chat-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}.user-info{display:flex;align-items:center;gap:12px}.user-info img{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-name{color:var(--text-main, #050505);font-weight:600;font-size:15px}.user-status{font-size:12px;color:#4caf50}.close-btn{background:transparent!important;border:none!important;outline:none;color:var(--text-main, #050505);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;transition:color .2s ease,transform .2s ease}.chat-box{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;background-color:var(--bg-surface)}.message-wrapper{display:flex;flex-direction:column}.sender-name{color:var(--text-main, #050505);font-size:13px;font-weight:500;margin-left:4px}.message{max-width:85%;padding:12px 16px;font-size:14px;line-height:1.5}.bot-message{align-self:flex-start;background-color:var(--bg-surface);color:var(--text-main, #050505);border-radius:4px 16px 16px}.user-message{align-self:flex-end;background-color:var(--bg-surface);color:var(--text-main, #050505);border-radius:16px 16px 4px}.bot-profile-wrapper{display:flex;align-items:center;margin-bottom:4px;margin-left:4px}.bot-avatar-small{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid #e0e0e0}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-end .user-message{margin-right:8px}.message-wrapper{margin-bottom:8px}.input-area{padding:15px;background-color:var(--bg-surface);display:flex;flex-direction:column;gap:8px}.input-wrapper{display:flex;gap:10px;align-items:center}.input-wrapper input{flex:1;background-color:var(--bg-surface);border:1px solid #e0e0e0;color:var(--text-main, #050505);padding:12px 16px;border-radius:8px;outline:none}.send-btn{background-color:var(--bg-surface);color:var(--text-main, #050505);border:none;border-radius:8px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer}.footer-note{font-size:11px;color:var(--text-main, #050505);display:flex;justify-content:space-between;padding:0 5px}.chat-trigger-btn{display:flex;align-items:center;gap:10px;background-color:var(--btn-secondary-bg, #000000);color:var(--btn-secondary-text, #ffffff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;padding:10px 24px;border-radius:50px;border:none;cursor:pointer;transition:opacity .2s ease}.chat-icon-animated{display:inline-block;transform-origin:bottom right;animation:waveHello 2.5s ease-in-out infinite}@keyframes waveHello{0%,to{transform:rotate(0)}10%,30%{transform:rotate(15deg)}20%,40%{transform:rotate(-10deg)}50%{transform:rotate(0)}}@media screen and (max-width:768px){.chat-container{width:350px;height:500px}.chat-trigger-btn{padding:10px 20px;font-size:15px}}@media screen and (max-width:480px){.chat-trigger-btn{padding:8px 16px;font-size:14px;gap:6px;bottom:15px;right:15px;border-radius:30px}.chat-container{width:100vw!important;height:100vh!important;position:fixed;top:0;left:0;margin:0;border-radius:0}.chat-widget-wrapper{bottom:15px;right:15px;width:auto}}@media screen and (max-width:360px){.chat-trigger-btn{font-size:12px;padding:6px 12px}.chat-trigger-btn svg{width:18px;height:18px}}