:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:root{--color-deep-navy:#0f172a;--color-navy:#111827;--color-slate:#475569;--color-blue:#2563eb;--color-cyan:#06b6d4;--color-white:#f8fafc;--color-muted:#94a3b8;--color-green:#22c55e;--color-amber:#f59e0b;--color-red:#ef4444;--color-purple:#8b5cf6}html{scroll-behavior:smooth}body{background:var(--color-deep-navy);color:var(--color-white);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}main{box-sizing:border-box;background:var(--color-deep-navy);width:100%;color:var(--color-white);text-align:left;padding-left:260px}.site-header{box-sizing:border-box;border-right:1px solid var(--color-slate);background:var(--color-deep-navy);z-index:1000;width:260px;height:100vh;padding:36px 24px;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-brand{text-align:center;margin-bottom:42px}.sidebar-brand .logo{background:var(--color-blue);width:58px;height:58px;color:var(--color-white);letter-spacing:1px;border-radius:14px;justify-content:center;align-items:center;margin:0 auto 18px;font-size:22px;font-weight:700;display:flex}.sidebar-brand h2{color:var(--color-white);margin:0;font-size:18px;line-height:1.3}.sidebar-brand p{color:var(--color-muted);letter-spacing:.5px;margin:8px 0 0;font-size:14px;font-weight:700;line-height:1.4}.sidebar-nav{flex-direction:column;gap:5px;display:flex}.sidebar-nav>a,.sidebar-nav>details>summary{box-sizing:border-box;width:100%;color:var(--color-white);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex}.sidebar-nav summary{list-style:none}.sidebar-nav summary::-webkit-details-marker{display:none}.sidebar-nav>details>summary:after{content:"›";color:var(--color-muted);margin-left:8px;font-size:18px;line-height:1;transition:transform .2s,color .2s;transform:rotate(0)}.sidebar-nav>details[open]>summary:after{color:var(--color-cyan);transform:rotate(90deg)}.sidebar-nav>details[open]>summary{background:var(--color-slate);color:var(--color-white)}.sidebar-nav>a:hover,.sidebar-nav>details>summary:hover{background:var(--color-slate);color:var(--color-white);transform:translate(3px)}.submenu{border-left:1px solid var(--color-slate);flex-direction:column;gap:2px;margin:3px 0 5px 10px;padding:4px 0 4px 10px;display:flex}.submenu a{color:var(--color-muted);border-radius:6px;padding:7px 10px;font-size:13px;font-weight:500;line-height:1.3;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:block}.submenu a:hover{background:var(--color-slate);color:var(--color-white);transform:translate(2px)}.sidebar-nav .sidebar-cta{background:var(--color-blue);color:var(--color-white);text-align:center;border-radius:7px;justify-content:center;margin-top:14px;padding:11px 14px}.sidebar-nav .sidebar-cta:hover{background:var(--color-cyan);color:var(--color-deep-navy);transform:translateY(-1px)}.sidebar-nav a:focus-visible,.sidebar-nav summary:focus-visible{outline:2px solid var(--color-muted);outline-offset:2px}#home,#about,#skills,#projects,#portfolios,#experience,#certifications,#contact,#career-history,#education,#professional-affiliations,#technical-foundation,#ai-journey,#core-services,#dashboard-specialist,#virtual-assistant,#downloads{scroll-margin-top:30px}.hero{box-sizing:border-box;flex-direction:column;justify-content:flex-start;width:min(1080px,100% - 48px);min-height:0;margin:0 auto;padding:45px 0 100px;display:flex}.eyebrow,.section-label{color:var(--color-muted);letter-spacing:2px;margin:0 0 18px;font-size:13px;font-weight:700}.hero .eyebrow{color:var(--color-cyan);letter-spacing:1.5px;margin:0 0 20px;font-size:20px;font-weight:700;line-height:1.3}.hero h1{max-width:900px;color:var(--color-white);letter-spacing:-3px;margin:0 0 28px;font-size:clamp(48px,7vw,82px);font-weight:700;line-height:.98}.hero-description{max-width:720px;color:var(--color-muted);margin-bottom:30px;font-size:19px;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-actions a{border:1px solid var(--color-slate);background:var(--color-navy);min-height:46px;color:var(--color-white);border-radius:7px;justify-content:center;align-items:center;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.hero-actions a:hover{background:var(--color-slate);color:var(--color-white);transform:translateY(-2px);box-shadow:0 8px 20px #1118271f}#about,#skills,#projects,#portfolios,#experience,#certifications,#contact,#career-history,#education,#professional-affiliations,#technical-foundation,#ai-journey,#core-services,#dashboard-specialist,#virtual-assistant,#downloads{border-top:1px solid var(--color-slate);box-sizing:border-box;width:min(1080px,100% - 48px);margin:0 auto;padding:72px 0}#about h2,#skills h2,#projects h2,#portfolios h2,#experience h2,#certifications h2,#contact h2,#career-history h2,#education h2,#professional-affiliations h2,#technical-foundation h2,#ai-journey h2,#core-services h2,#dashboard-specialist h2,#virtual-assistant h2,#downloads h2{max-width:800px;color:var(--color-white);letter-spacing:-1.7px;margin:0 0 26px;font-size:46px;font-weight:750;line-height:1.08}#about>p:last-child,#projects>p:not(.section-label) #portfolios>p:not(.section-label),#certifications>p:not(.section-label),#contact>p,#career-history>p:not(.section-label),#education>p:not(.section-label),#professional-affiliations>p:not(.section-label),#technical-foundation>p:not(.section-label),#ai-journey>p:not(.section-label),#core-services>p:not(.section-label),#dashboard-specialist>p:not(.section-label),#virtual-assistant>p:not(.section-label),#downloads>p:not(.section-label){max-width:760px;color:var(--color-muted);font-size:17px;line-height:1.8}.projects-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px;display:grid}.project-card{box-sizing:border-box;border:1px solid var(--color-slate);background:var(--color-navy);border-radius:12px;flex-direction:column;min-height:280px;padding:28px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.project-card:hover{border-color:var(--color-muted);transform:translateY(-4px);box-shadow:0 12px 28px #11182714}.project-visual{aspect-ratio:16/9;background:var(--color-slate);color:var(--color-muted);border-radius:12px 12px 0 0;justify-content:center;align-items:center;margin:-28px -28px 24px;display:flex;overflow:hidden}.project-visual img{object-fit:cover;width:100%;height:100%;display:block}#certifications .project-visual img{object-fit:contain}.project-category{color:var(--color-muted);letter-spacing:1.8px;margin:0 0 18px;font-size:12px;font-weight:700}.project-card h3{color:var(--color-white);margin:0 0 16px;font-size:22px;font-weight:700;line-height:1.25}.project-card>p:not(.project-category):not(.project-tools){color:var(--color-muted);margin:0;font-size:15px;line-height:1.7}.project-tools{color:var(--color-white);margin:auto 0 0;padding-top:24px;font-size:13px;font-weight:600}.project-link{width:fit-content;color:var(--color-cyan);align-items:center;margin-top:18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.project-link:hover{text-decoration:underline}.skills-group{margin-top:26px}.skills-group+.skills-group{margin-top:28px}.skills-group h3{color:var(--color-white);margin:0 0 2px;font-size:19px;line-height:1.4}.skills-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;display:grid}.skills-grid div{box-sizing:border-box;border:1px solid var(--color-slate);background:var(--color-navy);min-height:58px;color:var(--color-white);border-radius:10px;align-items:center;padding:12px;font-size:14px;font-weight:600;line-height:1.35;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.skills-grid div:hover{border-color:var(--color-muted);transform:translateY(-2px);box-shadow:0 8px 20px #11182712}.experience-list{gap:16px;margin-top:36px;display:grid}.experience-item{border:1px solid var(--color-slate);background:var(--color-navy);border-radius:12px;padding:28px}.experience-header{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.experience-item h3{color:var(--color-white);margin:0;font-size:21px;line-height:1.3}.experience-header span{color:var(--color-muted);flex-shrink:0;font-size:13px;font-weight:600}.experience-company{color:var(--color-muted);margin:8px 0 16px;font-size:15px;font-weight:600}.experience-item>p:last-child{max-width:760px;color:var(--color-muted);margin:0;font-size:15px;line-height:1.7}#career-history .experience-list,#education .experience-list,#professional-affiliations .experience-list,#ai-journey .experience-list{margin-top:36px}#technical-foundation .skills-grid,#core-services .skills-grid,#dashboard-specialist .skills-grid,#virtual-assistant .skills-grid{margin-top:30px}#dashboard-specialist .skills-grid,#virtual-assistant .skills-grid{max-width:900px}#downloads{margin-top:28px}.download-grid{margin-top:36px}.download-card{min-height:230px}.download-action{margin-top:auto}#contact{padding-bottom:90px}#contact>p{margin-bottom:32px}.contact-form-wrapper{width:100%;max-width:760px;margin:38px 0 0}.contact-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--color-white);font-size:.85rem;font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--color-slate);background:var(--color-navy);width:100%;color:var(--color-white);font:inherit;box-sizing:border-box;border-radius:8px;padding:13px 15px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group textarea{resize:vertical;min-height:150px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-muted)}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-blue);outline:none;box-shadow:0 0 0 2px #2563eb2e}.validation-space{min-height:18px;display:block}.validation-space [role=alert]{font-size:.78rem;font-weight:500;line-height:1.3;display:block;color:var(--color-red)!important}.email-validation-error{color:var(--color-red);font-size:.78rem;font-weight:500;line-height:1.3;display:block}.contact-error{color:var(--color-white);background:#ef444414;border:1px solid #ef444459;border-radius:8px;margin:-4px 0 0;padding:11px 14px;font-size:.85rem;line-height:1.5}.contact-submit{background:var(--color-blue);color:var(--color-white);font:inherit;cursor:pointer;border:none;border-radius:8px;align-self:flex-end;padding:12px 24px;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .2s,background .2s}.contact-submit:hover{background:var(--color-cyan);color:var(--color-deep-navy);opacity:1;transform:translateY(-1px)}.contact-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-submit-sending{opacity:.75;cursor:wait;background:var(--color-blue);position:relative}.contact-submit-sending:after{content:"";border:2px solid #f8fafc73;border-top-color:var(--color-white);vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-left:9px;animation:.7s linear infinite contact-submit-spin;display:inline-block}@keyframes contact-submit-spin{to{transform:rotate(360deg)}}.contact-success{box-sizing:border-box;border:1px solid var(--color-slate);background:var(--color-navy);width:100%;min-height:260px;color:var(--color-white);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:38px 30px;display:flex;position:relative}.success-close-btn{color:var(--color-muted);cursor:pointer;background:0 0;border:none;padding:6px;font-size:18px;font-weight:600;line-height:1;transition:color .2s,transform .2s;position:absolute;top:16px;right:18px}.success-close-btn:hover{color:var(--color-red);transform:scale(1.1)}.contact-success-icon{background:var(--color-blue);width:46px;height:46px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:1.25rem;font-weight:700;display:flex}.contact-success h3{margin:0 0 10px;font-size:1.2rem}.contact-success p{max-width:540px;color:var(--color-muted);margin:0 auto 22px;font-size:.92rem;line-height:1.6}.success-action-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:8px;display:flex}.contact-another{border:1px solid var(--color-slate);background:var(--color-navy);color:var(--color-white);font:inherit;cursor:pointer;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:background .2s,color .2s}.contact-another:hover{background:var(--color-blue);color:var(--color-white)}.contact-exit-link{border:1px solid var(--color-slate);min-height:40px;color:var(--color-muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.contact-exit-link:hover{border-color:var(--color-muted);color:var(--color-white);transform:translateY(-1px)}.form-label-row{justify-content:space-between;align-items:center;width:100%;display:flex}.char-counter{color:var(--color-muted);letter-spacing:.5px;font-size:.78rem;font-weight:600;transition:color .2s}.char-counter.char-limit-near{color:var(--color-amber)}.contact-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.contact-actions a{border:1px solid var(--color-slate);background:var(--color-navy);min-height:46px;color:var(--color-white);border-radius:7px;justify-content:center;align-items:center;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.contact-actions a:hover{background:var(--color-slate);color:var(--color-white);transform:translateY(-2px);box-shadow:0 8px 20px #1118271f}.contact-links{flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;display:flex}.contact-links a{color:var(--color-muted);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s,transform .2s}.contact-links a:hover{color:var(--color-cyan);transform:translateY(-1px)}footer{border-top:1px solid var(--color-slate);text-align:center;color:var(--color-muted);padding:28px 24px;font-size:13px}.mobile-menu-toggle{display:none!important}@media (width<=1000px){main{padding-left:220px}.site-header{width:220px;padding:30px 18px}.sidebar-brand h2{font-size:16px}.sidebar-nav>a,.sidebar-nav>details>summary{padding:9px 10px;font-size:13px}.submenu a{padding:6px 8px;font-size:12px}.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.mobile-menu-toggle{background:var(--color-slate);width:100%;min-height:44px;color:var(--color-white);cursor:pointer;box-sizing:border-box;border:1px solid #ffffff26;border-radius:6px;justify-content:space-between;align-items:center;margin:14px 0 0;padding:10px 14px;font-size:14px;font-weight:700;transition:background .2s;display:flex!important}.mobile-menu-toggle:hover{background:var(--color-blue)}main{padding-left:0}.site-header{border-right:none;border-bottom:1px solid var(--color-slate);width:100%;height:auto;max-height:none;padding:24px 20px;position:relative;overflow-y:visible}.sidebar-brand{text-align:left;align-items:center;gap:14px;margin-bottom:16px;display:flex}.sidebar-brand .logo{width:52px;height:52px;margin:0;font-size:20px}.sidebar-brand h2{font-size:18px}.sidebar-brand p{margin-top:2px;font-size:13px}.sidebar-nav{border-top:1px solid var(--color-slate);flex-direction:column;gap:6px;width:100%;margin-top:12px;padding:8px 0;display:none}.sidebar-nav.mobile-open{display:flex!important}.sidebar-nav>a,.sidebar-nav>details{width:100%}.sidebar-nav>a,.sidebar-nav>details>summary{background:var(--color-navy);border:1px solid #ffffff0d;padding:12px 14px;font-size:14px}.submenu{z-index:1100;border-left:2px solid var(--color-cyan);box-sizing:border-box;background:#0f172a99;width:100%;margin:4px 0;padding:6px 12px;position:relative}.submenu a{padding:10px 12px;font-size:13px}.sidebar-nav .sidebar-cta{box-sizing:border-box;width:100%;margin-top:8px}.hero,#about,#skills,#projects,#portfolios,#experience,#certifications,#contact,#career-history,#education,#professional-affiliations,#technical-foundation,#ai-journey,#core-services,#dashboard-specialist,#virtual-assistant,#downloads{width:calc(100% - 32px)}.hero{min-height:480px;padding:60px 0}.hero h1{letter-spacing:-2px;font-size:42px}.projects-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.experience-header{flex-direction:column;align-items:flex-start;gap:6px}#about h2,#skills h2,#projects h2,#portfolios h2,#experience h2,#certifications h2,#contact h2,#career-history h2,#education h2,#professional-affiliations h2,#technical-foundation h2,#ai-journey h2,#core-services h2,#dashboard-specialist h2,#virtual-assistant h2,#downloads h2{font-size:32px}.form-row{grid-template-columns:1fr;gap:12px}.contact-form-wrapper{margin-top:24px}.contact-submit{width:100%}}@media (width<=480px){.site-header{padding:18px 14px}.sidebar-brand h2{font-size:16px}.hero h1{letter-spacing:-1px;font-size:34px}.hero-description{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{box-sizing:border-box;width:100%}.skills-grid{grid-template-columns:1fr}.project-card,.experience-item{padding:18px}.project-visual{margin:-18px -18px 18px}}