:root{--color-primary: #09090b;--color-foreground: #09090b;--color-accent-foreground: #18181b;--color-muted-foreground: #71717b;--color-background: #ffffff;--color-surface: #ffffff;--color-border: #e4e4e7;--color-ring: #9f9fa9;--color-info: #009cf5;--color-link-blue: #1447e6;--color-amber: #fbbf24;--color-title-gradient: linear-gradient(120deg, #09090b 0%, #27272a 35%, #52525b 70%, #a1a1aa 100%);--radius-lg: 12px;--radius-full: 9999px;--sp-1: 4px;--sp-2: 6px;--sp-3: 8px;--sp-4: 12px;--sp-5: 16px;--sp-6: 24px;--sp-7: 36px;--font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "Geist Mono", "Roboto Mono", ui-monospace, monospace;--font-serif: "Lora", Georgia, serif}[data-theme=dark]{--color-primary: #fafafa;--color-foreground: #fafafa;--color-accent-foreground: #e4e4e7;--color-muted-foreground: #a1a1aa;--color-background: #09090b;--color-surface: #18181b;--color-border: #27272a;--color-ring: #3f3f46;--color-title-gradient: linear-gradient(120deg, #ffffff 0%, #f4f4f5 30%, #d4d4d8 65%, #71717a 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:14px;line-height:21px;color:var(--color-foreground);background:var(--color-background);transition:background .2s,color .2s}a{color:var(--color-link-blue);text-decoration:none}a:hover{text-decoration:underline}.page{max-width:1280px;margin:0 auto;padding:var(--sp-7) var(--sp-6);display:grid;grid-template-columns:340px 1fr;gap:var(--sp-7);align-items:start}.sidebar{position:sticky;top:var(--sp-7);height:calc(100vh - 2 * var(--sp-7));display:flex;flex-direction:column}.avatar{width:240px;height:240px;border-radius:9999px;object-fit:cover;object-position:center center;border:1px solid var(--color-border);background:var(--color-surface);margin-bottom:12px;display:block;box-shadow:0 0 0 2px var(--color-background),0 0 0 3px var(--color-amber)}.profile-name{font-size:34px;font-weight:600;line-height:36px;letter-spacing:-.75px;color:var(--color-foreground);margin-bottom:var(--sp-1)}.profile-title{font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:-.2px;background:var(--color-title-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;width:fit-content;line-height:20px;margin-bottom:var(--sp-3)}.contact-icons{display:flex;flex-direction:row;gap:var(--sp-2);margin-bottom:var(--sp-4)}.contact-icon-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-base);border:1px solid var(--color-border);color:var(--color-muted-foreground);text-decoration:none;transition:border-color .15s,color .15s,background .15s}.contact-icon-link:hover{border-color:var(--color-ring);color:var(--color-foreground);background:var(--color-border);text-decoration:none}.contact-icon-link iconify-icon{width:18px;height:18px}.status-badge{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:12px;color:var(--color-muted-foreground);margin-bottom:var(--sp-4)}.status-dot{width:7px;height:7px;border-radius:var(--radius-full);background:#22c55e;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.nav-section{margin-bottom:var(--sp-4)}.nav-label{font-size:11px;font-weight:600;color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-2)}.nav-links{display:flex;flex-direction:column;gap:1px}.nav-link{display:flex;align-items:center;gap:var(--sp-3);font-size:14px;font-weight:500;letter-spacing:-.5px;color:var(--color-muted-foreground);padding:6px var(--sp-3);border-radius:var(--radius-base);transition:background .15s,color .15s;cursor:pointer;text-decoration:none}.nav-link:hover{background:var(--color-border);color:var(--color-foreground);text-decoration:none}.nav-link.active{background:var(--color-border);color:var(--color-foreground)}.nav-link iconify-icon{width:15px;height:15px;flex-shrink:0}.theme-toggle{display:flex;align-items:center;gap:var(--sp-3);font-size:12px;color:var(--color-muted-foreground);cursor:pointer;background:none;border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--sp-2) var(--sp-4);margin-top:auto;align-self:flex-start;transition:border-color .15s,color .15s;font-family:var(--font-sans)}.theme-toggle:hover{border-color:var(--color-ring);color:var(--color-foreground)}.theme-toggle iconify-icon{width:13px;height:13px}.main{min-width:0}.section{margin-bottom:var(--sp-7)}.section-title{font-size:18px;font-weight:500;line-height:28px;color:var(--color-foreground);margin-bottom:var(--sp-5);padding-bottom:var(--sp-3);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--sp-3)}.section-title iconify-icon{width:16px;height:16px;color:var(--color-muted-foreground)}.activity-banner{margin-bottom:var(--sp-7);padding:var(--sp-5);border:1px solid var(--color-border);border-radius:var(--radius-default);background:#0d1117;color:#c9d1d9;overflow:hidden;animation:fadeUp .4s ease both}.activity-months{display:grid;gap:0;margin-bottom:var(--sp-2);padding-left:1px;color:#8b949e;font-size:11px;font-weight:500;line-height:18px;width:100%;justify-content:space-between}.activity-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,11px);grid-auto-columns:11px;gap:3px;margin-bottom:var(--sp-4);width:100%;justify-content:space-between}.activity-cell,.activity-legend i{width:11px;height:11px;border-radius:2px;background:#161b22}.activity-cell[data-level="1"],.activity-legend i[data-level="1"]{background:#0e4429}.activity-cell[data-level="2"],.activity-legend i[data-level="2"]{background:#006d32}.activity-cell[data-level="3"],.activity-legend i[data-level="3"]{background:#26a641}.activity-cell[data-level="4"],.activity-legend i[data-level="4"]{background:#39d353}.activity-footer{display:flex;justify-content:space-between;gap:var(--sp-4);font-size:12px;line-height:18px;color:#8b949e}.activity-footer a{color:#58a6ff;font-weight:600}.activity-legend{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.bio{font-family:var(--font-serif);font-size:16px;line-height:26px;color:var(--color-accent-foreground)}#experience{margin-top:2rem}.entry{display:flex;gap:var(--sp-5);padding:var(--sp-5) 0;border-bottom:1px solid var(--color-border);animation:fadeUp .4s ease both}.entry:last-child{border-bottom:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.entry-left{width:110px;flex-shrink:0;padding-top:2px}.entry-date{font-family:var(--font-mono);font-size:12px;color:var(--color-muted-foreground);line-height:16px}.entry-body{flex:1;min-width:0}.entry-title{font-size:14px;font-weight:600;color:var(--color-foreground);line-height:18px;margin-bottom:3px}.entry-org{font-size:12px;color:var(--color-muted-foreground);margin-bottom:var(--sp-3)}.entry-desc{font-size:14px;line-height:21px;color:var(--color-accent-foreground)}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.project-card{border:1px solid var(--color-border);border-radius:var(--radius-default);padding:var(--sp-5);transition:border-color .15s,box-shadow .15s;animation:fadeUp .4s ease both;cursor:default}.project-card:hover{border-color:var(--color-ring);box-shadow:0 1px 6px #0000000f}.project-name{font-size:14px;font-weight:600;color:var(--color-foreground);margin-bottom:var(--sp-2);line-height:18px}.project-stack{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--sp-3)}.tag{font-family:var(--font-mono);font-size:11px;padding:2px 6px;border-radius:var(--radius-md);background:var(--color-border);color:var(--color-muted-foreground);line-height:16px}.project-desc{font-size:13px;line-height:19px;color:var(--color-muted-foreground)}.skills-categories{display:flex;flex-direction:column;gap:30px}.skill-row{display:flex;gap:var(--sp-6);align-items:flex-start}.skill-label{width:125px;flex-shrink:0;font-size:12px;font-weight:600;color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.05em;padding-top:2px}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.skill-tag{font-family:var(--font-mono);font-size:12px;min-height:32px;display:inline-flex;align-items:center;gap:var(--sp-2);padding:5px 9px;border-radius:var(--radius-base);border:1px solid var(--color-border);color:var(--color-accent-foreground);line-height:16px;transition:border-color .15s,background .15s}.skill-tag:hover{border-color:var(--color-ring);background:var(--color-border)}.skill-tag iconify-icon{width:16px;height:16px;flex-shrink:0}.rec-hint{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:12px;color:var(--color-muted-foreground);margin-bottom:var(--sp-5)}.rec-hint iconify-icon{color:#0a66c2;width:14px;height:14px}.bento-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:var(--sp-4)}.bento-card{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);text-decoration:none;color:inherit;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s;animation:fadeUp .4s ease both;overflow:hidden;background:var(--color-surface)}.bento-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(10,102,194,.04) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity .18s}.bento-card:hover{border-color:#0a66c2;box-shadow:0 4px 20px #0a66c21f;transform:translateY(-2px);text-decoration:none}.bento-card:hover:after{opacity:1}.bento-featured{grid-column:span 1}.bento-medium{grid-column:span 2}.bento-compact{grid-column:span 1}.bento-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,#0a66c2,#005e99);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:-.5px}.bento-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-3)}.bento-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3)}.bento-header h3{font-size:14px;font-weight:600;color:var(--color-foreground);line-height:18px;margin-bottom:2px}.bento-header p{font-size:12px;color:var(--color-muted-foreground);line-height:16px}.bento-date{flex-shrink:0;font-family:var(--font-mono);font-size:11px;color:var(--color-muted-foreground)}.bento-quote{font-family:var(--font-serif);font-size:13px;line-height:21px;color:var(--color-accent-foreground);border:none;padding:0;margin:0;quotes:none}.bento-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:auto}.bento-tags span{font-family:var(--font-mono);font-size:10px;padding:2px 7px;border-radius:var(--radius-md);background:var(--color-border);color:var(--color-muted-foreground)}.bento-li-icon{position:absolute;top:var(--sp-4);right:var(--sp-4);color:#0a66c2;opacity:.25;width:16px;height:16px;transition:opacity .18s;pointer-events:none}.bento-card:hover .bento-li-icon{opacity:.8}.bento-card:nth-child(1){animation-delay:.05s}.bento-card:nth-child(2){animation-delay:.1s}.bento-card:nth-child(3){animation-delay:.15s}.bento-card:nth-child(4){animation-delay:.2s}.bento-card:nth-child(5){animation-delay:.25s}.bento-card:nth-child(6){animation-delay:.3s}.award-item{display:flex;gap:var(--sp-4);align-items:flex-start;padding:var(--sp-4) 0;border-bottom:1px solid var(--color-border);animation:fadeUp .4s ease both}.award-item:last-child{border-bottom:none}.award-icon{color:var(--color-amber);width:18px;height:18px;flex-shrink:0;margin-top:1px}.award-icon iconify-icon{width:18px;height:18px}.award-title{font-size:14px;font-weight:600;color:var(--color-foreground);margin-bottom:2px}.award-meta{font-size:12px;color:var(--color-muted-foreground)}.certs-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.cert-item{display:flex;align-items:flex-start;gap:var(--sp-3);font-size:13px;color:var(--color-accent-foreground);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-base);border:1px solid var(--color-border);line-height:18px;text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.cert-item:hover{border-color:var(--color-foreground);background:var(--color-hover);color:var(--color-foreground)}.cert-icon{color:var(--color-amber);margin-top:1px;flex-shrink:0}.cert-icon iconify-icon{width:15px;height:15px}@media (max-width: 1200px),(max-height: 800px){.page{grid-template-columns:240px 1fr;gap:var(--sp-6)}.sidebar{height:auto}.theme-toggle{margin-top:var(--sp-4)}.avatar{width:140px;height:140px;margin-bottom:10px}.profile-name{font-size:28px;line-height:32px}.profile-title{font-size:13px;margin-bottom:var(--sp-2)}.nav-link{padding:4px var(--sp-3);font-size:13px}.contact-icons{margin-bottom:var(--sp-3)}.contact-icon-link{width:32px;height:32px}.contact-icon-link iconify-icon{width:16px;height:16px}}@media (max-width: 600px){.page{grid-template-columns:1fr;padding:var(--sp-5) var(--sp-5) 100px;gap:var(--sp-6)}.sidebar{position:static;display:flex;flex-direction:column;align-items:center;text-align:center;height:auto}.avatar{width:100px;height:100px;margin-bottom:var(--sp-4)}.profile-name{font-size:22px;line-height:28px}.profile-title{font-size:13px;margin-bottom:var(--sp-4)}.status-badge{justify-content:center;margin-bottom:var(--sp-5)}.nav-section{display:none}.contact-icons{justify-content:center}.theme-toggle{margin-top:var(--sp-4);align-self:center}.projects-grid,.certs-grid{grid-template-columns:1fr}.entry-left{width:80px}.skill-row{flex-direction:column;gap:var(--sp-3)}.skill-label{width:auto}.recommendation-head{flex-direction:column;gap:var(--sp-2)}.bento-grid{grid-template-columns:1fr}.bento-medium,.bento-featured,.bento-compact{grid-column:span 1}.activity-banner{padding:var(--sp-4);overflow-x:auto}.activity-months{min-width:640px}.activity-grid{min-width:740px}.activity-footer{flex-direction:column;gap:var(--sp-3)}}.mobile-tab-bar{display:none}@media (max-width: 600px){.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--color-surface);border-top:1px solid var(--color-border);padding:8px 4px max(12px,env(safe-area-inset-bottom));gap:0;justify-content:space-around;align-items:flex-start;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -2px 16px #00000014}.tab-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;padding:4px 2px;cursor:pointer;text-decoration:none;color:var(--color-muted-foreground);border-radius:var(--radius-base);transition:color .18s,background .18s;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent}.tab-item:hover,.tab-item.active{color:var(--color-foreground);text-decoration:none}.tab-item.active .tab-icon{background:var(--color-border);border-radius:var(--radius-base)}.tab-icon{width:32px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-base);transition:background .18s}.tab-icon iconify-icon{width:18px;height:18px}.tab-label{font-size:10px;font-weight:500;letter-spacing:-.2px;line-height:1;white-space:nowrap}}.entry:nth-child(1){animation-delay:.05s}.entry:nth-child(2){animation-delay:.1s}.entry:nth-child(3){animation-delay:.15s}.entry:nth-child(4){animation-delay:.2s}.entry:nth-child(5){animation-delay:.25s}.project-card:nth-child(1){animation-delay:.05s}.project-card:nth-child(2){animation-delay:.1s}.project-card:nth-child(3){animation-delay:.15s}.project-card:nth-child(4){animation-delay:.2s}.project-card:nth-child(5){animation-delay:.25s}.project-card:nth-child(6){animation-delay:.3s}.award-item:nth-child(1){animation-delay:.05s}.award-item:nth-child(2){animation-delay:.1s}.award-item:nth-child(3){animation-delay:.15s}.award-item:nth-child(4){animation-delay:.2s}.divider{height:1px;background:var(--color-border);margin:var(--sp-6) 0}.footer{grid-column:1 / -1;text-align:center;font-size:12px;color:var(--color-muted-foreground);padding-top:var(--sp-5);border-top:1px solid var(--color-border)}