.experience-page{background:rgb(var(--background));padding-bottom:8rem}.experience-hero{text-align:center;padding:10rem 0 4rem}.experience-hero h1{margin-bottom:1.5rem;font-size:clamp(3rem,7vw,5rem)}.timeline-container{max-width:900px;margin:4rem auto;padding:0 1.5rem;position:relative}.timeline-container:before{content:"";background:linear-gradient(to bottom,transparent,rgba(var(--primary),.5)10%,rgba(var(--primary),.5)90%,transparent);width:2px;position:absolute;top:0;bottom:0;left:2rem}.timeline-item{margin-bottom:4rem;padding-left:5rem;position:relative}.timeline-dot{background:rgb(var(--primary));width:14px;height:14px;box-shadow:0 0 15px rgba(var(--primary),.6);z-index:2;border-radius:50%;position:absolute;top:.5rem;left:calc(2rem - 6px)}.timeline-date{color:rgb(var(--primary));margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.timeline-content-card{background:rgba(var(--surface),.4);border:1px solid rgba(var(--border),.4);cursor:pointer;border-radius:20px;padding:2.5rem;transition:all .3s}.timeline-content-card:hover{background:rgba(var(--surface),.6);border-color:rgba(var(--primary),.3);transform:translate(10px)}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.company-logo{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;padding:5px;display:flex}.company-logo img{object-fit:contain;max-width:100%;max-height:100%}.job-title{margin-bottom:.25rem;font-size:1.5rem}.company-name{color:rgb(var(--muted));font-weight:500}.experience-details{border-top:1px solid rgba(var(--border),.3);margin-top:1.5rem;padding-top:1.5rem}.experience-details ul{padding:0;list-style:none}.experience-details li{color:rgb(var(--muted));margin-bottom:.75rem;padding-left:1.5rem;font-size:.95rem;position:relative}.experience-details li:before{content:"→";color:rgb(var(--primary));position:absolute;left:0}.achievement-images{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.achievement-img{aspect-ratio:16/9;background:rgba(var(--background),.5);border:1px solid rgba(var(--border),.5);border-radius:8px;overflow:hidden}@media (max-width:768px){.timeline-container:before{left:1rem}.timeline-dot{left:calc(1rem - 6px)}.timeline-item{padding-left:2rem}.timeline-content-card{padding:1.25rem}.timeline-date{background:rgba(var(--primary),.1);border-radius:4px;margin-bottom:.75rem;padding:2px 8px;display:inline-block;position:relative}.job-title{font-size:1.15rem;line-height:1.3}}.about-page{background:rgb(var(--background));padding-bottom:8rem}.about-hero-split{align-items:center;gap:4rem;min-height:80vh;padding:10rem 0 4rem;display:flex}.about-image-container{flex:1;position:relative}.about-image-frame{aspect-ratio:4/5;background:linear-gradient(45deg,rgba(var(--primary),.2),transparent);border:1px solid rgba(var(--border),.5);border-radius:30px;position:relative;overflow:hidden}.about-image-frame:before{content:"";box-shadow:inset 0 0 100px rgba(var(--background),.8);z-index:1;position:absolute;inset:0}.about-text-content{flex:1.2}.about-text-content h1{margin-bottom:2rem;font-size:clamp(3rem,6vw,4.5rem)}.about-bio{color:rgb(var(--muted));margin-bottom:2rem;font-size:1.15rem;line-height:1.8}.skill-hexagon-section{padding:6rem 0}.skill-grid-unique{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2rem;margin-top:4rem;display:grid}.skill-hex-card{background:rgba(var(--surface),.5);border:1px solid rgba(var(--border),.3);text-align:center;border-radius:20px;padding:2.5rem 1.5rem;transition:all .3s}.skill-hex-card:hover{border-color:rgb(var(--primary));background:rgba(var(--primary),.05);transform:translateY(-5px)}.skill-icon-wrap{color:rgb(var(--primary));margin-bottom:1rem;font-size:2.5rem}.skill-name{margin-bottom:.5rem;font-weight:600;display:block}.skill-level-bar{background:rgba(var(--border),.5);border-radius:2px;height:4px;overflow:hidden}.skill-progress{background:rgb(var(--primary));height:100%;box-shadow:0 0 10px rgba(var(--primary),.5)}.hobbies-section{background:rgba(var(--surface),.2);padding:6rem 0}.hobbies-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;display:grid}.hobby-card{background:rgba(var(--surface),.4);border:1px solid rgba(var(--border),.3);border-radius:20px;padding:2rem}.certificates-section{padding:8rem 0;position:relative;overflow:hidden}.certificates-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:4rem;display:grid}.certificate-card{background:rgba(var(--surface),.4);border:1px solid rgba(var(--border),.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s var(--ease-out-expo);cursor:default;border-radius:24px;gap:1.5rem;padding:2rem;display:flex;position:relative}.certificate-card:hover{background:rgba(var(--surface),.7);border-color:rgb(var(--primary));box-shadow:0 10px 40px rgba(var(--primary),.1)}.cert-badge{background:linear-gradient(135deg,rgb(var(--primary)),rgb(var(--primary-dark)));color:#fff;width:64px;height:64px;box-shadow:0 5px 15px rgba(var(--primary),.3);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.75rem;display:flex}.cert-content{flex:1}.cert-date{color:rgb(var(--primary));text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.cert-name{margin-bottom:.25rem;font-size:1.25rem;line-height:1.3}.cert-issuer{color:rgb(var(--muted));margin-bottom:1rem;font-size:.95rem}.cert-skills{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.cert-skill-tag{background:rgba(var(--foreground),.05);color:rgb(var(--muted));border-radius:99px;padding:2px 10px;font-size:.75rem;font-weight:600}.cert-link{color:rgb(var(--foreground));align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.cert-link:hover{color:rgb(var(--primary))}.cert-link svg{font-size:1rem}@media (max-width:1024px){.about-hero-split{flex-direction:column;padding-top:8rem}.about-text-content{order:-1}}@media (max-width:640px){.certificate-card{flex-direction:column;gap:1rem}}