.about-main-section{background:linear-gradient(90deg, transparent 0 31px, var(--grid-line) 31px 32px), linear-gradient(0deg, transparent 0 31px, var(--grid-line) 31px 32px), var(--background);background-size:32px 32px,32px 32px,auto;padding:96px 24px 72px}.about-container{max-width:1280px;margin:0 auto}.status-panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--card-shadow);grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.status-metric{border-right:1px solid var(--border-subtle);min-height:156px;padding:30px 32px}.status-metric:last-child{border-right:0}.status-label{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.status-metric strong{color:var(--heading);margin-top:22px;font-size:44px;line-height:1;display:block}.status-metric strong span{color:var(--muted-foreground);margin-left:4px;font-size:22px}.status-metric small{font-family:var(--font-mono);margin-top:18px;font-size:13px;display:block}.metric-success{color:var(--success)}.metric-accent{color:var(--accent)}.metric-warning{color:var(--warning)}@media (max-width:900px){.status-panel{grid-template-columns:repeat(2,1fr)}.status-metric:nth-child(2){border-right:0}}@media (max-width:560px){.about-main-section{padding:72px 16px 48px}.status-panel{grid-template-columns:1fr}.status-metric{border-right:0;border-bottom:1px solid var(--border-subtle)}}
.skills-main-section{background:linear-gradient(90deg, transparent 0 31px, var(--grid-line) 31px 32px), linear-gradient(0deg, transparent 0 31px, var(--grid-line) 31px 32px), var(--background);background-size:32px 32px,32px 32px,auto;padding:72px 24px 96px}.skills-container{max-width:1280px;margin:0 auto}.stack-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.stack-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);opacity:0;min-height:170px;padding:26px;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s;animation:.52s forwards stack-card-in;transform:translateY(18px)}.stack-card:hover{border-color:var(--border-hover);background:var(--card-hover);box-shadow:var(--card-shadow);transform:translateY(-4px)}.stack-card-header{align-items:flex-start;gap:14px;display:flex}.stack-icon{border:1px solid var(--accent-border);border-radius:var(--radius-md);background:var(--accent-bg);width:34px;height:34px;color:var(--accent);flex:none;place-items:center;animation:3.8s ease-in-out infinite stack-icon-float;display:grid;position:relative}.stack-icon svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.stack-icon.grid svg path:first-child,.stack-icon.cloud svg path:first-child{fill:color-mix(in srgb, var(--accent) 12%, transparent)}.stack-icon.box{color:var(--purple);border-color:var(--purple-border);background:var(--purple-bg)}.stack-icon.grid,.stack-icon.branch{color:var(--success);border-color:var(--success-border);background:var(--success-bg)}.stack-icon.pulse{color:var(--warning);border-color:var(--warning-border);background:var(--warning-bg)}.stack-icon.code{color:var(--destructive);border-color:var(--danger-border);background:var(--danger-bg)}.stack-card:hover .stack-icon{animation-duration:1.4s}.stack-card h3{color:var(--heading);margin:0;font-size:18px}.stack-card p{color:var(--muted-foreground);font-family:var(--font-mono);margin:4px 0 0;font-size:13px}.stack-tags{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.stack-tags span{opacity:0;transition:transform .14s,border-color .14s,background-color .14s;animation:.36s forwards stack-tag-in;transform:translateY(8px)}.stack-card:hover .stack-tags span{transform:translateY(-1px)}@keyframes stack-card-in{to{opacity:1;transform:translateY(0)}}@keyframes stack-tag-in{to{opacity:1;transform:translateY(0)}}@keyframes stack-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.stack-card,.stack-tags span,.stack-icon{opacity:1;animation:none;transform:none}.stack-card:hover,.stack-card:hover .stack-tags span{transform:none}}@media (max-width:980px){.stack-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.skills-main-section{padding:56px 16px}.stack-grid{grid-template-columns:1fr}}
.portfolio-projects-section{background:linear-gradient(90deg, transparent 0 31px, var(--grid-line) 31px 32px), linear-gradient(0deg, transparent 0 31px, var(--grid-line) 31px 32px), var(--background);background-size:32px 32px,32px 32px,auto;padding:96px 24px}.portfolio-projects-container{max-width:1280px;margin:0 auto}.repo-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.repo-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);flex-direction:column;min-height:250px;padding:28px;transition:border-color .16s,background-color .16s;display:flex}.repo-card:hover{border-color:var(--border-hover);background:var(--card-hover)}.repo-card-header{justify-content:space-between;align-items:start;gap:18px;display:flex}.repo-card h3{color:var(--accent);font-family:var(--font-mono);align-items:center;gap:12px;margin:0;font-size:20px;display:flex}.repo-card h3 span{color:var(--muted-foreground)}.repo-card small{border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--muted-foreground);font-family:var(--font-mono);padding:5px 10px}.repo-card p{color:var(--foreground);margin:42px 0 0;font-size:18px;line-height:1.55}.repo-footer{justify-content:space-between;align-items:end;gap:18px;margin-top:auto;padding-top:36px;display:flex}.repo-tags{flex-wrap:wrap;gap:9px;display:flex}.repo-footer a{color:var(--success);font-family:var(--font-mono);white-space:nowrap;font-size:13px;font-weight:700;text-decoration:none}.repo-footer a:hover{text-decoration:underline}@media (max-width:820px){.repo-grid{grid-template-columns:1fr}}@media (max-width:640px){.portfolio-projects-section{padding:64px 16px}}
.portfolio-experience-section{background:linear-gradient(90deg, transparent 0 31px, var(--grid-line) 31px 32px), linear-gradient(0deg, transparent 0 31px, var(--grid-line) 31px 32px), var(--background);background-size:32px 32px,32px 32px,auto;padding:96px 24px}.portfolio-experience-container{max-width:1280px;margin:0 auto}.deployment-list{display:grid}.deployment-item{border-bottom:1px dashed var(--border-subtle);grid-template-columns:250px 1fr;gap:70px;padding:44px 0;display:grid}.deployment-item:first-child{padding-top:14px}.deployment-meta{color:var(--muted-foreground);font-family:var(--font-mono);flex-direction:column;gap:14px;display:flex}.deployment-meta strong{color:var(--purple);font-size:14px}.deployment-meta small{border-radius:var(--radius-full);border:1px solid;width:fit-content;padding:6px 12px;font-size:13px}.deployment-meta .is-current{color:var(--accent);background:var(--accent-bg);border-color:var(--accent-border)}.deployment-meta .is-shipped{color:var(--success);background:var(--success-bg);border-color:var(--success-border)}.deployment-content h3{color:var(--heading);flex-wrap:wrap;align-items:baseline;gap:14px;margin:0;font-size:26px;line-height:1.25;display:flex}.deployment-content h3 span{color:var(--muted-foreground)}.deployment-content h3 em{color:var(--accent);font-style:normal}.deployment-summary{color:var(--foreground);margin:18px 0 0;font-size:18px}.deployment-content ul{gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.deployment-content li{color:var(--foreground);padding-left:28px;font-size:17px;line-height:1.6;position:relative}.deployment-content li:before{content:"›";color:var(--accent);font-size:28px;line-height:1;position:absolute;top:-1px;left:0}@media (max-width:860px){.deployment-item{grid-template-columns:1fr;gap:24px}}@media (max-width:640px){.portfolio-experience-section{padding:64px 16px}}
.portfolio-blog-section{background:linear-gradient(90deg, transparent 0 31px, var(--grid-line) 31px 32px), linear-gradient(0deg, transparent 0 31px, var(--grid-line) 31px 32px), var(--background);background-size:32px 32px,32px 32px,auto;padding:96px 24px}.portfolio-blog-container{max-width:1280px;margin:0 auto}.education-block+.writing-block{margin-top:88px}.education-grid{gap:18px;display:grid}.education-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(90deg, color-mix(in srgb, var(--surface) 74%, transparent), transparent), var(--card);grid-template-columns:96px 1fr;gap:28px;padding:34px;display:grid}.education-mark{border:1px solid var(--accent-border);border-radius:var(--radius-lg);background:var(--accent-bg);width:72px;height:72px;color:var(--accent);font-family:var(--font-mono);place-items:center;font-size:20px;font-weight:800;display:grid}.education-content{min-width:0}.education-duration{color:var(--purple);font-family:var(--font-mono);margin:0 0 10px;font-size:13px;font-weight:800}.education-content h3{color:var(--heading);margin:0;font-size:28px;line-height:1.25}.education-content p:not(.education-duration){color:var(--foreground);margin:8px 0 0;font-size:17px}.education-content ul{color:var(--muted-foreground);margin:22px 0 0;padding:0;line-height:1.7;list-style:none}.education-content li{padding-left:20px;position:relative}.education-content li:before{content:"›";color:var(--accent);font-weight:800;position:absolute;left:0}.education-tags,.writing-tags{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.education-tags span,.writing-tags span{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border-subtle);color:var(--foreground);font-family:var(--font-mono);padding:6px 10px;font-size:12px}.writing-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:24px;display:grid}.featured-writing-card{border:1px solid var(--accent-border);border-radius:var(--radius-xl);background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 18%, transparent), transparent 34%), var(--surface);flex-direction:column;min-height:100%;padding:34px;display:flex}.featured-writing-meta{color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;justify-content:space-between;gap:18px;font-size:12px;font-weight:800;display:flex}.featured-writing-card h3{color:var(--heading);margin:34px 0 0;font-size:30px;line-height:1.2}.featured-writing-card p{color:var(--foreground);margin:18px 0 0;font-size:17px;line-height:1.65}.featured-writing-card a{width:fit-content;color:var(--accent);margin-top:auto;font-weight:800;text-decoration:none;display:inline-flex}.featured-writing-card a:hover{text-decoration:underline}.article-list{gap:12px;display:grid}.article-list a{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--card) 80%, transparent);grid-template-columns:116px 1fr auto;align-items:center;gap:18px;padding:20px;text-decoration:none;transition:background-color .16s,border-color .16s,transform .16s;display:grid}.article-list a:hover{border-color:var(--accent-border);background:var(--card-hover);transform:translateY(-2px)}.article-list strong{color:var(--heading);font-size:16px;line-height:1.45}.article-list span,.article-list small{color:var(--muted-foreground);font-family:var(--font-mono);font-size:12px}@media (max-width:980px){.writing-grid{grid-template-columns:1fr}.featured-writing-card{min-height:360px}}@media (max-width:640px){.portfolio-blog-section{padding:64px 16px}.education-card{grid-template-columns:1fr;padding:24px}.education-content h3,.featured-writing-card h3{font-size:24px}.featured-writing-card{min-height:auto;padding:24px}.article-list a{grid-template-columns:1fr;gap:8px}}
.portfolio-contact-section{background:linear-gradient(90deg, transparent 0 31px, var(--grid-line) 31px 32px), linear-gradient(0deg, transparent 0 31px, var(--grid-line) 31px 32px), var(--background);background-size:32px 32px,32px 32px,auto;padding:96px 24px 120px}.portfolio-contact-container{max-width:1280px;margin:0 auto}.portfolio-contact-section .section-heading-grid{grid-template-columns:1fr;align-items:start;gap:20px;max-width:760px}.portfolio-contact-section .section-description{max-width:620px}.contact-panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:radial-gradient(circle at top right, var(--accent-bg), transparent 38%), var(--surface);max-width:820px;box-shadow:var(--panel-shadow);margin:0;overflow:hidden}.contact-channels{padding:44px}.contact-channels h3{color:var(--heading);margin:0;font-size:38px;line-height:1.12}.contact-channels p:not(.section-overline){max-width:560px;color:var(--foreground);margin:24px 0 0;font-size:18px;line-height:1.65}.contact-channel-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.contact-channel-list a{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);min-height:112px;color:var(--foreground);flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;padding:22px;text-decoration:none;transition:background-color .16s,border-color .16s,transform .16s;display:flex}.contact-channel-list a:hover{border-color:var(--accent-border);background:color-mix(in srgb, var(--card) 80%, var(--accent-bg));transform:translateY(-3px)}.contact-channel-list span{color:var(--heading);font-weight:800}.contact-channel-list strong{color:var(--muted-foreground);font-family:var(--font-mono);font-size:13px}@media (max-width:640px){.portfolio-contact-section{padding:64px 16px 88px}.contact-channels{padding:26px}.contact-channel-list{grid-template-columns:1fr}}
.hero-main-container{border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg, color-mix(in srgb, var(--background) 94%, transparent), var(--background)), linear-gradient(90deg, transparent 0 31px, var(--grid-line) 31px 32px), linear-gradient(0deg, transparent 0 31px, var(--grid-line) 31px 32px);background-size:auto,32px 32px,32px 32px;align-items:center;min-height:calc(100vh - 73px);padding:108px 24px 92px;display:flex;position:relative;overflow:hidden}.hero-content-wrapper{width:100%;max-width:980px;margin:0 auto;display:block}.hero-kicker{color:var(--success);background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-full);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:10px;margin:0 0 30px;padding:8px 13px;font-size:13px;font-weight:700;display:inline-flex}.hero-kicker:before{content:"";background:var(--success);border-radius:50%;width:8px;height:8px}.hero-main-title{color:var(--heading);letter-spacing:0;white-space:nowrap;margin:0;font-size:clamp(4rem,6vw,5.8rem);font-weight:800;line-height:.98}.hero-main-title span{color:var(--purple)}.hero-main-title:after{content:"";border-radius:var(--radius-full);background:var(--purple);width:min(420px,72%);height:6px;margin-top:12px;display:block}.hero-subline{color:var(--muted-foreground);font-family:var(--font-mono);margin:26px 0 0;font-size:15px;line-height:1.7}.hero-summary{max-width:720px;color:var(--foreground);margin:28px 0 0;font-size:22px;line-height:1.6}.hero-summary strong{color:var(--heading);font-weight:800}.hero-meta{color:var(--muted-foreground);font-family:var(--font-mono);flex-wrap:wrap;gap:10px;margin-top:34px;font-size:12px;display:flex}.hero-meta span{border:1px solid var(--border);border-radius:var(--radius-full);background:color-mix(in srgb, var(--card) 32%, transparent);padding:8px 12px}.hero-social-links{flex-wrap:wrap;gap:12px;margin-top:42px;display:flex}.hero-social-links a{min-height:44px;color:var(--heading);background:color-mix(in srgb, var(--card) 72%, transparent);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:center;align-items:center;padding:0 18px;font-size:15px;font-weight:800;text-decoration:none;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex}.hero-social-links a:first-child{color:var(--accent-foreground);background:var(--purple);border-color:var(--purple)}.hero-social-links a:hover{border-color:var(--purple-border);background:var(--card-hover);transform:translateY(-2px)}.hero-social-links a:first-child:hover{background:color-mix(in srgb, var(--purple) 88%, white)}@media (max-width:1040px){.hero-main-title{white-space:normal}}@media (max-width:720px){.hero-main-container{min-height:auto;padding:64px 16px}.hero-main-title{font-size:56px}.hero-summary{font-size:19px}}