*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0a0a;color:#d4d4d8;line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:800px;margin:0 auto;padding:0 24px}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0ad9;backdrop-filter:blur(12px);border-bottom:1px solid #1a1a1a}.site-nav .container{display:flex;align-items:center;justify-content:space-between;height:56px}.site-nav .logo{font-size:15px;font-weight:700;color:#f4f4f5;text-decoration:none;letter-spacing:-.3px}.site-nav .nav-links{display:flex;align-items:center;gap:24px}.site-nav .nav-links a{font-size:13px;font-weight:500;color:#a1a1aa;text-decoration:none;transition:color .2s}.site-nav .nav-links a:hover{color:#f4f4f5}.nav-cta{background:#10b981;color:#0a0a0a!important;padding:6px 14px;border-radius:6px;font-weight:600!important;font-size:13px;transition:background .2s!important}.nav-cta:hover{background:#34d399!important}.page{padding-top:56px}footer{text-align:center;padding:40px 0;color:#52525b;font-size:13px;border-top:1px solid #1a1a1a}.hero{text-align:center;padding:100px 0 80px}.hero .avatar{width:80px;height:80px;border-radius:50%;margin-bottom:20px;border:2px solid #27272a}.hero h1{font-size:36px;font-weight:700;color:#fafafa;letter-spacing:-.5px;margin-bottom:8px}.hero .tagline{font-size:17px;color:#10b981;font-weight:500;margin-bottom:12px}.hero .bio{font-size:15px;color:#a1a1aa;max-width:500px;margin:0 auto 24px}.hero .badge-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.hero .badge{background:#18181b;color:#d4d4d8;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;text-decoration:none;border:1px solid #27272a;transition:border-color .2s,background .2s}.hero .badge:hover{border-color:#10b981;background:#1a1a1a}.section{padding:72px 0}.section-alt{background:#0e0e0e;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a}.section h2{font-size:20px;font-weight:600;color:#f4f4f5;margin-bottom:28px;letter-spacing:-.3px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:640px){.grid{grid-template-columns:1fr}}.card{background:#141415;border:1px solid #222;border-radius:10px;padding:20px;text-decoration:none;color:inherit;transition:border-color .2s,background .2s}.card:hover{border-color:#10b981;background:#1a1a1a}.card h3{font-size:15px;font-weight:600;color:#f4f4f5;margin-bottom:6px}.card p{font-size:13px;color:#a1a1aa;margin-bottom:10px;line-height:1.5}.card .tags{display:flex;flex-wrap:wrap;gap:4px}.tag,.card .tag{display:inline-block;background:#1f1f23;color:#a1a1aa;font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px}.blog-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:640px){.blog-preview-grid{grid-template-columns:1fr}}.blog-card{background:#141415;border:1px solid #222;border-radius:10px;padding:24px;text-decoration:none;color:inherit;transition:border-color .2s,background .2s,transform .2s}.blog-card:hover{border-color:#10b981;background:#1a1a1a;transform:translateY(-2px)}.blog-card .date{font-size:12px;color:#10b981;font-weight:500;margin-bottom:8px}.blog-card h3{font-size:17px;font-weight:600;color:#f4f4f5;margin-bottom:8px;line-height:1.4}.blog-card p{font-size:13px;color:#a1a1aa;line-height:1.5}.blog-card .read-more{display:inline-block;margin-top:12px;font-size:13px;font-weight:500;color:#10b981}.section-footer{text-align:center;margin-top:24px}.section-footer a{color:#a1a1aa;font-size:14px;text-decoration:none;border-bottom:1px solid #333;padding-bottom:2px;transition:color .2s,border-color .2s}.section-footer a:hover{color:#f4f4f5;border-color:#10b981}.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown-trigger{cursor:default}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);background:#18181b;border:1px solid #27272a;border-radius:8px;padding:8px 6px 6px;min-width:200px;box-shadow:0 8px 24px #0006;z-index:200;margin-top:0}.nav-dropdown-menu:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #27272a}.nav-dropdown-menu a{display:block;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;color:#d4d4d8;text-decoration:none;transition:background .15s;white-space:nowrap}.nav-dropdown-menu a:hover{background:#222;color:#f4f4f5}.nav-dropdown:hover .nav-dropdown-menu{display:block}.back-to-top{position:fixed;bottom:32px;right:32px;width:40px;height:40px;border-radius:50%;background:#18181b;border:1px solid #27272a;color:#a1a1aa;font-size:18px;cursor:pointer;display:none;align-items:center;justify-content:center;transition:border-color .2s,background .2s;z-index:99}.back-to-top:hover{border-color:#10b981;background:#1a1a1a;color:#10b981}.back-to-top.visible{display:flex}.experience-card{background:#141415;border:1px solid #222;border-radius:10px;padding:24px;margin-bottom:10px;transition:border-color .2s}.experience-card:hover{border-color:#10b981}.exp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.exp-left h3{font-size:16px;font-weight:600;color:#f4f4f5;margin-bottom:4px}.exp-meta{font-size:13px;color:#a1a1aa;display:flex;flex-wrap:wrap;gap:4px}.exp-company{color:#10b981;font-weight:500}.exp-sep{color:#52525b}.exp-right{text-align:right;flex-shrink:0}.exp-period{display:block;font-size:12px;color:#10b981;font-weight:500}.exp-type{display:block;font-size:11px;color:#71717a;margin-top:2px}.exp-description{list-style:none;padding:0;margin:0 0 12px}.exp-description li{font-size:13px;color:#a1a1aa;line-height:1.6;padding-left:16px;position:relative;margin-bottom:4px}.exp-description li:before{content:"";position:absolute;left:4px;top:9px;width:5px;height:5px;border-radius:50%;background:#52525b}.edu-card{background:#141415;border:1px solid #222;border-radius:10px;padding:20px 24px;margin-bottom:10px;transition:border-color .2s}.edu-card:hover{border-color:#10b981}.edu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.edu-header h3{font-size:15px;font-weight:600;color:#f4f4f5}.edu-period{font-size:12px;color:#10b981;font-weight:500;flex-shrink:0}.edu-meta{font-size:13px;color:#a1a1aa}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:640px){.skills-grid{grid-template-columns:1fr}}.skill-group{background:#141415;border:1px solid #222;border-radius:10px;padding:20px}.skill-group h3{font-size:13px;font-weight:600;color:#10b981;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.skill-tags{display:flex;flex-wrap:wrap;gap:4px}.cert-list{list-style:none;padding:0}.cert-list li{font-size:13px;color:#a1a1aa;line-height:1.6;padding-left:16px;position:relative;margin-bottom:4px}.cert-list li:before{content:"";position:absolute;left:4px;top:9px;width:5px;height:5px;border-radius:50%;background:#10b981}.tab-group{margin-bottom:10px}.tab-bar{display:flex;gap:4px;border-bottom:1px solid #222;margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{background:none;border:none;padding:10px 16px;font-size:14px;font-weight:500;color:#a1a1aa;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s;font-family:inherit}.tab-btn:hover{color:#d4d4d8}.tab-btn.tab-active{color:#10b981;border-bottom-color:#10b981}.tab-panels{position:relative;overflow:hidden}.tab-panel{display:block}.tab-group.is-ready .tab-panel{display:none}.tab-group.is-ready .tab-panel-active{display:block;animation:tabFadeIn .25s ease}.tab-group.is-ready .tab-panel-active.tab-slide-left{animation:slideFromLeft .25s ease forwards}.tab-group.is-ready .tab-panel-active.tab-slide-right{animation:slideFromRight .25s ease forwards}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideFromRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.blog-header{padding:100px 0 48px;text-align:center}.blog-header h1{font-size:32px;font-weight:700;color:#fafafa;margin-bottom:8px}.blog-header p{color:#a1a1aa;font-size:15px}.post-list{padding-bottom:80px}.post-item{display:block;padding:28px 0;text-decoration:none;color:inherit;border-bottom:1px solid #1a1a1a;transition:border-color .2s}.post-item:last-child{border-bottom:none}.post-item:hover{border-color:#333}.post-item .date{font-size:13px;color:#10b981;font-weight:500;margin-bottom:6px}.post-item h2{font-size:20px;font-weight:600;color:#f4f4f5;margin-bottom:8px;line-height:1.4}.post-item p{font-size:14px;color:#a1a1aa;line-height:1.6}.post-item .read-more{display:inline-block;margin-top:10px;font-size:13px;font-weight:500;color:#10b981}.article-header{padding:100px 0 48px;text-align:center}.article-header .date{font-size:13px;color:#10b981;font-weight:500;margin-bottom:12px}.article-header h1{font-size:32px;font-weight:700;color:#fafafa;line-height:1.3;max-width:680px;margin:0 auto}.article-body{max-width:680px;margin:0 auto;padding-bottom:80px;font-family:Lora,Georgia,serif;font-size:17px;line-height:1.8;color:#d4d4d8}.article-body p{margin-bottom:24px}.article-body h2{font-family:Inter,sans-serif;font-size:22px;font-weight:600;color:#f4f4f5;margin:48px 0 16px}.article-body h3{font-family:Inter,sans-serif;font-size:18px;font-weight:600;color:#f4f4f5;margin:32px 0 12px}.article-body ul{margin-bottom:24px;padding-left:24px}.article-body li{margin-bottom:8px}.article-body strong{color:#f4f4f5}.article-body blockquote{border-left:3px solid #10b981;padding:16px 20px;margin:24px 0;background:#141415;border-radius:0 8px 8px 0;font-style:italic;color:#a1a1aa}.article-body blockquote strong{color:#f4f4f5}.article-nav{max-width:680px;margin:0 auto;padding:24px 0 80px;border-top:1px solid #1a1a1a;display:flex;justify-content:space-between}.article-nav a{color:#a1a1aa;font-size:14px;text-decoration:none;font-weight:500;transition:color .2s}.article-nav a:hover{color:#10b981}
