.live-preview{aspect-ratio:16/9;border:1px solid var(--border);background:radial-gradient(circle at 50% 30%, #ffffff0a, transparent 36%), linear-gradient(135deg, #ffffff06, transparent 48%), var(--surface);width:100%;color:inherit;text-decoration:none;display:block;position:relative;overflow:hidden}.live-preview-media{position:absolute;inset:0}.live-preview--image img{object-fit:cover;object-position:center;background:var(--background);filter:saturate(.92)contrast(1.04)brightness(.92);width:100%;height:100%;padding:0;display:block}.live-preview--frame iframe{background:var(--background);pointer-events:none;border:0;width:100%;height:100%;display:block}.live-preview:after{content:"";pointer-events:none;border:1px solid #ffffff0a;position:absolute;inset:0;box-shadow:inset 0 -80px 90px #00000052}.live-preview--clickable{cursor:pointer}.preview-hover-overlay{z-index:3;opacity:0;pointer-events:none;background:#0000007a;place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:0}.preview-hover-icon{color:var(--text);filter:drop-shadow(0 2px 10px #0000008c);place-items:center;transition:transform .18s,opacity .18s;display:grid;transform:translateY(6px)scale(.96)}.live-preview--clickable:hover .preview-hover-overlay{opacity:1}.live-preview--clickable:hover .preview-hover-icon{transform:translateY(0)scale(1)}.live-preview--empty{place-items:center;padding:28px;display:grid}.live-preview--empty:after{display:none}.preview-topbar{gap:6px;display:flex;position:absolute;top:13px;left:13px}.preview-topbar span{background:var(--border);border-radius:999px;width:5px;height:5px}.live-preview-fallback{text-align:center;max-width:360px}.preview-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:.64rem;font-weight:700}.live-preview-fallback h4{color:var(--text);margin:0 0 8px;font-size:.95rem}.live-preview-fallback p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.55}@media (width<=700px){.live-preview{aspect-ratio:4/3}}:root{--bg-primary:#fff;--bg-secondary:#fafafa;--bg-card:#fff;--bg-elevated:#f5f5f5;--text-primary:#0a0a0a;--text-secondary:#525252;--text-muted:#a3a3a3;--border:#e5e5e5;--border-light:#f0f0f0;--accent:#0a0a0a;--accent-hover:#262626;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--nav-height:64px;--container-max:1200px;--section-padding:120px;--transition-fast:.15s ease;--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 40px #0000001f}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#0f0f0f;--bg-card:#141414;--bg-elevated:#1a1a1a;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-muted:#525252;--border:#262626;--border-light:#1a1a1a;--accent:#fafafa;--accent-hover:#d4d4d4;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 12px 40px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;transition:background var(--transition-base), color var(--transition-base);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 24px}.nav{height:var(--nav-height);background:var(--bg-primary);border-bottom:1px solid var(--border-light);z-index:1000;transition:all var(--transition-base);position:fixed;top:0;left:0;right:0}.nav.scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.nav-container{max-width:var(--container-max);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:var(--text-primary);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.875rem;font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.theme-toggle{border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:10px;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--bg-elevated);color:var(--text-primary)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{width:18px;height:18px}[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon,:root .theme-toggle .icon-sun{display:none}:root .theme-toggle .icon-moon{display:block}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-toggle span{background:var(--text-primary);width:18px;height:1.5px;transition:all var(--transition-base)}.mobile-menu{top:var(--nav-height);background:var(--bg-primary);z-index:999;opacity:0;pointer-events:none;transition:opacity var(--transition-base);padding:24px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-menu.active{opacity:1;pointer-events:auto}.mobile-links{flex-direction:column;gap:8px;display:flex}.mobile-links a{color:var(--text-secondary);transition:color var(--transition-fast);padding:12px 0;font-size:1.5rem;font-weight:600}.mobile-links a:hover{color:var(--text-primary)}.hero{min-height:100vh;padding:calc(var(--nav-height) + 80px) 24px 80px;max-width:var(--container-max);align-items:center;margin:0 auto;display:flex}.hero-wrapper{justify-content:center;align-items:center;gap:80px;width:100%;display:flex}.hero-content{flex:1;max-width:600px}.hero-intro{align-items:center;gap:16px;margin-bottom:24px;display:flex}.hero-status{color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-name{color:var(--text-primary);letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(3rem,8vw,5.5rem);font-weight:700;line-height:1}.hero-title{color:var(--text-secondary);margin-bottom:32px;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:400}.hero-description{color:var(--text-muted);max-width:580px;margin-bottom:48px;font-size:1.125rem;line-height:1.8}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.hero-image{z-index:1;flex-shrink:0;position:relative}.hero-image img{object-fit:cover;object-position:center 25%;border:2px solid var(--border);filter:grayscale();width:320px;height:320px;transition:filter var(--transition-base), border-color var(--transition-base), transform var(--transition-base);will-change:transform;border-radius:50%;transform:scale(1.35)}.hero-image img:hover{filter:grayscale(0%);border-color:var(--text-muted)}.hero-content,.bento-card,.project-card,.section-title{will-change:transform}.btn{transition:all var(--transition-base);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--text-muted)}.btn svg{width:16px;height:16px}.section{padding:var(--section-padding) 0}.section-header{margin-bottom:56px}.section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.75rem;font-weight:600}.section-title{color:var(--text-primary);letter-spacing:-.02em;font-size:2rem;font-weight:700}.bento-grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.bento-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px;transition:transform .22s,border-color .22s,box-shadow .22s,background-color .22s}.bento-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.bento-full{grid-column:span 12}.bento-half{grid-column:span 6}.bento-third{grid-column:span 4}.bento-two-thirds{grid-column:span 8}.about-main{flex-direction:column;gap:20px;display:flex}.about-main p{color:var(--text-secondary);font-size:1.125rem;line-height:1.8}.about-main strong{color:var(--text-primary);font-weight:600}.info-card{flex-direction:column;height:100%;display:flex}.info-card-icon{background:var(--bg-elevated);width:48px;height:48px;color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.info-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.75rem;font-weight:600}.info-card-value{color:var(--text-primary);font-size:1.25rem;font-weight:600}.info-card-sub{color:var(--text-secondary);margin-top:4px;font-size:.875rem}.experience-item{border-bottom:1px solid var(--border);padding:32px 0}.experience-item:first-child{padding-top:0}.experience-item:last-child{border-bottom:none;padding-bottom:0}.experience-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.experience-role{color:var(--text-primary);font-size:1.25rem;font-weight:600}.experience-company{color:var(--text-secondary);margin-top:4px;font-size:1rem}.experience-date{color:var(--text-muted);white-space:nowrap;font-size:.875rem}.experience-details{list-style:none}.experience-details li{color:var(--text-secondary);margin-bottom:8px;padding-left:20px;font-size:.95rem;line-height:1.7;position:relative}.experience-details li:before{content:"→";color:var(--text-muted);position:absolute;left:0}.experience-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tag{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:500}.projects-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;padding:28px;transition:transform .22s,border-color .22s,box-shadow .22s,background-color .22s;display:flex}.project-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.project-icon{background:var(--bg-elevated);width:48px;height:48px;color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.project-link{width:36px;height:36px;color:var(--text-muted);transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:flex}.project-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.project-title{color:var(--text-primary);margin-bottom:8px;font-size:1.125rem;font-weight:600}.project-description{color:var(--text-secondary);flex-grow:1;margin-bottom:20px;font-size:.9rem;line-height:1.7}.project-tags{flex-wrap:wrap;gap:6px;display:flex}.skills-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.skill-category{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px;transition:transform .22s,border-color .22s,box-shadow .22s,background-color .22s}.skill-category:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md);transform:translateY(-4px)}.skill-category h3{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:16px;font-size:.875rem;font-weight:600;display:flex}.skill-category h3 svg{width:18px;height:18px;color:var(--text-muted)}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{background:var(--bg-elevated);color:var(--text-secondary);transition:all var(--transition-fast);border-radius:8px;padding:8px 14px;font-size:.8rem;font-weight:500}.skill-tag:hover{background:var(--text-primary);color:var(--bg-primary)}.contact-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.contact-card{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;padding:32px 20px;transition:transform .22s,border-color .22s,box-shadow .22s,background-color .22s;display:flex}.contact-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md);transform:translateY(-4px)}.contact-icon{background:var(--bg-elevated);width:56px;height:56px;color:var(--text-primary);border-radius:14px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.contact-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:.75rem;font-weight:600}.contact-value{color:var(--text-primary);font-size:.9rem;font-weight:500}.footer{border-top:1px solid var(--border);padding:48px 0}.footer-content{text-align:center;justify-content:center;align-items:center;gap:16px;display:flex}.footer-text{color:var(--text-muted);font-size:.875rem}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.875rem}.footer-links a:hover{color:var(--text-primary)}.fade-up{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.fade-up.visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transform:translateY(20px)}.stagger-children.visible>:first-child{transition-delay:0s}.stagger-children.visible>:nth-child(2){transition-delay:50ms}.stagger-children.visible>:nth-child(3){transition-delay:.1s}.stagger-children.visible>:nth-child(4){transition-delay:.15s}.stagger-children.visible>:nth-child(5){transition-delay:.2s}.stagger-children.visible>:nth-child(6){transition-delay:.25s}.stagger-children.visible>*{opacity:1;transition:opacity .5s,transform .5s;transform:translateY(0)}@media (width<=1024px){.bento-half,.bento-third,.bento-two-thirds{grid-column:span 6}.skills-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--section-padding:80px}.nav-links{display:none}.nav-toggle{display:flex}.mobile-menu{display:block}.hero-wrapper{text-align:center;flex-direction:column-reverse;gap:40px}.hero-content{max-width:100%}.hero-intro,.hero-cta{justify-content:center}.hero-image img{width:240px;height:240px}.bento-half,.bento-third,.bento-two-thirds,.bento-full{grid-column:span 12}.projects-grid,.skills-grid,.contact-grid{grid-template-columns:1fr}.experience-header{flex-direction:column}.footer-content{text-align:center;flex-direction:column}}@media (width<=480px){.hero-cta{flex-direction:column}.btn{width:100%}.hero-name{font-size:2.5rem}}main{min-height:calc(100vh - var(--nav-height))}.page-section{padding-top:calc(var(--nav-height) + 80px);min-height:calc(100vh - var(--nav-height))}.section-compact{padding-top:40px}.section-description{max-width:760px;color:var(--text-secondary);margin-top:16px;font-size:1rem;line-height:1.8}.nav-links{gap:20px}.nav-toggle.active span:first-child{transform:rotate(45deg)translate(4px,4px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(4px,-4px)}.mobile-theme-toggle{text-align:left;width:100%;font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:12px 0;font-size:1.5rem;font-weight:600}.mobile-links a.active{color:var(--text-primary)}.btn-disabled,.btn-disabled:hover{opacity:.55;cursor:not-allowed;transform:none}.project-preview{aspect-ratio:16/9;border:1px solid var(--border);background:linear-gradient(135deg, var(--bg-elevated), var(--bg-card));border-radius:12px;flex-direction:column;width:100%;margin-bottom:24px;display:flex;overflow:hidden}.preview-topbar{border-bottom:1px solid var(--border-light);align-items:center;gap:6px;padding:12px;display:flex}.preview-topbar span{background:var(--text-muted);opacity:.45;border-radius:50%;width:8px;height:8px}.preview-body{flex-direction:column;flex:1;justify-content:center;padding:22px;display:flex}.preview-label,.project-type{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.72rem;font-weight:600}.preview-body h4{color:var(--text-primary);margin-bottom:8px;font-size:1.1rem;line-height:1.3}.preview-body p:not(.preview-label){color:var(--text-secondary);font-size:.85rem;line-height:1.6}.project-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.project-action{color:var(--text-primary);border:1px solid var(--border);transition:all var(--transition-fast);border-radius:8px;padding:8px 12px;font-size:.78rem;font-weight:600}.project-action:hover{background:var(--bg-elevated);border-color:var(--text-muted)}.project-action.muted{color:var(--text-secondary)}.achievements-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.achievement-card{min-height:220px}.achievement-title{color:var(--text-primary);margin-bottom:10px;font-size:1.125rem;font-weight:600}.achievement-description{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.chat-layout{grid-template-columns:360px 1fr;align-items:stretch;gap:16px;display:grid}.chat-sidebar{height:fit-content}.suggested-prompts{flex-direction:column;gap:8px;margin:18px 0 24px;display:flex}.suggested-prompts button{text-align:left;background:var(--bg-elevated);border:1px solid var(--border);width:100%;color:var(--text-secondary);font:inherit;cursor:pointer;transition:all var(--transition-fast);border-radius:10px;padding:12px 14px;font-size:.9rem}.suggested-prompts button:hover{color:var(--text-primary);border-color:var(--text-muted)}.chat-note{color:var(--text-muted);font-size:.9rem;line-height:1.7}.chat-card{flex-direction:column;min-height:620px;display:flex}.chat-card-header{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.chat-card-header h3{color:var(--text-primary);font-size:1.125rem}.chat-messages{flex-direction:column;flex:1;gap:12px;padding-right:4px;display:flex;overflow-y:auto}.chat-message{border:1px solid var(--border);border-radius:14px;max-width:82%;padding:14px 16px;font-size:.92rem;line-height:1.7}.chat-message.assistant{background:var(--bg-elevated);color:var(--text-secondary);align-self:flex-start}.chat-message.user{background:var(--text-primary);color:var(--bg-primary);align-self:flex-end}.chat-input{border-top:1px solid var(--border);gap:10px;margin-top:20px;padding-top:20px;display:flex}.chat-input input{background:var(--bg-elevated);border:1px solid var(--border);min-width:0;color:var(--text-primary);font:inherit;border-radius:10px;flex:1;padding:14px 16px}.chat-input input:focus{border-color:var(--text-muted);outline:none}.chat-input button{background:var(--text-primary);width:48px;color:var(--bg-primary);cursor:pointer;transition:transform var(--transition-fast);border:none;border-radius:10px;justify-content:center;align-items:center;display:flex}.chat-input button:hover{transform:translateY(-2px)}.resume-actions{flex-wrap:wrap;gap:12px;margin:-28px 0 28px;display:flex}.resume-card{max-width:980px;margin:0 auto}.resume-header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:24px}.resume-header h2{color:var(--text-primary);margin-bottom:8px;font-size:2rem;line-height:1.2}.resume-header p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.resume-block{border-bottom:1px solid var(--border-light);padding:24px 0}.resume-block:last-child{border-bottom:none;padding-bottom:0}.resume-block h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px;font-size:.82rem;font-weight:700}.resume-item{border-bottom:1px solid var(--border-light);margin-bottom:20px;padding-bottom:20px}.resume-item:last-child,.resume-item.no-border{border-bottom:none;margin-bottom:0;padding-bottom:0}.resume-item-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px;display:flex}.resume-item-header h4{color:var(--text-primary);margin-bottom:4px;font-size:1rem}.resume-item-header p,.resume-description,.resume-skills p,.resume-achievements p{color:var(--text-secondary);font-size:.92rem;line-height:1.7}.resume-item-header span{color:var(--text-muted);white-space:nowrap;font-size:.82rem}.resume-skills,.resume-achievements{flex-direction:column;gap:10px;display:flex}.resume-skills strong,.resume-achievements strong{color:var(--text-primary)}.project-detail-layout{grid-template-columns:420px 1fr;align-items:flex-start;gap:16px;display:grid}.project-detail-main{top:calc(var(--nav-height) + 24px);position:sticky}.detail-actions{margin-top:24px}.project-detail-content{gap:16px;display:grid}.project-detail-section h3{color:var(--text-primary);margin-bottom:10px;font-size:1.125rem}.project-detail-section p{color:var(--text-secondary);line-height:1.8}.not-found-card{text-align:center;max-width:620px;margin:0 auto}.not-found-card .btn{margin-top:24px}@media (width<=1100px){.nav-links{gap:14px}.nav-links a{font-size:.82rem}}@media (width<=900px){.chat-layout,.project-detail-layout{grid-template-columns:1fr}.project-detail-main{position:static}}@media (width<=768px){.page-section{padding-top:calc(var(--nav-height) + 48px)}.achievements-grid{grid-template-columns:1fr}.chat-card{min-height:560px}.chat-message{max-width:94%}.resume-item-header{flex-direction:column;gap:6px}.resume-actions{margin-top:-20px}}.page-shell{padding-top:calc(var(--nav-height) + 80px);min-height:calc(100vh - var(--nav-height));padding-bottom:96px}.page-header{margin-bottom:56px}.page-content{flex-direction:column;gap:96px;display:flex}.content-section{width:100%}.content-section .section-header,.page-header .section-header{margin-bottom:32px}.content-section .section-description,.page-header .section-description{margin-top:12px}@media (width<=768px){.page-shell{padding-top:calc(var(--nav-height) + 56px);padding-bottom:72px}.page-header{margin-bottom:40px}.page-content{gap:72px}.content-section .section-header,.page-header .section-header{margin-bottom:24px}}.achievement-card{color:inherit;text-decoration:none;position:relative;overflow:hidden}.achievement-card-image{border-color:#ffffff24;min-height:300px}.achievement-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.achievement-bg:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#00000047 0%,#0000006b 46%,#000000a8 100%),radial-gradient(circle at 0 0,#ffffff14,#0000 34%);position:absolute;inset:0}.achievement-bg-track{will-change:transform;height:100%;transition:transform .72s cubic-bezier(.22,1,.36,1);display:flex}.achievement-bg-panel{filter:grayscale(12%)saturate(.9);background-position:50%;background-size:cover;flex:none;height:100%}.achievement-card-content{z-index:3;position:relative}.achievement-card-image .achievement-card-content{text-shadow:0 2px 18px #0000008c}.achievement-card-image .info-card-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0f8f;border:1px solid #ffffff29}.achievement-card-image .info-card-label,.achievement-card-image .achievement-title,.achievement-card-image .achievement-description{color:#fff}.achievement-card-image .info-card-label{opacity:.78}.achievement-card-image .achievement-description{opacity:.9}.achievement-card-image:hover{border-color:#ffffff47}@media (prefers-reduced-motion:reduce){.achievement-bg-track{transition:none}}.project-icon,.info-card-icon,.contact-icon,.skill-category h3 svg{transition:transform .22s,background-color .22s,color .22s,border-color .22s}.bento-card:hover .info-card-icon,.project-card:hover .project-icon,.achievement-card:hover .info-card-icon,.contact-card:hover .contact-icon{background:var(--text-primary);color:var(--bg-primary);transform:translateY(-2px)}.skill-category:hover h3 svg{color:var(--text-primary);transform:translateY(-1px)}.project-link:hover,.project-action:hover,.suggested-prompts button:hover{transform:translateY(-1px)}.achievement-card-image:hover{box-shadow:var(--shadow-lg);border-color:#ffffff47;transform:translateY(-4px)}.achievement-card-image:hover .achievement-bg-panel{filter:grayscale(0%)saturate()}@media (prefers-reduced-motion:reduce){.bento-card:hover,.project-card:hover,.achievement-card:hover,.skill-category:hover,.contact-card:hover,.achievement-card-image:hover{transform:none}.project-icon,.info-card-icon,.contact-icon,.skill-category h3 svg{transition:none}}html,body,#root,#root *{cursor:url(data:image/x-icon;base64,AAABAAIAFBQAAAEAIAC4BgAAFgAAACgAAAAUAAAAKAAAAAEAIAAAAAAAQAYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////AOvr6wD39/cA////AP7+/gD7+/sA////AP///wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////AOHh4QH///8W////Ff///wD///8A////AP///wD///8A////AP///wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP///wDNzc0B////Q+zs7L3q6uq6////Pf///wD///8A/f39AP///wD///8A////AP///wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/v7+AP///xbr6+u6Xl5e/1tbW//a2trM////O////wDS0tIA+vr6APj4+ADr6+sA////AP///wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////JMvLy94gICD/AgIC/1paWv/W1tbS////dP///0r///9A////L/v7+wn///8A////AP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAP///wD///8kycnJ3iAgIP8AAAD/AwMD/zo6Ov+Kior5paWl8Kmpqe7Kysrk+/v7bv///wL///8A////AAAAAAAAAAAAAAAAAAAAAAAAAAAA////AP///yTJycneICAg/wAAAP8AAAD/AAAA/wAAAP8HBwf/BwcH/1VVVf/r6+uz////B////wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////JMnJyd4gICD/AAAA/wAAAP8AAAD/AAAA/wAAAP8MDAz/jo6O/vj4+If///8D////AP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAP///wD///8kycnJ3iAgIP8AAAD/AAAA/wAAAP8AAAD/GRkZ/5OTk/rv7++k/v7+Hv///wD///8A////AAAAAAAAAAAAAAAAAAAAAAAAAAAA////AP///yTJycneICAg/wAAAP8AAAD/AAAA/yMjI/+np6f1+vr6kP///xb8/PwA////AP///wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////JMnJyd4gICD/AAAA/wAAAP8xMTH/t7e37v///3v6+voN2dnZAP///wD///8A////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP///wD///8kyMjI3iAgIP8AAAD/Pj4+/8DAwOT///9n8vLyB/f39wD///8A////AP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////AP///yLS0tLaLCws/01NTf/Ozs7e////V////wL19fUA////AP///wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////DvPz85bBwcHq4eHhw/39/Uf19fUDurq6AP///wD///8A////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP///wD///8A////Gv///0n///8i1dXVAAcHBwD///8A////AP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA///wAP//8AD///AA///wAP//8AAAf/AAAAfwAAAD8AAAAfAAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAPwAAAH8AAAD/AAAB/wAAA/8AA=),auto}a,button,input,textarea,select,[role=button],.btn,.project-link,.project-action,.nav-links a,.mobile-links a,.theme-toggle,.nav-toggle,.mobile-theme-toggle,.suggested-prompts button,.chat-input button{cursor:url(data:image/x-icon;base64,AAABAAIAFBQAAAEAIAC4BgAAFgAAACgAAAAUAAAAKAAAAAEAIAAAAAAAQAYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////AOvr6wD39/cA////AP7+/gD7+/sA////AP///wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////AOHh4QH///8W////Ff///wD///8A////AP///wD///8A////AP///wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP///wDNzc0B////Q+zs7L3q6uq6////Pf///wD///8A/f39AP///wD///8A////AP///wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/v7+AP///xbr6+u6Xl5e/1tbW//a2trM////O////wDS0tIA+vr6APj4+ADr6+sA////AP///wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////JMvLy94gICD/AgIC/1paWv/W1tbS////dP///0r///9A////L/v7+wn///8A////AP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAP///wD///8kycnJ3iAgIP8AAAD/AwMD/zo6Ov+Kior5paWl8Kmpqe7Kysrk+/v7bv///wL///8A////AAAAAAAAAAAAAAAAAAAAAAAAAAAA////AP///yTJycneICAg/wAAAP8AAAD/AAAA/wAAAP8HBwf/BwcH/1VVVf/r6+uz////B////wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////JMnJyd4gICD/AAAA/wAAAP8AAAD/AAAA/wAAAP8MDAz/jo6O/vj4+If///8D////AP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAP///wD///8kycnJ3iAgIP8AAAD/AAAA/wAAAP8AAAD/GRkZ/5OTk/rv7++k/v7+Hv///wD///8A////AAAAAAAAAAAAAAAAAAAAAAAAAAAA////AP///yTJycneICAg/wAAAP8AAAD/AAAA/yMjI/+np6f1+vr6kP///xb8/PwA////AP///wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////JMnJyd4gICD/AAAA/wAAAP8xMTH/t7e37v///3v6+voN2dnZAP///wD///8A////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP///wD///8kyMjI3iAgIP8AAAD/Pj4+/8DAwOT///9n8vLyB/f39wD///8A////AP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////AP///yLS0tLaLCws/01NTf/Ozs7e////V////wL19fUA////AP///wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////DvPz85bBwcHq4eHhw/39/Uf19fUDurq6AP///wD///8A////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP///wD///8A////Gv///0n///8i1dXVAAcHBwD///8A////AP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA///wAP//8AD///AA///wAP//8AAAf/AAAAfwAAAD8AAAAfAAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAPwAAAH8AAAD/AAAB/wAAA/8AA=),pointer}.footer-copy{flex-direction:column;align-items:center;gap:8px;display:flex}.project-actions--top{justify-content:center;align-items:center;gap:12px;width:100%;margin:18px 0 24px;display:flex}.project-actions--top .project-action{justify-content:center;align-items:center;min-height:48px;display:inline-flex}.project-actions--top .project-action--wide{white-space:nowrap;text-align:center;flex:0 0 105px;width:105px;min-width:105px;max-width:105px;padding-inline:12px}.project-actions--top .project-action--icon{flex:0 0 52px;width:52px;min-width:52px;max-width:52px;height:48px;padding:0}.project-actions--top .project-action--icon svg{width:18px;height:18px}.project-header .project-link{display:none}.content-section{scroll-margin-top:calc(var(--nav-height) + 32px)}.project-action--back-icon svg{width:18px;height:18px}.coming-soon-card{text-align:center;max-width:760px;margin:0 auto;padding:56px}.coming-soon-card h1{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:24px;font-size:clamp(2.25rem,6vw,4rem);line-height:1}.coming-soon-card p:not(.section-label){max-width:560px;color:var(--text-secondary);margin:0 auto;font-size:1rem;line-height:1.8}@media (width<=768px){.coming-soon-card{padding:40px 24px}}