:root{--bg:#f8f8fb;--text:#0f1724;--muted:#6b7280;--accent:#7c3aed;--accent-2:#ff7a18}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.container{max-width:1100px;margin:0 auto;padding:40px 24px}.container+.container{padding-top:20px}.site-header{background:transparent;padding:18px 0}.nav-row{display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700}.nav a{margin-left:20px;color:var(--text);text-decoration:none}.burger-menu{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1001}.burger-menu span{width:25px;height:3px;background:var(--text);border-radius:3px;transition:all .3s ease}.burger-menu.open span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.burger-menu.open span:nth-child(2){opacity:0}.burger-menu.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav a.nav-link{position:relative;padding-bottom:6px;display:inline-block}.nav a.nav-link:after{content:"";position:absolute;left:12%;right:12%;height:3px;background:var(--accent);bottom:-6px;transform:scaleX(0);transform-origin:left;transition:transform .18s cubic-bezier(.2,.9,.2,1);border-radius:3px}.nav a.nav-link.active:after,.nav a.nav-link:focus-visible:after{transform:scaleX(1)}.nav a.nav-link:focus-visible{outline:3px solid rgba(124,58,237,.12);outline-offset:6px}.contact-btn{background:var(--accent);color:#fff;padding:8px 14px;border-radius:10px}.hero{display:flex;align-items:center;gap:40px;padding-top:20px;padding-bottom:18px}.hero-left{flex:1}.hero-left h1{font-size:48px;margin:0 0 16px}.hero-left .accent{color:var(--accent-2)}.lead{color:var(--muted);font-size:16px;margin-bottom:20px}.cta-row .btn{display:inline-block;padding:12px 20px;border-radius:10px;text-decoration:none;margin-right:12px}.btn.primary{background:linear-gradient(90deg,var(--accent),#5b21b6);color:#fff}.btn.ghost{border:1px solid rgba(0,0,0,.08);background:#fff;color:var(--text)}.hero-right{flex:0 0 360px;display:flex;justify-content:center}.photo-ring{width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,#00000005);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #7c3aed1f}.profile-pic{width:88%;height:88%;object-fit:cover;border-radius:50%}.about{padding:18px 0}.about-card{background:#fff;border-radius:12px;padding:28px;box-shadow:0 8px 24px #1018280f}.about-card h2{margin-top:0}.skills{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.pill,.skill-bubble{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:linear-gradient(90deg,#7c3aed1f,#7c3aed0f);color:var(--text);font-weight:600;font-size:14px;box-shadow:0 6px 18px #0f17240a;border:1px solid rgba(16,24,40,.03);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.pill-large,.skill-bubble.skill-large{padding:14px 22px;font-size:18px;transform:scale(1.06);background:linear-gradient(90deg,#7c3aed,#ff7a18);color:#fff}.contact-link{cursor:pointer}.pill:hover,.skill-bubble:hover,.contact-link:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0f172414}.cert-view .about-card{padding-bottom:28px}.cert-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.cert-bubble{min-width:140px;text-align:center}.pill:focus-visible,.contact-link:focus-visible,.skill-bubble:focus-visible{outline:3px solid rgba(124,58,237,.18);outline-offset:3px}.site-footer{padding:30px 0;color:var(--muted)}@media (max-width:900px){.hero{flex-direction:column-reverse}.hero-right{flex-basis:auto}.hero-left h1{font-size:36px}}@media (max-width:768px){.burger-menu{display:flex}.nav{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:300px;background:#fff;box-shadow:-2px 0 10px #0000001a;flex-direction:column;align-items:flex-start;padding:80px 30px 30px;transition:right .3s ease;z-index:1000}.nav.nav-open{right:0}.nav a{margin:0;padding:15px 0;width:100%;font-size:18px;border-bottom:1px solid rgba(0,0,0,.05)}.nav a:last-child{border-bottom:none}.nav a.nav-link:after{display:none}}.contact-section .about-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.contact-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.contact-link{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:linear-gradient(90deg,#7c3aed0f,#7c3aed05);text-decoration:none;color:var(--text);font-weight:700}.contact-link .link-icon{font-size:18px}.contact-link:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0f17240f}
