@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);:root{--radius:18px}html[data-theme=dark]{--bg:#0f1115;--surface:#191c22;--surface-2:#1f232b;--text:#e7eaee;--muted:#a0a8b5;--color:#0f1115;--border:#2a2f39;--accent:#64ffda;--shadow:0 14px 40px #00000059}html[data-theme=light]{--bg:#f7f9fc;--surface:#fff;--surface-2:#f1f5fa;--text:#0d1117;--muted:#55627a;--border:#dde6f2;--color:#fff;--accent:#053259;--background:#0a2540;--shadow:0 10px 28px #02061714}*{box-sizing:border-box}#root,body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;margin:0}.app-shell{min-height:100vh}.layout{grid-gap:28px;display:grid;gap:28px;grid-template-columns:300px 1fr;margin-inline:auto;max-width:1240px;padding:28px 28px 60px}.content{display:flex;flex-direction:column;min-width:0}.page-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.accent{color:var(--accent)}.muted{color:var(--muted)}@media (max-width:1100px){.layout{grid-template-columns:260px 1fr}}@media (max-width:900px){.layout{gap:18px;grid-template-columns:1fr;padding:20px 18px 48px}.sidebar-card{position:static}}@media (max-width:520px){.page-card{border-radius:14px;padding:18px}}.sidebar-card{align-self:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);height:-webkit-fit-content;height:fit-content;padding:22px 18px;position:-webkit-sticky;position:sticky;top:28px}.toggle-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;display:grid;height:32px;place-items:center;position:absolute;right:10px;top:10px;width:32px}.toggle-btn:hover{filter:brightness(1.06)}.rot-0{transform:rotate(0deg)}.rot-0,.rot-180{transition:transform .2s ease}.rot-180{transform:rotate(180deg)}.avatar{border:2px solid var(--accent);border-radius:50%;height:120px;margin:4px auto 12px;overflow:hidden;width:120px}.avatar img{height:100%;object-fit:cover;width:100%}.sidebar-name{font-size:1.35rem;margin:6px 0 2px;text-align:center}.sidebar-role{color:var(--accent);font-weight:600;margin:0 0 14px;text-align:center}.sidebar-info{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.info-row{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text);display:flex;gap:10px;max-width:100%;overflow:hidden;padding:10px 12px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.info-row svg{flex-shrink:0}.info-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-btn{align-items:center;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);color:var(--text);display:flex;font-weight:700;gap:10px;justify-content:center;margin-top:14px;padding:12px 14px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,color .15s ease;width:100%}.cv-btn .dl-icon{opacity:.85}.cv-btn:hover{box-shadow:0 16px 38px #00000073;color:var(--accent);transform:translateY(-2px)}.info-row:hover{filter:brightness(1.08)}.socials{display:flex;gap:12px;justify-content:center;padding-top:6px}.socials a{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text);display:grid;height:36px;place-items:center;transition:transform .15s ease,color .15s ease,box-shadow .2s ease;width:36px}.socials a:hover{box-shadow:0 8px 24px #00000059;color:var(--accent);transform:translateY(-2px)}.libutton{background-color:#0a66c2;border-radius:10px;color:#fff!important;display:flex;flex-direction:column;font-family:SF Pro Text,Helvetica,sans-serif;height:32px;justify-content:center;margin:10px auto;outline:none;padding:7px;text-align:center;text-decoration:none!important;width:200px}.sidebar-card.collapsed{padding-top:18px}.sidebar-card.collapsed .avatar{height:64px;margin:0 0 8px;width:64px}.sidebar-card.collapsed .sidebar-name{font-size:1.05rem;text-align:left}.sidebar-card.collapsed .sidebar-role{margin-bottom:6px;text-align:left}.sidebar-card.collapsed .cv-btn span,.sidebar-card.collapsed .sidebar-info,.sidebar-card.collapsed .socials{display:none}.sidebar-card.collapsed .cv-btn{gap:8px;justify-content:center;padding:10px 12px}@media (max-width:900px){.sidebar-card{position:static}}@media (max-width:768px){.sidebar-card{padding:16px 14px}.avatar{height:96px;margin:0 auto 10px;width:96px}.sidebar-name{font-size:1.2rem}.sidebar-role{margin-bottom:12px}.sidebar-info{gap:8px}.info-row{gap:8px;padding:10px;text-overflow:clip;white-space:normal}.socials{gap:10px}.socials a{border-radius:8px;height:32px;width:32px}}@media (max-width:480px){.sidebar-card{padding:14px 12px}.avatar{height:88px;width:88px}.sidebar-name{font-size:1.1rem}.info-row{padding:9px 10px}.cv-btn{padding:10px 12px}}.brand-carousel{overflow:hidden;padding-bottom:10px;padding-top:20px;width:100%}.brand-track{animation:scroll-left 28s linear infinite;display:flex;gap:28px;width:-webkit-max-content;width:max-content}.brand-item{align-items:center;display:flex;flex:0 0 auto;justify-content:center;min-width:90px}.brand-item img{height:28px;opacity:.85;transition:filter .2s ease,opacity .2s ease,transform .2s ease;width:auto}.brand-item img:hover{opacity:1;transform:translateY(-1px)}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:768px){.brand-carousel{padding-bottom:8px;padding-top:16px}.brand-track{animation-duration:24s;gap:18px}.brand-item{min-width:80px}.brand-item img{height:22px}}@media (max-width:480px){.brand-carousel{padding-bottom:6px;padding-top:12px}.brand-track{animation-duration:22s;gap:14px;width:100px}.brand-item{min-width:72px}.brand-item img{height:18px}}.nav-pill{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;display:flex;gap:18px;margin:0 auto 22px 0;padding:10px 16px;width:-webkit-fit-content;width:fit-content}.nav-pill a{border-radius:999px;color:var(--text);padding:8px 12px;text-decoration:none;transition:background .15s ease,color .15s ease}.nav-pill a:hover{background:var(--surface);color:var(--accent)}.nav-pill a.active{background:var(--accent);color:var(--surface)}.nav-pill.sticky{background:var(--surface);box-shadow:var(--shadow);position:-webkit-sticky;position:sticky;top:20px;z-index:100}@media (max-width:900px){.nav-pill{display:none}}.ml-auto{margin-left:auto}.theme-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;color:var(--text);cursor:pointer;display:grid;height:36px;place-items:center;width:36px}.theme-toggle:hover{color:var(--accent)}.footer-nav{display:none}@media (max-width:768px){.footer-nav{align-items:center;background:#1b1c1f;border-top:1px solid #333;bottom:0;display:flex;justify-content:space-around;left:0;padding:.5rem 0;position:fixed;right:0;z-index:100}.footer-nav .nav-item{align-items:center;color:#aaa;display:flex;flex-direction:column;font-size:.8rem;text-decoration:none;transition:color .2s}.footer-nav .nav-item svg{font-size:1.2rem;margin-bottom:2px}.footer-nav .nav-item.active,.footer-nav .nav-item:hover{color:#64ffda}}.wa-float{align-items:center;background:#25d366;border-radius:50%;bottom:20px;box-shadow:0 8px 20px #0003;display:inline-flex;height:56px;justify-content:center;position:fixed;right:20px;transition:transform .15s ease,box-shadow .15s ease;width:56px;z-index:1000}.wa-float:hover{box-shadow:0 12px 24px #0000003d;transform:translateY(-2px)}.wa-icon{height:30px;width:30px}@media (max-width:768px){.wa-float{bottom:63px;height:52px;right:16px;width:52px}.wa-icon{height:28px;width:28px}}.section{margin:32px 0}.section-header{align-items:center;display:flex;gap:12px;margin-bottom:14px}.section-header h2{font-size:1.8rem;margin:0}.section-underline{background:var(--accent);border-radius:4px;height:4px;width:64px}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:16px 18px;transition:transform .15s ease,box-shadow .15s ease}.card:hover{box-shadow:0 16px 40px #00000059;transform:translateY(-2px)}.card+.card{margin-top:14px}.meta{color:var(--accent);font-size:.95rem;margin:6px 0 0}.skills-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr))}.skills-row{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:900px){.skills-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:520px){.skills-grid{grid-template-columns:repeat(2,1fr)}}.skill-item{align-items:flex-start;background:#0000;border:none;display:flex;flex-direction:column;gap:5px;padding:0}.skill-caption{color:var(--muted);font-size:.85rem;max-width:100px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.skill-icon{background:#fff;border-radius:8px;box-shadow:0 1px 2px #00000014;display:grid;height:45px;place-items:center;transition:transform .15s ease,box-shadow .15s ease;width:50px}.skill-icon img{display:block;height:45px;width:45px}.icon-only{color:inherit}.skill-item:hover .skill-icon{box-shadow:0 4px 10px #00000026;transform:scale(1.08)}.featured{margin-top:10px}.slider{margin-top:8px;position:relative}.viewport{overflow:hidden}.track{grid-gap:18px;display:grid;gap:18px;grid-auto-columns:calc(50% - 9px);grid-auto-flow:column;transition:transform .35s ease}.slide-card{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;min-height:240px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.slide-card:hover{box-shadow:0 18px 42px #00000073;transform:translateY(-3px)}.slide-card img{display:block;height:180px;object-fit:cover;width:100%}.slide-body{padding:12px 14px 16px}.slide-url{font-size:.9rem}.slide-title{margin:6px 0}.nav{background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;height:38px;position:absolute;top:50%;transform:translateY(-50%);width:38px;z-index:5}.nav:hover{filter:brightness(1.06)}.nav:disabled{cursor:not-allowed;opacity:.4}.prev{left:-8px}.next{right:-8px}@media (max-width:900px){.track{grid-auto-columns:100%}.prev{left:4px}.next{right:4px}}.timeline{--line-x:18px;padding-left:calc(var(--line-x) + 22px);position:relative}.timeline-line{background:var(--border);bottom:0;left:var(--line-x);position:absolute;top:0;width:2px}.timeline-item{margin:16px 0 22px;position:relative}.timeline-dot{background:var(--accent);border:2px solid #0f1115;border-radius:50%;box-shadow:0 4px 14px #00000059;color:#0f1115;display:grid;font-size:12px;height:30px;left:calc(var(--line-x) - 53px);place-items:center;position:absolute;top:-5px;transform:translateY(10%);width:30px}.timeline-dot svg{transform:translateY(.5px)}.timeline-content{margin-left:24px}.timeline-head{align-items:flex-start;display:flex;gap:12px}.timeline-logo{background:var(--surface);border:1px solid var(--border);border-radius:10px;display:grid;flex-shrink:0;height:42px;overflow:hidden;place-items:center;width:42px}.timeline-logo img{display:block;height:100%;object-fit:cover;width:100%}.timeline-logo-fallback{color:var(--muted);font-weight:800}.timeline-titles{min-width:0}.timeline-date{color:var(--accent);font-size:.95rem;font-weight:600}.timeline-title{margin:6px 0 2px}.timeline-sub{color:var(--muted);margin-bottom:2px}@media (max-width:520px){.timeline{--line-x:20px;padding-left:calc(var(--line-x) + 18px)}}.projects-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:900px){.projects-grid{grid-template-columns:1fr}}.project-card{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.project-card:hover{box-shadow:0 18px 42px #00000073;transform:translateY(-3px)}.project-card img{height:180px;object-fit:cover;width:100%}.project-card h3{margin:12px 14px 6px}.project-card p{color:var(--muted);margin:0 14px 6px}.project-card span{color:var(--muted);display:block;font-size:.92rem;margin:0 14px 14px}.project-modal{align-items:center;background:#06080ce6;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:1000}.modal-content{background:var(--surface-2);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);max-height:90vh;overflow:auto;padding:24px 22px;position:relative;width:min(860px,100%)}.modal-content h3{color:var(--accent);margin:0 0 6px}.modal-content h4{color:var(--accent);margin:16px 0 8px}.modal-content a{color:var(--accent);text-decoration:none}.modal-content a:hover{text-decoration:underline}.close-btn{background:#0000;border:none;border-radius:8px;color:var(--text);cursor:pointer;font-size:20px;padding:6px 10px;position:absolute;right:12px;top:10px}.close-btn:hover{background:var(--surface)}.grid-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-top:14px}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.btn-back{background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;padding:10px 14px;text-decoration:none}.btn-back:hover{filter:brightness(1.08)}.contact-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1.4fr}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}@media (max-width:768px){.calendly-inline-widget{width:92%}}.contact-card{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:18px}@media (max-width:768px){.contact-card{width:92%}}.contact-row{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);display:flex;gap:10px;margin:10px 0;overflow:hidden;padding:10px 12px;text-decoration:none}.contact-row:hover{filter:brightness(1.08)}.form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.form-row input,input[name=subject],textarea{background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);outline:none;padding:10px 12px;width:100%}input[name=subject],textarea{margin-top:10px}textarea{resize:vertical}.btn-primary{background:var(--accent);border:none;border-radius:10px;color:var(--color);cursor:pointer;font-weight:700;margin-top:12px;padding:10px 14px}.btn-primary:hover{filter:brightness(1.05)}@media (max-width:520px){.form-row{grid-template-columns:1fr}}.home-page{padding:20px}
/*# sourceMappingURL=main.35ac8c68.css.map*/