@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:72px}:root{--background:#0a0a0a;--foreground:#fff;--surface:#111;--surface-2:#18181b;--card-bg-solid:#0d0d0d;--border:hsla(0,0%,100%,.08);--border-strong:#27272a;--text-muted:#71717a;--text-subtle:#52525b;--text-secondary:#a1a1aa;--font-heading:"Space Grotesk",system-ui,-apple-system,sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono","SF Mono",monospace;--radius:32px;--border-3d-shadow:0px 0px 0px transparent;--border-3d-shadow-hover:12px 12px 0px hsla(0,0%,50%,.2);--card-border:2px solid #1a1a1a;--card-border-hover:2px solid #333;--scrollbar-track:#0a0a0a;--scrollbar-thumb:#3f3f46}[data-theme=light]{--background:#f0f0f0;--foreground:#0a0a0a;--surface:#e8e8e8;--surface-2:#dcdcdc;--card-bg-solid:#fff;--border:rgba(0,0,0,.07);--border-strong:#c4c4c8;--text-muted:#52525b;--text-subtle:#71717a;--text-secondary:#3f3f46;--scrollbar-track:#f0f0f0;--scrollbar-thumb:#a1a1aa;--border-3d-shadow:0px 0px 0px #000;--border-3d-shadow-hover:12px 12px 0px #000;--card-border:2px solid #c4c4c8;--card-border-hover:2px solid #000}body{font-family:var(--font-body);background:var(--background);color:var(--foreground);overflow-x:hidden;line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}::selection{background:#80808033;color:var(--foreground)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#52525b}.app{max-width:1280px;margin:0 auto;padding:0}.main-wrap{transition:transform .5s cubic-bezier(.32,.72,0,1),border-radius .5s;transform-origin:top center;position:relative;z-index:1}.main-wrap.scaled{transform:scale(.85);border-radius:28px;overflow:hidden;box-shadow:0 24px 80px #00000080;margin-top:8px;pointer-events:none}.section-card{position:relative;overflow:hidden;border-radius:32px;background:var(--card-bg-solid);border:2px solid var(--border-strong);box-shadow:var(--border-3d-shadow-hover);transform:translate(-4px,-4px);transition:all .3s}.section-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.03),transparent);transition:left .6s;pointer-events:none}.section-card:hover:before{left:100%}@media (max-width:767px){.section-card{transform:none;border-radius:20px}}.glass{background:var(--card-bg-solid);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.section{background:var(--background);width:100%}.section-inner{max-width:1280px;margin:0 auto;padding:96px 24px}.section-title{font-family:var(--font-heading);font-size:clamp(2.25rem,5vw,3.75rem);font-weight:900;color:var(--foreground);letter-spacing:-.025em;margin-bottom:16px}.section-sub{color:var(--text-muted);max-width:576px;line-height:1.625;margin-bottom:64px}.section-sub.centered{margin-left:auto;margin-right:auto;text-align:center}.nav{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:50;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;max-width:1280px;width:calc(100% - 16px);background:transparent;border-radius:14px;transition:background .3s,border-color .3s}.nav.scrolled{background:#0a0a0ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}[data-theme=light] .nav.scrolled{background:#f0f0f0d9;border-bottom:1px solid var(--border)}.nav-logo{background:none;border:none;cursor:pointer;color:var(--foreground);font-family:var(--font-heading);font-weight:900;font-size:.95rem;letter-spacing:-.02em;display:flex;align-items:center;gap:6px;text-decoration:none}.nav-logo-img{width:26px;height:26px;object-fit:contain;display:block;border-radius:50%}.nav-links{display:flex;align-items:center;gap:20px}.nav-link{background:none;border:none;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);transition:color .2s;position:relative;padding:0}.nav-link:hover{color:var(--foreground)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--foreground);transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav-link:hover:after{transform:scaleX(1)}.nav-right{display:flex;align-items:center;gap:6px}.theme-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;display:grid;place-items:center;color:var(--foreground);transition:all .2s;font-size:12px;flex-shrink:0}.theme-btn:hover{background:var(--surface);border-color:var(--text-subtle)}.lang-pill{display:inline-flex;align-items:center;gap:2px}.lang-btn{padding:0 2px;font-size:8px;font-weight:600;letter-spacing:0;border:none;background:none;cursor:pointer;transition:all .2s;line-height:14px}.lang-btn.active{background:var(--foreground);color:var(--background);border-radius:4px}.lang-btn.inactive{background:transparent;color:var(--text-muted)}.lang-btn.inactive:hover{color:var(--foreground)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--foreground);padding:6px;font-size:20px;border-radius:8px;transition:background .2s}.mobile-menu-btn:hover{background:#ffffff14}.mobile-menu-btn:active{background:#ffffff1f}[data-theme=light] .mobile-menu-btn:hover{background:#0000000f}[data-theme=light] .mobile-menu-btn:active{background:#0000001a}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40}.mobile-panel{position:fixed;top:0;right:0;height:100%;width:240px;background:var(--background);border-left:1px solid var(--border-strong);z-index:50;padding:64px 24px 24px;display:flex;flex-direction:column;gap:18px}.mobile-panel button{background:none;border:none;cursor:pointer;text-align:left;font-size:16px;font-weight:600;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background);padding:120px 24px 40px;position:relative}.giant-name{font-family:var(--font-heading);font-size:clamp(48px,14vw,240px);font-weight:900;line-height:.8;letter-spacing:-.05em;color:var(--background);-webkit-text-stroke:4px var(--foreground);text-stroke:4px var(--foreground);text-align:center;margin-bottom:24px;pointer-events:none}[data-theme=light] .giant-name{color:var(--background);-webkit-text-stroke:4px var(--foreground)}.hero-tagline{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:600px;text-align:center;margin-bottom:40px;line-height:1.6}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:9999px;font-weight:700;font-size:.875rem;text-decoration:none;transition:all .3s;cursor:pointer;border:none;letter-spacing:.05em}.btn.primary{background:var(--foreground);color:var(--background)}.btn.primary:hover{background:var(--text-muted);transform:translateY(-1px)}.btn.secondary{border:1px solid var(--border-strong);color:var(--foreground);background:transparent}.btn.secondary:hover{background:#ffffff0d;border-color:var(--text-subtle)}.btn-gif{width:18px;height:18px;object-fit:contain;display:inline-block;vertical-align:middle}.status-bar{width:100%;border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);background:#0a0a0af2}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1280px;margin:0 auto;border-left:1px solid var(--border-strong);border-right:1px solid var(--border-strong)}.status-item{display:flex;align-items:center;gap:8px;padding:16px 24px;border-right:1px solid var(--border-strong);transition:all .3s;cursor:default}.status-item:last-child{border-right:none}.status-item:hover{background:#ffffff0d}[data-theme=light] .status-item:hover{background:#0000000d}.status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;position:relative;flex-shrink:0}.status-dot:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:#22c55e;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite;opacity:.4}@keyframes ping{75%,to{transform:scale(2.5);opacity:0}}.status-label{font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--foreground);white-space:nowrap}.status-text{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-scroll{font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;display:flex;align-items:center;gap:8px}.status-arrow{animation:arrowMove 1.5s ease-in-out infinite;font-size:12px}@keyframes arrowMove{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.badge-sharp{display:inline-flex;align-items:center;border:1px solid var(--border-strong);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:4px 12px;color:var(--text-muted);transition:all .2s}.badge-sharp:hover{border-color:var(--text-subtle);color:var(--foreground)}.badge-pill{display:inline-flex;align-items:center;border-radius:9999px;border:1px solid var(--border-strong);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;background:var(--surface-2);color:var(--text-muted)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 48px}.about-profile-card{width:100%;height:320px;border-radius:32px;overflow:hidden;position:relative;border:1px solid var(--border-strong);background:var(--surface-2)}.about-profile-card img{width:100%;height:100%;object-fit:cover;display:block}.about-profile-card .profile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);pointer-events:none}.about-profile-card .profile-bottom{position:absolute;bottom:16px;left:16px;right:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;background:var(--card-bg-solid);border:1px solid var(--border)}.about-profile-card .profile-name{font-weight:700;font-size:.875rem;color:var(--foreground)}.about-profile-card .profile-status{display:flex;align-items:center;gap:6px;margin-top:2px}.about-profile-card .profile-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;position:relative}.about-profile-card .profile-dot:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:#22c55e;animation:ping 1.5s infinite;opacity:.4}.about-profile-card .profile-status-text{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.about-profile-card .profile-hire{background:var(--foreground);color:var(--background);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:8px 20px;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.about-profile-card .profile-hire:hover{background:var(--text-muted)}.about-text .greeting{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:clamp(1.25rem,3vw,2.25rem);font-weight:700;color:var(--foreground);margin-bottom:16px}.about-text .greeting img{width:36px;height:36px;display:inline-block;vertical-align:middle;border-radius:4px}.about-text .greeting .name{color:var(--foreground)}.about-text p{color:var(--text-muted);line-height:1.625;font-size:.875rem;margin-bottom:16px}.about-text .btn{display:inline-flex;margin-top:8px}.sub-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.sub-card{padding:24px 32px;height:100%}.sub-card h3{font-family:var(--font-heading);font-size:clamp(1.125rem,2vw,1.25rem);font-weight:900;color:var(--foreground);letter-spacing:-.01em;margin-bottom:12px;display:flex;align-items:center;gap:8px}.sub-card h3 svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.tech-section-title{font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:6px}.tech-items{display:flex;flex-wrap:wrap;gap:6px}.tech-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--border-strong);background:var(--surface-2);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--text-secondary);border-radius:9999px;white-space:nowrap;transition:all .3s;cursor:default;animation:techWave 4s ease-in-out infinite;animation-delay:calc(var(--wi,0)*.1s)}.tech-badge:hover{border-color:var(--text-subtle);color:var(--foreground)}.tech-icon{display:inline-flex;align-items:center;color:var(--tech-color,#fff)}.tech-icon svg{width:14px;height:14px;display:block}@keyframes techWave{0%{transform:translateY(0)}10%{transform:translateY(-6px)}20%{transform:translateY(0)}to{transform:translateY(0)}}.phil-items{display:flex;flex-direction:column;gap:12px}.phil-item{display:flex;gap:12px;align-items:flex-start}.phil-item img{width:44px;height:44px;flex-shrink:0;object-fit:contain;margin-top:2px;border-radius:4px}[data-theme=light] .phil-item img{filter:invert(1) hue-rotate(180deg)}.phil-item h4{font-weight:600;font-size:.875rem;color:var(--foreground);margin-bottom:2px}.phil-item p{font-size:.8125rem;color:var(--text-muted);line-height:1.5}.focus-items{display:flex;flex-wrap:wrap;gap:8px}.focus-item{padding:6px 16px;border:1px solid var(--border-strong);background:var(--surface-2);font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--text-secondary);border-radius:9999px;cursor:default;transition:all .3s;animation:techWave 4s ease-in-out infinite;animation-delay:calc(var(--wi,0)*.1s)}.focus-item:hover{color:var(--foreground);border-color:var(--text-subtle);box-shadow:0 0 15px #ffffff26}.focus-footer{padding-top:14px;margin-top:16px;border-top:1px solid var(--border-strong);font-size:11px;color:var(--text-muted);line-height:1.6}.folder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}.folder-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;background:var(--card-bg-solid);border:2px solid var(--border-strong);color:var(--text-muted);cursor:pointer;transition:all .3s;text-align:left;position:relative}.folder-card:hover{color:var(--foreground);border-color:var(--text-subtle);transform:translateY(-2px)}.folder-card.active{color:var(--foreground);border-color:var(--foreground)}.folder-label{font-weight:700;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;font-family:var(--font-heading)}.folder-count{position:absolute;top:8px;right:12px;font-size:10px;color:var(--text-subtle);font-family:var(--mono)}@media (max-width:767px){.folder-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.work-grid{display:flex;flex-direction:column;gap:32px}.work-card{display:grid;grid-template-columns:1fr 1fr;border-radius:24px;overflow:hidden;background:var(--card-bg-solid);border:2px solid var(--border-strong);box-shadow:var(--border-3d-shadow-hover);transform:translate(-4px,-4px);transition:all .5s;align-items:center}.work-card:hover{border-color:var(--text-subtle);transform:translate(-5px,-5px)}.work-card:active{transform:translate(0)}@media (max-width:767px){.work-card{grid-template-columns:1fr;transform:none}}.work-content{padding:32px 40px;display:flex;flex-direction:column;justify-content:space-between}.work-content .category{display:inline-block;border:1px solid var(--border-strong);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:4px 12px;color:var(--text-muted);margin-bottom:24px;width:fit-content}.work-content h3{font-family:var(--font-heading);font-size:clamp(1.25rem,3vw,2rem);font-weight:900;color:var(--foreground);letter-spacing:-.02em;margin-bottom:12px}.work-content .desc{color:var(--text-muted);line-height:1.625;margin-bottom:32px;font-size:.875rem;max-width:448px}.work-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.work-stat-value{font-size:clamp(1.25rem,2vw,1.875rem);font-weight:900;color:var(--foreground)}.work-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.work-techs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.work-tech{font-size:11px;font-weight:500;letter-spacing:.05em;color:var(--text-muted);border:1px solid var(--border-strong);padding:6px 12px;border-radius:9999px}.work-actions{display:flex;flex-wrap:wrap;gap:8px}.work-visual{position:relative;width:min(100%,320px);height:220px;justify-self:center;background:var(--surface-2);overflow:hidden;cursor:pointer;border-radius:16px;border:2px solid var(--border-strong);margin:16px}.work-visual img{width:100%;height:100%;object-fit:cover;display:block;opacity:.6;transition:all .7s}.work-card:hover .work-visual img{opacity:1;transform:scale(1.05)}.work-visual .vis-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);pointer-events:none;z-index:1;border-radius:14px}.work-visual .vis-hover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:16px;opacity:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s;border-radius:14px}.work-card:hover .vis-hover{opacity:1}.work-visual .vis-hover a,.work-visual .vis-hover button{padding:12px 24px;background:var(--foreground);color:var(--background);border-radius:9999px;font-size:.8125rem;font-weight:700;letter-spacing:.05em;border:none;cursor:pointer;text-decoration:none;transition:all .2s;transform:translateY(16px);transition:all .3s .07s}.work-visual .vis-hover a:nth-child(2),.work-visual .vis-hover button:nth-child(2){background:var(--surface-2);color:var(--foreground);border:1px solid var(--border-strong);transition-delay:.14s}.work-card:hover .vis-hover a,.work-card:hover .vis-hover button{transform:translateY(0)}.ach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ach-card{border-radius:12px;padding:16px 12px;text-align:center;background:var(--card-bg-solid);border:2px solid var(--border-strong);box-shadow:4px 4px #80808026;transform:translate(-2px,-2px);transition:all .3s;cursor:pointer}.ach-card:hover{border-color:var(--text-subtle);transform:translate(-3px,-3px)}.ach-card:active{transform:translate(0);scale:.98}.ach-gif{width:32px;height:32px;display:block;margin:0 auto 8px;object-fit:contain;border-radius:6px}.ach-card h3{font-size:.8125rem;font-weight:700;color:var(--foreground);margin-bottom:2px}.ach-card p{font-size:.6875rem;color:var(--text-muted);line-height:1.4}.cert-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:fit-content;height:fit-content;margin:auto;background:var(--card-bg-solid);border:2px solid var(--border-strong);border-radius:32px;padding:0;overflow:visible;max-width:90vw;max-height:90vh;box-shadow:0 24px 60px #000000b3}.cert-dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cert-dialog-inner{padding:24px;text-align:center;min-width:320px}.cert-dialog-img{width:100%;max-width:520px;height:auto;max-height:55vh;object-fit:contain;display:block;margin:0 auto 20px;border-radius:12px}.cert-dialog h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--foreground);margin-bottom:8px}.cert-dialog p{font-size:.85rem;color:var(--text-muted);line-height:1.6}.cert-dialog-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border-strong);cursor:pointer;display:grid;place-items:center;color:var(--text-muted);font-size:14px;transition:all .2s}.cert-dialog-close:hover{color:var(--foreground);border-color:var(--text-subtle)}.tl-section{padding-top:0!important}.tl-outer{position:relative;padding-left:0}.tl-line-bg{position:absolute;left:15px;top:0;bottom:0;width:1px;background:var(--border-strong)}.tl-line-fill{position:absolute;left:15px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--foreground),hsla(0,0%,100%,.2));transform-origin:top;transition:all .1s}.tl-items{display:flex;flex-direction:column;gap:48px}.tl-item{display:flex;flex-direction:row;gap:32px;position:relative}@media (max-width:767px){.tl-item{flex-direction:column;gap:12px;margin-left:32px}}.tl-left{display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:130px;flex-shrink:0}@media (max-width:767px){.tl-left{flex-direction:row;align-items:center;width:auto;gap:12px}}.tl-year{font-family:var(--font-heading);font-size:clamp(1.125rem,2vw,1.25rem);font-weight:900;color:var(--foreground)}.tl-badge{padding:4px 10px;background:var(--surface-2);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border-strong)}.tl-dot-wrap{position:absolute;left:11px;top:6px;z-index:10;width:9px;height:9px;border-radius:50%;border:2px solid var(--foreground);background:var(--background);box-shadow:0 0 8px 2px #fff3}@media (min-width:768px){.tl-dot-wrap{left:136px}}.tl-card{padding:24px 32px;flex:1}.tl-card h3{font-family:var(--font-heading);font-size:clamp(1.125rem,2vw,1.5rem);font-weight:700;color:var(--foreground);margin-bottom:4px}.tl-company{color:var(--text-muted);font-size:.875rem;margin-bottom:16px;letter-spacing:.025em}.tl-desc{color:var(--text-muted);line-height:1.625;margin-bottom:24px;font-size:.875rem;max-width:480px}.tl-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tl-tag{font-size:11px;font-weight:500;letter-spacing:.05em;color:var(--text-muted);border:1px solid var(--border-strong);padding:6px 12px;border-radius:9999px}.tl-folder{display:flex;align-items:center;gap:12px;border:1px solid var(--border-strong);border-radius:12px;padding:12px 16px;transition:all .2s;cursor:pointer;width:fit-content;background:none;color:var(--foreground)}.tl-folder:hover{background:#ffffff0d;border-color:var(--text-subtle)}.contact-form{max-width:480px;margin:0 auto}.contact-form .input-terminal{width:100%;padding:12px 4px;background:transparent;border:none;border-bottom:1px solid var(--border-strong);color:var(--foreground);font-size:14px;outline:none;border-radius:0;transition:border-color .2s;font-family:var(--font-body)}.contact-form .input-terminal:focus{border-bottom-color:var(--foreground)}.contact-form textarea.input-terminal{resize:none;min-height:80px}.contact-form .form-row{margin-bottom:24px}.contact-form .submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 28px;background:var(--foreground);color:var(--background);border-radius:9999px;font-size:.875rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;border:none;cursor:pointer;transition:all .2s}.contact-form .submit-btn:hover{background:var(--text-muted)}.contact-form .submit-btn:disabled{opacity:.5;cursor:not-allowed}.contact-form .submit-btn .spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.contact-form .success-msg{color:#22c55e;font-size:.875rem;text-align:center}.contact-form .error-msg{color:#ef4444;font-size:.875rem;text-align:center}.footer{text-align:center;padding:48px 24px;color:var(--text-muted);font-size:.8125rem;border-top:1px solid var(--border-strong);margin-top:0;background:var(--background)}.music-island{position:fixed;bottom:22px;right:22px;z-index:999;font-family:var(--font-body);touch-action:manipulation}.dyn-pill{background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--border);border-radius:22px;padding:6px 8px 6px 6px;display:flex;flex-direction:column;cursor:pointer;overflow:hidden;transition:background .35s ease,box-shadow .35s ease;box-shadow:0 8px 28px #00000080,inset 0 1px #ffffff0a;-webkit-tap-highlight-color:transparent}.dyn-pill:hover{background:color-mix(in srgb,var(--surface) 85%,transparent);border-color:#ffffff24}.dyn-pill.expanded{padding:16px;min-width:290px;max-width:320px;cursor:default;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 12px 40px #0000008c,inset 0 1px #ffffff0a}.dyn-mini-content{display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:36px;padding:2px 0}.dyn-mini-art{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;border:1px solid hsla(0,0%,100%,.06);overflow:hidden}.dyn-mini-icon{width:20px;height:20px;object-fit:contain;display:block;opacity:.9}.dyn-mini-cvr{width:100%;height:100%;object-fit:cover;display:block}.dyn-mini-info{flex:1;min-width:0;max-width:130px}.dyn-mini-title{font-size:.78rem;font-weight:600;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dyn-mini-artist{font-size:.68rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dyn-mini-play{width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--foreground) 90%,transparent);border:none;cursor:pointer;display:grid;place-items:center;color:var(--background);flex-shrink:0;padding:0}.dyn-mini-play svg{width:13px;height:13px;display:block}.dyn-mini-play:hover{transform:scale(1.08)}.dyn-mini-dots{display:flex;gap:3px;padding:0 2px;flex-shrink:0;opacity:.25}.dyn-mini-dots span{width:3px;height:3px;border-radius:50%;background:var(--foreground)}.dyn-expand-outer{overflow:hidden;min-height:0;display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,.61,.36,1);will-change:grid-template-rows;min-width:0;width:0}.dyn-pill.expanded .dyn-expand-outer{grid-template-rows:1fr;width:auto}.dyn-expand{overflow:hidden;min-height:0;padding-top:14px}.dyn-album{max-width:160px;aspect-ratio:1;border-radius:14px;overflow:hidden;position:relative;margin:0 auto 12px;display:grid;place-items:center}.dyn-album-icon{width:56px;height:56px;object-fit:contain;display:block;opacity:.85}.dyn-album-cvr{width:100%;height:100%;object-fit:cover;display:block}.dyn-close-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#00000059;border:1px solid hsla(0,0%,100%,.08);cursor:pointer;display:grid;place-items:center;color:#ffffffb3;padding:0}.dyn-close-btn svg{width:13px;height:13px;display:block}.dyn-expand-info{text-align:center;margin-bottom:10px}.dyn-expand-title{font-size:1rem;font-weight:700;color:var(--foreground)}.dyn-expand-artist{font-size:.78rem;color:var(--text-muted)}.dyn-expand-progress{margin-bottom:12px}.dyn-prog-bg{width:100%;height:5px;background:#ffffff12;border-radius:999px;overflow:hidden;cursor:pointer}.dyn-prog-fill{height:100%;background:var(--foreground);border-radius:999px;transition:transform .3s linear;transform-origin:left;transform:scaleX(0)}.dyn-expand-times{display:flex;justify-content:space-between;margin-top:5px;font-size:.62rem;color:var(--text-muted)}.dyn-expand-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:14px}.dyn-ctrl{width:38px;height:38px;border-radius:50%;background:#ffffff0a;border:1px solid hsla(0,0%,100%,.05);cursor:pointer;display:grid;place-items:center;color:var(--foreground);padding:0}.dyn-ctrl svg{width:17px;height:17px;display:block}.dyn-ctrl:hover{background:#ffffff1f}.dyn-ctrl--play{width:46px;height:46px;background:color-mix(in srgb,var(--foreground) 90%,transparent);color:var(--background);border-color:#ffffff4d}.dyn-ctrl--play svg{width:20px;height:20px}.dyn-expand-volume{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:0 4px}.dyn-vol-icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0;display:grid;place-items:center}.dyn-vol-icon svg{width:100%;height:100%;display:block}.dyn-vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:4px;background:#ffffff14;border-radius:999px;outline:none;cursor:pointer}.dyn-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--foreground);border:none;cursor:pointer}.dyn-vol-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--foreground);border:none;cursor:pointer}.dyn-expand-list{max-height:150px;overflow-y:auto;border-top:1px solid hsla(0,0%,100%,.04);padding-top:8px}.dyn-list-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;cursor:pointer;transition:background .2s;margin-bottom:2px}.dyn-list-item:hover{background:#ffffff0a}.dyn-list-item.active{background:#ffffff0f;border-color:#ffffff0d}.dyn-list-item.active .dyn-list-title{color:var(--foreground)}.dyn-list-num{font-size:.65rem;color:var(--text-muted);width:20px;text-align:right;flex-shrink:0}.dyn-list-info{flex:1;min-width:0}.dyn-list-title{font-size:.78rem;font-weight:600;color:var(--foreground)}.dyn-list-artist{font-size:.62rem;color:var(--text-muted)}.dyn-list-dur{font-size:.62rem;color:var(--text-muted);flex-shrink:0}.dyn-expand-list::-webkit-scrollbar{width:4px}.dyn-expand-list::-webkit-scrollbar-track{background:#ffffff08;border-radius:2px}.dyn-expand-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.playground{text-align:center}.playground-desc{color:var(--text-muted);margin-bottom:28px;font-size:.875rem}.playground-wrap{position:relative;border:2px solid var(--border-strong);border-radius:24px;overflow:hidden;background:var(--card-bg-solid)}.playground-canvas{width:100%;height:420px;display:block;cursor:grab}.playground-canvas:active{cursor:grabbing}.playground-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:.75rem;color:var(--text-muted);background:color-mix(in srgb,var(--background) 85%,transparent);padding:6px 18px;border-radius:20px;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border)}.reveal{opacity:0;transform:translateY(40px);transition:all .7s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:translateY(0)}.float-word{position:absolute;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;pointer-events:none;animation:floatWord 14s ease-in-out infinite alternate;font-family:var(--mono);will-change:transform,opacity}@keyframes floatWord{0%{transform:translateY(0) scale(1);opacity:.08}33%{transform:translateY(-18px) scale(1.05);opacity:.15}66%{transform:translateY(8px) scale(.95);opacity:.05}to{transform:translateY(-8px) scale(1.02);opacity:.1}}@media (max-width:768px){.nav-links,.nav-lang{display:none}.nav-right{gap:10px}.mobile-menu-btn{display:block}.section-inner{padding:64px 20px}.about-grid,.sub-grid{grid-template-columns:1fr}.status-grid{grid-template-columns:repeat(2,1fr)}.status-item:nth-child(2){border-right:none}.ach-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ach-card{border-radius:10px;padding:12px 10px}.tl-left{width:auto;flex-direction:row;align-items:center;gap:12px}.work-content{padding:24px}.giant-name{-webkit-text-stroke:2px var(--foreground);text-stroke:2px var(--foreground)}.music-island{bottom:14px;right:14px}.section-title{font-size:clamp(1.75rem,6vw,2.5rem)}}@media (max-width:480px){.section-inner{padding:48px 16px}.status-grid{grid-template-columns:1fr 1fr}.work-stats{grid-template-columns:repeat(3,1fr);gap:8px}.giant-name{-webkit-text-stroke:1.5px var(--foreground);text-stroke:1.5px var(--foreground)}}[data-theme=light] .section-card,[data-theme=light] .work-card,[data-theme=light] .ach-card{border-color:var(--border-strong)!important}[data-theme=light] .status-bar{background:#f0f0f0f2}[data-theme=light] .about-profile-card .profile-bottom{background:#ffffffb3}[data-theme=light] .tech-badge,.focus-item,.tl-tag,.work-tech,[data-theme=light] .badge-sharp,.badge-pill{border-color:var(--border-strong)!important}