.profile-section{background:radial-gradient(circle at 15%,#f9731626,#0000 25%),radial-gradient(circle at 85% 30%,#fb923c14,#0000 25%)}.hero-title{letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(1.75rem,5vw,3rem);line-height:1.1}.text-accent{color:var(--accent-color)}.hero-subtitle{max-width:700px;color:var(--text-tertiary);margin-bottom:2rem;font-size:clamp(.9rem,1.5vw,1.05rem);line-height:1.6}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-4{margin-top:4rem}.mr-1{margin-right:1rem}.mb-1{margin-bottom:1rem}.mb-4{margin-bottom:4rem}.pb-1{padding-bottom:.5rem}.text-sm{font-size:.875rem}.text-secondary{color:var(--text-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.section-title{margin-bottom:3rem;font-size:2.5rem;display:inline-block;position:relative}@media (width<=768px){.section-title{margin-bottom:2rem;font-size:1.8rem}}.section-title:after{content:"";background:var(--accent-color);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-10px;left:0}.timeline{max-width:800px;padding-left:2rem;position:relative}.timeline:before{content:"";background:var(--border-color);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{margin-bottom:3rem;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--accent-color);width:12px;height:12px;box-shadow:0 0 0 4px var(--bg-primary);border-radius:50%;position:absolute;top:1.5rem;left:-2.35rem}.career-header{align-items:center;gap:1.5rem;display:flex}.company-logo{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.company-time{margin-top:.2rem;font-size:.9rem;font-weight:500}.grid-2{grid-template-columns:1fr;gap:4rem;display:grid}@media (width>=768px){.grid-2{grid-template-columns:1fr 1fr;gap:2rem}}.hover-underline:hover{text-decoration:underline}.career-description ul{margin-top:.5rem;padding-left:1.2rem}.career-description li{margin-bottom:.25rem;list-style-type:disc}.career-description p{margin-bottom:.5rem}.career-description strong{color:var(--text-primary);margin-top:1rem;display:block}.education-header{align-items:center;gap:1.25rem;display:flex}.institution-logo{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.institution-logo img{object-fit:contain;max-width:100%;max-height:100%}.certificate-header{align-items:flex-start;gap:1.25rem;display:flex}.issuer-logo{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-top:.25rem;display:flex}.issuer-logo img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%}.text-xs{font-size:.75rem}.text-tertiary{color:var(--text-tertiary)}.mt-05{margin-top:.5rem}.inline-block{display:inline-block}.carousel-wrapper{margin:0 -1rem;padding:0 1rem;position:relative}.carousel-container{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:2rem;padding:2rem 4rem 3rem;scroll-padding-left:4rem;display:flex;overflow-x:auto}@media (width<=768px){.carousel-container{gap:1.25rem;padding:1.5rem 1rem 2.5rem;scroll-padding-left:1rem}}.carousel-container::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:start;z-index:1;flex:0 0 320px;transition:z-index .3s step-end;display:flex;position:relative}.carousel-item.expanded{z-index:50;transition:z-index .3s step-start}.carousel-item>.card{width:100%;min-height:200px}@media (width<=768px){.carousel-item{flex:0 0 280px}}.contact-links{flex-wrap:wrap;gap:1rem;display:flex}@media (width<=768px){.contact-links{justify-content:center;margin-top:1.5rem}.hero-title,.hero-subtitle{text-align:center;margin-left:auto;margin-right:auto}}.career-media{border-top:1px solid #ffffff0d;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.career-media-item{flex:none;max-width:200px}.career-screenshot{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border-color);width:100%;transition:transform var(--transition-normal), border-color var(--transition-normal);cursor:pointer;border-radius:12px}.career-screenshot:hover{border-color:var(--accent-color);transform:scale(1.05)}.lightbox-overlay{backdrop-filter:blur(10px);z-index:3000;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.lightbox-content{justify-content:center;align-items:center;max-width:90%;max-height:90%;display:flex;position:relative}.lightbox-content img{object-fit:contain;border-radius:8px;max-width:100%;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) zoomIn;box-shadow:0 0 50px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:1rem;font-size:3rem;line-height:1;position:absolute;top:-40px;right:-40px}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.lightbox-close{top:-50px;right:0}}.bento-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:4rem;display:grid}.bento-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;flex-direction:column;justify-content:flex-end;min-height:200px;padding:2rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000000d}.bento-icon{color:var(--accent-color);opacity:.8;position:absolute;top:1.5rem;right:1.5rem}.bento-icon svg{width:32px;height:32px}.bento-title{color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.2}.bento-desc{color:var(--text-tertiary);font-size:.95rem;line-height:1.5}.bento-card.span-2{grid-column:span 2}.bento-card.span-4{grid-column:span 4}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card.span-4{grid-column:span 2}.bento-card.span-2{grid-column:span 1}}@media (width<=640px){.bento-grid{grid-template-columns:1fr}.bento-card.span-4,.bento-card.span-2{grid-column:span 1}}.project-release-card{background:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-normal);border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;text-decoration:none;display:flex}.project-release-card:hover{border-color:var(--accent-color);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}
