.experience-section{min-height:100vh;padding:60px 20px;position:relative;overflow-x:hidden}.projects-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px;flex-wrap:wrap;gap:20px}.projects-header h2{font-size:2.5rem;font-weight:700;color:white}.projects-header span{font-size:.9rem;letter-spacing:2px;color:rgba(255,255,255,.4);font-family:Monaco,Courier New,monospace}.relative.pl-10{position:relative;padding-left:2.5rem}.relative.pl-10.md\:pl-16{position:relative;padding-left:4rem}.absolute.left-7{position:absolute;left:1.75rem}.absolute.left-7.md\:left-8{position:absolute;left:2rem}.absolute.left-7.top-0.bottom-0{position:absolute;left:1.75rem;top:0;bottom:0}.w-0\.5{width:2px}.absolute.-left-9{position:absolute;left:-2.25rem}.absolute.-left-9.md\:-left-10{position:absolute;left:-2.5rem}.w-4{width:1rem}.h-4{height:1rem}.border-2{border-width:2px}.border-black{border-color:#000}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.shadow-purple-500\/30{box-shadow:0 10px 15px -3px rgba(168,85,247,.3),0 4px 6px -2px rgba(168,85,247,.1)}.shadow-cyan-500\/30{box-shadow:0 10px 15px -3px rgba(6,182,212,.3),0 4px 6px -2px rgba(6,182,212,.1)}.backdrop-blur-sm{backdrop-filter:blur(8px)}.border{border-width:1px}.rounded-xl{border-radius:.75rem}.p-6{padding:1.5rem}.hover\:bg-white\/7:hover{background:rgba(255,255,255,.07)}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.text-purple-400{color:#c084fc}.text-cyan-400{color:#22d3ee}.font-medium{font-weight:500}.mb-1{margin-bottom:.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.text-white{color:white}.text-sm{font-size:.875rem;line-height:1.25rem}.text-white\/60{color:rgba(255,255,255,.6)}.bg-white\/5{background:rgba(255,255,255,.05)}.rounded-full{border-radius:9999px}.border-white\/10{border-color:rgba(255,255,255,.1)}.text-white\/70{color:rgba(255,255,255,.7)}.mb-5{margin-bottom:1.25rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-2{gap:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.bg-purple-500\/10{background:rgba(168,85,247,.1)}.bg-cyan-500\/10{background:rgba(6,182,212,.1)}.text-purple-300{color:#d8b4fe}.text-cyan-300{color:#67e8f9}.border-purple-500\/20{border-color:rgba(168,85,247,.2)}.border-cyan-500\/20{border-color:rgba(6,182,212,.2)}.last\:mb-0:last-child{margin-bottom:0}.mb-20{margin-bottom:5rem}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-purple-500{--tw-gradient-from:#a855f7;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(168,85,247,0))}.to-pink-500{--tw-gradient-to:#ec4899}.from-cyan-500{--tw-gradient-from:#06b6d4;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(6,182,212,0))}.to-blue-500{--tw-gradient-to:#3b82f6}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(0,0,0,0))}.via-purple-500\/30{--tw-gradient-stops:var(--tw-gradient-from),rgba(168,85,247,0.3),var(--tw-gradient-to,rgba(168,85,247,0))}.via-cyan-500\/30{--tw-gradient-stops:var(--tw-gradient-from),rgba(6,182,212,0.3),var(--tw-gradient-to,rgba(6,182,212,0))}.to-transparent{--tw-gradient-to:transparent}@media (max-width:768px){.experience-section{padding:40px 15px}.projects-header h2{font-size:2rem}.relative.pl-10{padding-left:2.5rem}.absolute.left-7{left:1.25rem}.absolute.-left-9{left:-1.75rem}.text-xl{font-size:1.125rem}}@media (max-width:480px){.experience-section{padding:30px 10px}.relative.pl-10{padding-left:2rem}.absolute.left-7{left:1rem}.absolute.-left-9{left:-1.5rem}.p-6{padding:1rem}.projects-header h2{font-size:1.75rem}.projects-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:40px}}@media (max-width:768px){.relative.pl-10,.relative.pl-10.md\:pl-16{padding-left:2rem}.absolute.left-7,.absolute.left-7.md\:left-8{left:.9rem}.absolute.-left-9,.absolute.-left-9.md\:-left-10{left:-1.6rem}.bg-white\/5{padding:1.2rem;border-radius:.9rem}.projects-header{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:40px}.projects-header h2{font-size:1.8rem}.text-xl{font-size:1.1rem}.text-sm.bg-white\/5{align-self:flex-start}.text-white\/70{font-size:.9rem;line-height:1.5}.text-xs{font-size:.68rem;padding:3px 10px}.mb-12{margin-bottom:2rem}}@media (max-width:420px){.projects-header h2{font-size:1.6rem}.relative.pl-10{padding-left:1.6rem}.absolute.left-7{left:.7rem}.absolute.-left-9{left:-1.4rem}.bg-white\/5{padding:1rem}}.hk-social-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px 22px;border-radius:16px;font-weight:600;font-size:14px;color:var(--brand-color);background:var(--brand-bg);border:1px solid var(--brand-border);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.hk-social-card:hover{filter:brightness(1.2);box-shadow:0 8px 20px -8px var(--brand-color);border-color:#fff}.hk-github{--brand-color:#ffffff;--brand-bg:rgba(255,255,255,0.08);--brand-border:rgba(255,255,255,0.2)}.hk-linkedin{--brand-color:#00a0dc;--brand-bg:rgba(0,160,220,0.12);--brand-border:rgba(0,160,220,0.3)}.hk-mail{--brand-color:#ff5a4f;--brand-bg:rgba(255,90,79,0.12);--brand-border:rgba(255,90,79,0.3)}.hk-social-card svg{stroke-width:2px;filter:drop-shadow(0 0 8px var(--brand-bg))}.hk-tools-root{padding:60px 16px;max-width:1050px;margin:0 auto;width:100%;box-sizing:border-box}.hk-tools-header{text-align:center;margin-bottom:55px;width:100%}.hk-tools-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:white;line-height:1.2}.hk-tools-subtitle{color:rgba(255,255,255,.55);margin-top:10px;font-size:clamp(.85rem,1.5vw,.95rem);line-height:1.4}.hk-tools-wall{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:70px;width:100%}.hk-tool-brick{display:flex;align-items:center;gap:10px;border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);padding:10px 16px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.hk-tool-brick:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.25)}.hk-tool-icon{color:rgba(255,255,255,.75);font-size:1.2rem;transition:transform .25s ease;flex-shrink:0}.hk-tool-brick:hover .hk-tool-icon{transform:scale(1.1)}.hk-tool-text{font-size:.9rem;color:rgba(255,255,255,.7);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hk-language-wall{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%}.hk-language-brick{padding:8px 14px;border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.7);font-size:.85rem;transition:all .25s ease;flex-shrink:0}.hk-language-brick:hover{background:rgba(255,255,255,.07);color:white;transform:translateY(-2px)}.hk-size-lg{font-size:1rem}.hk-size-md{font-size:.95rem}.hk-size-sm{font-size:.85rem}@media (max-width:900px){.hk-tools-root{padding:50px 20px}.hk-tools-wall{gap:12px;margin-bottom:60px}.hk-language-wall{gap:14px}.hk-tool-brick{padding:8px 14px}.hk-tool-text{font-size:.85rem}.hk-tool-icon{font-size:1.1rem}}@media (max-width:768px){.hk-tools-root{padding:40px 16px}.hk-tools-header{margin-bottom:40px}.hk-tools-wall{gap:10px;margin-bottom:50px}.hk-language-wall{gap:12px}.hk-tool-brick{padding:8px 12px;gap:8px}.hk-tool-text{font-size:.82rem}.hk-tool-icon{font-size:1rem}.hk-language-brick{padding:7px 12px;font-size:.82rem}}@media (max-width:640px){.hk-tools-root{padding:35px 14px}.hk-tools-title{font-size:1.8rem}.hk-tools-subtitle{font-size:.85rem}.hk-tools-wall{gap:8px;margin-bottom:45px}.hk-language-wall{gap:10px}.hk-tool-brick{padding:7px 10px;gap:6px}.hk-tool-text{font-size:.78rem;white-space:normal;max-width:80px;text-align:center}.hk-tool-icon{font-size:.95rem}.hk-language-brick{padding:6px 10px;font-size:.78rem}}@media (max-width:480px){.hk-tools-root{padding:30px 12px}.hk-tools-title{font-size:1.6rem}.hk-tools-subtitle{font-size:.8rem;margin-top:8px}.hk-tools-header{margin-bottom:35px}.hk-tools-wall{gap:6px}.hk-language-wall{gap:8px}.hk-tool-brick{padding:6px 8px;gap:4px;border-radius:12px}.hk-tool-text{font-size:.72rem;max-width:70px}.hk-tool-icon{font-size:.85rem}.hk-language-brick{padding:5px 9px;font-size:.75rem;border-radius:8px}}@media (max-width:380px){.hk-tools-wall{gap:5px}.hk-language-wall{gap:6px}.hk-tool-brick{padding:5px 6px}.hk-tool-text{font-size:.68rem;max-width:60px}.hk-tool-icon{font-size:.8rem}.hk-language-brick{padding:4px 8px;font-size:.7rem}}