:root{--coral: #FF6B6B;--coral-light: #FFA8A8;--coral-dark: #E24A4A;--teal: #2EC4B6;--teal-light: #4DD9CC;--teal-dark: #1FA899;--lavender: #9B72CF;--lavender-light:#B794E0;--amber: #F1D7A6;--amber-light: #F7E6C4;--sky: #56CCF2;--sky-light: #7DDBF8;--mint: #6BCB77;--rose: #FF6F91;--white: #FFFFFF;--off-white: #FAFBFD;--gray-50: #F7F8FA;--gray-100: #EEF0F4;--gray-200: #DEE2E8;--gray-300: #C4CAD4;--gray-400: #9AA2B0;--gray-500: #6E7787;--gray-600: #4A5263;--gray-700: #2D3443;--gray-800: #1A2030;--gray-900: #0D1117;--gradient-hero: linear-gradient(135deg, #FF6B6B 0%, #F1D7A6 25%, #56CCF2 50%, #9B72CF 75%, #2EC4B6 100%);--gradient-coral: linear-gradient(135deg, #FF6B6B, #FFA8A8);--gradient-teal: linear-gradient(135deg, #2EC4B6, #56CCF2);--gradient-lavender:linear-gradient(135deg, #9B72CF, #B794E0);--gradient-warm: linear-gradient(135deg, #FF6B6B, #F1D7A6);--gradient-cool: linear-gradient(135deg, #56CCF2, #2EC4B6);--gradient-sunset: linear-gradient(135deg, #FF6F91, #F1D7A6);--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 20px rgba(0,0,0,.08);--shadow-lg: 0 8px 40px rgba(0,0,0,.1);--shadow-xl: 0 16px 60px rgba(0,0,0,.12);--shadow-glow-coral: 0 8px 30px rgba(255, 107, 107,.3);--shadow-glow-teal: 0 8px 30px rgba(46,196,182,.3);--shadow-glow-lavender:0 8px 30px rgba(155,114,207,.3);--glass-bg: rgba(255,255,255,.65);--glass-border: rgba(255,255,255,.3);--glass-blur: 20px;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--section-padding: 100px 0;--container-max: 1200px;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--primary: #0F5EA8;--primary-light: #2FAFE6;--primary-dark: #0A4778;--accent: #39BDEB;--accent-light: #7DD3FC;--accent-dark: #0E8AC3;--bg-light: #F8FAFC;--bg-dark: #0F172A;--gradient-primary: linear-gradient(135deg, #0F5EA8, #2FAFE6);--gradient-accent: linear-gradient(135deg, #39BDEB, #7DD3FC);--gradient-primary-accent: linear-gradient(135deg, #0F5EA8, #39BDEB)}html{scroll-behavior:smooth;scroll-padding-top:76px}#particleCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:120;pointer-events:none;opacity:.62;mix-blend-mode:multiply}@media(prefers-reduced-motion:reduce)and (max-width:0px){.shape,#particleCanvas{animation-duration:18s!important}}:focus-visible{outline:2px solid var(--coral, #FF6B6B);outline-offset:3px;border-radius:4px}button:focus-visible,a:focus-visible,.tab-btn:focus-visible,.filter-btn:focus-visible,.chooser-card:focus-visible,.theme-toggle:focus-visible,.btn:focus-visible{outline:2px solid var(--coral, #FF6B6B);outline-offset:3px;box-shadow:0 0 0 4px #ff6b6b2e}[data-theme=dark] :focus-visible{outline-color:var(--coral-light, #FFA8A8)}:root{--coral: #39BDEB;--coral-light: #7DD3FC;--coral-dark: #0E8AC3;--teal: #2ec4b6;--teal-light: #4dd9cc;--teal-dark: #1fa899;--lavender: #9b72cf;--lavender-light: #b794e0;--amber: #F1D7A6;--amber-light: #F7E6C4;--sky: #56ccf2;--sky-light: #7ddbf8;--mint: #6bcb77;--rose: #ff6f91;--white: #ffffff;--off-white: #fafbfd;--gray-50: #f7f8fa;--gray-100: #eef0f4;--gray-200: #dee2e8;--gray-300: #c4cad4;--gray-400: #9aa2b0;--gray-500: #6e7787;--gray-600: #4a5263;--gray-700: #2d3443;--gray-800: #1a2030;--gray-900: #0d1117;--gradient-hero: linear-gradient(135deg, #39BDEB 0%, #F1D7A6 25%, #56ccf2 50%, #9b72cf 75%, #2ec4b6 100%);--gradient-coral: linear-gradient(135deg, #39BDEB, #7DD3FC);--gradient-teal: linear-gradient(135deg, #2ec4b6, #56ccf2);--gradient-lavender: linear-gradient(135deg, #9b72cf, #b794e0);--gradient-warm: linear-gradient(135deg, #39BDEB, #0F5EA8);--gradient-cool: linear-gradient(135deg, #56ccf2, #2ec4b6);--gradient-sunset: linear-gradient(135deg, #39BDEB, #7DD3FC);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 60px rgba(0, 0, 0, .12);--shadow-glow-coral: 0 8px 30px rgba(57, 189, 235, .3);--shadow-glow-teal: 0 8px 30px rgba(46, 196, 182, .3);--shadow-glow-lavender: 0 8px 30px rgba(155, 114, 207, .3);--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .3);--glass-blur: 20px;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--section-padding: 100px 0;--container-max: 1200px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 9999px;--nav-offset: 76px;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--primary: #0F5EA8;--primary-light: #2FAFE6;--primary-dark: #0A4778;--accent: #39BDEB;--accent-light: #7DD3FC;--accent-dark: #0E8AC3;--bg-light: #F8FAFC;--bg-dark: #0F172A;--gradient-primary: linear-gradient(135deg, #0F5EA8, #2FAFE6);--gradient-accent: linear-gradient(135deg, #39BDEB, #7DD3FC);--gradient-primary-accent: linear-gradient(135deg, #0F5EA8, #39BDEB)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-offset)}#particleCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.floating-shapes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.shape{position:absolute;opacity:.22;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.shape-circle{width:80px;height:80px;border-radius:50%;background:var(--coral-light);top:15%;left:8%;animation:shapeFloat1 12s infinite alternate}.shape-circle.small{width:40px;height:40px;background:var(--sky);top:60%;left:85%;animation:shapeFloat2 10s infinite alternate;animation-delay:-3s}.shape-circle.tiny{width:20px;height:20px;background:var(--mint);top:80%;left:15%;animation:shapeFloat3 8s infinite alternate;animation-delay:-5s}.shape-square{width:60px;height:60px;border-radius:12px;background:var(--teal-light);top:35%;right:5%;animation:shapeFloat2 14s infinite alternate;animation-delay:-2s}.shape-square.small{width:30px;height:30px;border-radius:6px;background:var(--amber);top:75%;left:45%;animation:shapeFloat1 9s infinite alternate;animation-delay:-4s}.shape-square.tiny{width:18px;height:18px;border-radius:4px;background:var(--coral);top:25%;left:55%;animation:shapeFloat3 11s infinite alternate;animation-delay:-1s}.shape-triangle{width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:52px solid var(--lavender-light);background:transparent;top:50%;left:3%;animation:shapeFloat3 13s infinite alternate;animation-delay:-6s}.shape-donut{width:50px;height:50px;border-radius:50%;border:8px solid var(--rose);background:transparent;top:10%;right:15%;animation:shapeFloat1 11s infinite alternate;animation-delay:-3s}.shape-cross{width:24px;height:24px;top:45%;left:70%;animation:shapeFloat2 10s infinite alternate;animation-delay:-7s;background:transparent}.shape-cross:before,.shape-cross:after{content:"";position:absolute;background:var(--amber-light);border-radius:3px}.shape-cross:before{width:24px;height:6px;top:9px;left:0}.shape-cross:after{width:6px;height:24px;top:0;left:9px}.shape-diamond{width:30px;height:30px;background:var(--sky-light);top:90%;left:65%;transform:rotate(45deg);border-radius:4px;animation:shapeFloat1 12s infinite alternate;animation-delay:-8s}@keyframes shapeFloat1{0%{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(40px,-30px) rotate(45deg) scale(1.1)}50%{transform:translate(-20px,-60px) rotate(90deg) scale(.9)}75%{transform:translate(30px,-20px) rotate(135deg) scale(1.05)}to{transform:translate(-10px,-50px) rotate(180deg) scale(1)}}@keyframes shapeFloat2{0%{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(-30px,40px) rotate(-30deg) scale(.9)}50%{transform:translate(20px,60px) rotate(-60deg) scale(1.1)}75%{transform:translate(-40px,20px) rotate(-90deg) scale(.95)}to{transform:translate(10px,50px) rotate(-120deg) scale(1)}}@keyframes shapeFloat3{0%{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(50px,-40px) rotate(60deg) scale(1.15)}66%{transform:translate(-30px,30px) rotate(120deg) scale(.85)}to{transform:translate(20px,-20px) rotate(180deg) scale(1)}}[data-theme=dark] .shape{opacity:.12}@media(prefers-reduced-motion:reduce)and (max-width:0px){.shape,#particleCanvas{animation:none!important;display:none}}body{font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--gray-700);background:var(--off-white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--gray-800);line-height:1.2}a{text-decoration:none;color:inherit;transition:color .3s var(--ease-smooth)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}section{scroll-margin-top:var(--nav-offset)}.section{padding:var(--section-padding);position:relative;z-index:1}.section-header{text-align:center;margin-bottom:60px}.section-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:50px;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px}.section-badge.coral{background:#39bdeb1f;color:var(--coral)}.section-badge.teal{background:#2ec4b61f;color:var(--teal-dark)}.section-badge.lavender{background:#9b72cf1f;color:var(--lavender)}.section-badge.amber{background:#f1d7a61f;color:#0f7fb8}.section-badge.sky{background:#56ccf21f;color:#2e9bc4}.section-badge.mint{background:#6bcb771f;color:#4da85a}.section-title{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:16px}.section-subtitle{font-size:1.05rem;color:var(--gray-400);max-width:560px;margin:0 auto}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s var(--ease-smooth),transform .7s var(--ease-smooth)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .7s var(--ease-smooth),transform .7s var(--ease-smooth)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .7s var(--ease-smooth),transform .7s var(--ease-smooth)}.reveal-right.visible{opacity:1;transform:translate(0)}.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;position:relative;overflow:clip;background:var(--off-white)}.hero .container{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:42px;align-items:center;position:relative;z-index:1}.hero-content{position:relative;justify-self:end;width:min(100%,540px);padding:42px 0 48px;isolation:isolate;animation:slideUp .8s var(--ease-smooth) .2s both}.hero-content:before{content:"";position:absolute;left:-170px;top:50%;width:560px;height:560px;background:linear-gradient(135deg,#fafbfd29,#fafbfdbd),url(./hero-bg-D5wifEeM.png) center/cover no-repeat;opacity:.3;filter:blur(2px) saturate(1.05);transform:translateY(-50%);pointer-events:none;z-index:-1;-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,.95) 0%,rgba(0,0,0,.82) 48%,transparent 80%);mask-image:radial-gradient(circle,rgba(0,0,0,.95) 0%,rgba(0,0,0,.82) 48%,transparent 80%)}.hero-content>*{position:relative;z-index:1}.hero-social a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--gray-50);color:var(--gray-500);font-size:1.2rem;transition:all .3s var(--ease-smooth)}.hero-social a:nth-child(1){background:#0077b5;color:#fff}.hero-social a:nth-child(2){background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.hero-social a:nth-child(3){background:red;color:#fff}.hero-social a:nth-child(4){background:#ea4335;color:#fff}.hero-social a:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 6px 20px #00000040;filter:brightness(1.1)}.hero-image{position:relative;display:flex;justify-content:center;flex-direction:column;align-items:center;animation:slideUp .8s var(--ease-smooth) .5s both}.hero-image-wrapper:before{content:"";position:absolute;inset:-8px;border-radius:50%;background:var(--gradient-hero);opacity:.3;animation:spin 20s linear infinite}.hero-image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:6px solid var(--white);box-shadow:var(--shadow-lg);position:relative;z-index:1}.hero-badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:50px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);color:var(--gray-700);font-size:.85rem;font-weight:600}.hero-badge-icon{font-size:1.1rem;line-height:1}.about-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:clamp(36px,5vw,64px);align-items:start}.about-image{position:relative;width:100%;max-width:480px;margin:0 auto;padding-bottom:54px}.about-content{min-width:0}.about-image-card{border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg);position:relative;aspect-ratio:4 / 5}.about-image-card img{width:100%;height:100%;object-fit:cover;display:block}.about-stat{background:var(--white);border-radius:16px;padding:18px 14px;text-align:center;box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.04);min-width:0}.about-content .about-text{font-size:1rem;color:var(--gray-500);margin-bottom:0;line-height:1.8;text-align:justify}.about-content .about-text strong{color:var(--coral);font-weight:700}.about-info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.about-info-item{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border-radius:16px;background:#ffffffb8;border:1px solid var(--gray-100)}.about-info-item .info-text .info-value{font-size:.95rem;font-weight:600;color:var(--gray-700);overflow-wrap:anywhere}.timeline-card p{font-size:.88rem;color:var(--gray-500);line-height:1.6}.philosophy-card{max-width:800px;margin:0 auto;background:linear-gradient(135deg,#39bdeb0a,#2ec4b60a,#9b72cf0a);border-radius:24px;padding:48px;border:1px solid var(--gray-100);position:relative}.philosophy-card .quote-icon{font-size:4rem;line-height:1;background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;font-family:Georgia,serif}.philosophy-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.pillar-card{background:var(--white);border-radius:16px;padding:28px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:all .3s var(--ease-smooth)}.pillar-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.pillar-card .pillar-icon{width:56px;height:56px;min-width:56px;min-height:56px;aspect-ratio:1;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;line-height:1;margin:0 auto 16px;flex-shrink:0;overflow:visible;perspective:600px;perspective-origin:center center}.pillar-card .pillar-icon .icon-inner{display:inline-block;transform-style:preserve-3d;backface-visibility:visible}.pillar-card:nth-child(1) .pillar-icon{background:#39bdeb1f}.pillar-card:nth-child(2) .pillar-icon{background:#2ec4b61f}.pillar-card:nth-child(3) .pillar-icon{background:#9b72cf1f}.pillar-card h4{font-size:1.05rem;margin-bottom:8px}.pillar-card p{font-size:.88rem;color:var(--gray-500);line-height:1.6}.portfolio{background:var(--off-white)}.portfolio-filter{display:flex;justify-content:center;gap:12px;margin-bottom:48px;flex-wrap:wrap}.filter-btn{padding:10px 24px;border:2px solid var(--gray-200);border-radius:50px;background:var(--white);font-family:var(--font-body);font-size:.88rem;font-weight:500;color:var(--gray-500);cursor:pointer;transition:all .3s var(--ease-smooth)}.filter-btn:hover,.filter-btn.active{border-color:var(--coral);color:var(--coral);background:#39bdeb0f}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.portfolio-card{background:var(--white);border-radius:20px;overflow:visible;box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:all .4s var(--ease-smooth)}.portfolio-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.portfolio-card-img{height:200px;overflow:hidden;position:relative}.portfolio-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-smooth)}.portfolio-card:hover .portfolio-card-img img{transform:scale(1.08)}.portfolio-card-img .card-tag{position:absolute;top:12px;right:12px;padding:5px 12px;border-radius:8px;font-size:.75rem;font-weight:600;color:var(--white);z-index:2}.card-tag.rpp{background:var(--coral)}.card-tag.modul{background:var(--teal)}.card-tag.media{background:var(--lavender)}.card-tag.asesmen{background:var(--amber)}.portfolio-card-body{padding:24px}.portfolio-card-body h3{font-size:1.1rem;margin-bottom:8px}.portfolio-card-body p{font-size:.88rem;color:var(--gray-500);line-height:1.6;margin-bottom:16px}.portfolio-card-body .card-link{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:var(--coral);transition:gap .3s var(--ease-smooth)}.portfolio-card-body .card-link:hover{gap:10px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.skill-card{background:var(--off-white);border-radius:16px;padding:28px;border:1px solid var(--gray-100);transition:all .3s var(--ease-smooth)}.skill-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent}.skill-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.skill-card-header .skill-icon{width:44px;height:44px;min-width:44px;min-height:44px;aspect-ratio:1;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;line-height:1;flex-shrink:0;overflow:visible}.skill-card:nth-child(1) .skill-icon{background:#39bdeb1f}.skill-card:nth-child(2) .skill-icon{background:#2ec4b61f}.skill-card:nth-child(3) .skill-icon{background:#9b72cf1f}.skill-card:nth-child(4) .skill-icon{background:#f1d7a61f}.skill-card:nth-child(5) .skill-icon{background:#56ccf21f}.skill-card:nth-child(6) .skill-icon{background:#6bcb771f}.skill-card-header h4{font-size:1rem}.skill-bar{margin-bottom:12px}.skill-bar .skill-info{display:flex;justify-content:space-between;margin-bottom:6px}.skill-bar .skill-name{font-size:.82rem;font-weight:500;color:var(--gray-600)}.skill-bar .skill-percent{font-size:.82rem;font-weight:600;color:var(--gray-400)}.skill-bar .bar{height:6px;background:var(--gray-100);border-radius:6px;overflow:hidden}.skill-bar .bar-fill{height:100%;border-radius:6px;width:0;transition:width 1.2s var(--ease-smooth)}.skill-card:nth-child(1) .bar-fill{background:var(--gradient-warm)}.skill-card:nth-child(2) .bar-fill{background:var(--gradient-cool)}.skill-card:nth-child(3) .bar-fill{background:var(--gradient-lavender)}.skill-card:nth-child(4) .bar-fill{background:var(--gradient-sunset)}.skill-card:nth-child(5) .bar-fill{background:var(--gradient-teal)}.skill-card:nth-child(6) .bar-fill{background:var(--gradient-coral)}[data-theme=dark] .modal-container{border:1px solid rgba(255,255,255,.05)}.modal-header h3{font-size:24px;color:var(--gray-900);margin-bottom:10px}.modal-header p{color:var(--gray-500);font-size:14px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--gray-200)}@media(max-width:768px){.modal-content{padding:30px 20px}.penilaian-grid{grid-template-columns:1fr}}.contact{background:var(--white);position:relative;overflow-x:clip}.contact:before{content:"";position:absolute;bottom:-200px;right:-200px;width:500px;height:500px;background:radial-gradient(circle,rgba(57,189,235,.06) 0%,transparent 70%);border-radius:50%}.contact-details{display:flex;flex-direction:column;gap:20px}.contact-detail-item{display:flex;align-items:center;gap:16px}.contact-detail-item .detail-icon{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;color:#fff;text-decoration:none;transition:all .3s ease}.form-submit:hover{transform:translateY(-2px);box-shadow:0 12px 40px #39bdeb66}.footer-social a:nth-child(1){background:#0077b5}.footer-social a:nth-child(2){background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.footer-social a:nth-child(3){background:red}.footer-social a:nth-child(4){background:#333}@media(max-width:1024px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-content{order:2}.hero-image{order:1}.hero-desc{margin:0 auto 32px}.hero-actions,.hero-social{justify-content:center}.hero-image-wrapper{width:300px;height:300px}.about-grid,.contact-grid{grid-template-columns:1fr}.about-stats{position:relative;margin-top:-50px;justify-content:center}.philosophy-pillars{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}}@media(max-width:768px){.section{padding:60px 0}.section-header{margin-bottom:36px}.timeline:before{left:20px}.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){padding-left:52px;padding-right:0;justify-content:flex-start}.timeline-dot{left:20px}.portfolio-grid{grid-template-columns:1fr}.hero-float{display:none}.about-info-list{grid-template-columns:1fr}.contact-form{padding:24px}}@media(max-width:480px){.hero-name{font-size:2rem}.hero-image-wrapper{width:240px;height:240px}.btn{padding:12px 20px;font-size:.88rem}.skills-grid,.cert-grid{grid-template-columns:1fr}}.back-to-top{position:fixed;bottom:30px;right:30px;width:48px;height:48px;border-radius:14px;background:var(--gradient-warm);color:var(--white);border:none;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s var(--ease-smooth);box-shadow:var(--shadow-glow-coral);z-index:100}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 12px 40px #39bdeb66}.theme-toggle{width:44px;height:44px;border-radius:12px;border:2px solid var(--gray-200);background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s var(--ease-smooth);position:relative;overflow:hidden;flex-shrink:0}.nav-actions .theme-toggle{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}.nav-actions .hamburger{width:44px;height:44px;padding:0;align-items:center;justify-content:center}.theme-toggle:hover{border-color:var(--coral-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-toggle .theme-icon{transition:transform .4s var(--ease-bounce);display:inline-block}.theme-toggle:hover .theme-icon{transform:rotate(30deg) scale(1.1)}.hero{background:#fafbfde0!important}.about{background:#ffffffd9!important}.education{background:#fafbfdd9!important}.philosophy{background:#ffffffd9!important}.portfolio{background:#fafbfdd9!important}.skills{background:#ffffffd9!important}.certificates{background:#fafbfdd9!important}.contact{background:#ffffffd9!important}.footer{background:#0d1117eb!important}[data-theme=dark] .hero{background:#14161dd9!important}[data-theme=dark] .about{background:#1a1d26d1!important}[data-theme=dark] .education{background:#14161dd1!important}[data-theme=dark] .philosophy{background:#1a1d26d1!important}[data-theme=dark] .portfolio{background:#14161dd1!important}[data-theme=dark] .skills{background:#1a1d26d1!important}[data-theme=dark] .certificates{background:#14161dd1!important}[data-theme=dark] .contact{background:#1a1d26d1!important}[data-theme=dark] .footer{background:#0a0c12e6!important}[data-theme=dark]{--white: #1a1d26;--off-white: #14161d;--gray-50: #1e2029;--gray-100: #252833;--gray-200: #323644;--gray-300: #454a5c;--gray-400: #7b8399;--gray-500: #9ba3b5;--gray-600: #b8bed0;--gray-700: #d4d9e6;--gray-800: #edf0f7;--gray-900: #f8f9fc;--glass-bg: rgba(26, 29, 38, .75);--glass-border: rgba(255, 255, 255, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .35);--shadow-xl: 0 16px 60px rgba(0, 0, 0, .4)}[data-theme=dark] .hero-content:before{opacity:.16;filter:blur(2px) brightness(.72) saturate(.9)}[data-theme=dark] .hero-badge{background:#1a1d26c2;border-color:#ffffff14;color:var(--gray-600)}[data-theme=dark] .hero-social a:hover{filter:brightness(1.15)}@media(max-width:768px){[data-theme=dark] .nav-links{background:#0d1117fa;border-bottom-color:var(--accent, #39BDEB)}[data-theme=dark] .nav-links a{color:#ffffffd6}[data-theme=dark] .nav-links a:hover,[data-theme=dark] .nav-links a.active{color:var(--accent-light, #7DD3FC)}}.loading-screen{position:fixed;inset:0;background:radial-gradient(circle at 30% 24%,rgba(57,189,235,.34),transparent 34%),radial-gradient(circle at 74% 68%,rgba(46,196,182,.22),transparent 32%),linear-gradient(135deg,#0a4778,#0f5ea8 52%,#0d1117);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;transition:opacity .75s cubic-bezier(.4,0,.2,1),visibility .75s cubic-bezier(.4,0,.2,1),transform .75s cubic-bezier(.4,0,.2,1)}.loading-screen:before{content:"";position:absolute;width:min(520px,88vw);height:min(520px,88vw);border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:loaderOrbit 5s linear infinite}.loading-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.08) 48%,transparent 62%);transform:translate(-100%);animation:loaderSweep 2.2s ease-in-out infinite}.loading-screen.hidden{opacity:0;visibility:hidden;transform:scale(1.02);pointer-events:none}.loading-content{position:relative;z-index:1;text-align:center;color:#fff;transform:translateY(8px);animation:loaderContentIn .7s cubic-bezier(.2,.8,.2,1) forwards}.loading-logo{font-family:var(--font-heading);font-size:4rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#fff,#7dd3fc 48%,#2ec4b6);-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;text-shadow:0 18px 60px rgba(57,189,235,.35);animation:loadingPulse 1.35s ease-in-out infinite alternate}.loading-text{font-size:1rem;opacity:.86;margin-bottom:24px;letter-spacing:.08em}.loading-bar{width:min(260px,70vw);height:4px;background:#fff3;border-radius:4px;margin:0 auto;overflow:hidden;box-shadow:0 0 24px #39bdeb2e}.loading-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#7dd3fc,#fff,#2ec4b6);border-radius:4px;animation:loadingFill 1.45s cubic-bezier(.65,0,.35,1) forwards}@keyframes loadingPulse{0%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0 rgba(125,211,252,0))}to{transform:translateY(-4px) scale(1.035);filter:drop-shadow(0 0 22px rgba(125,211,252,.36))}}@keyframes loadingFill{to{width:100%}}@keyframes loaderContentIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loaderOrbit{0%{transform:rotate(0) scale(.96)}to{transform:rotate(360deg) scale(1.04)}}@keyframes loaderSweep{0%{transform:translate(-110%)}48%,to{transform:translate(110%)}}@media(prefers-reduced-motion:reduce)and (max-width:0px){.loading-screen,.loading-screen:before,.loading-screen:after,.loading-content,.loading-logo,.loading-bar-fill{animation:none!important;transition:opacity .2s ease,visibility .2s ease!important}.loading-bar-fill{width:100%}}.cert-card{transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.cert-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0f5ea826}.cert-btn{display:block;margin-top:12px;padding:8px 16px;background:linear-gradient(135deg,#0f5ea8,#2fafe6);color:#fff!important;border-radius:8px;font-size:.8rem;font-weight:600;text-decoration:none;text-align:center;transition:all .3s ease;cursor:pointer;border:none}.cert-btn:hover{background:linear-gradient(135deg,#39bdeb,#7dd3fc);transform:translateY(-2px);box-shadow:0 4px 12px #0f5ea84d}.cert-card-content h4{margin-bottom:4px}.accordion{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.accordion-item{border-radius:16px;border:1px solid var(--gray-200);overflow:hidden;background:var(--white);box-shadow:var(--shadow-sm)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:none;border:none;cursor:pointer;font-size:1rem;font-weight:600;color:var(--gray-700);text-align:left;transition:background .3s ease;gap:12px;font-family:var(--font-body)}.accordion-header:hover{background:#0f5ea80a}.accordion-header[aria-expanded=true]{background:#0f5ea80f;color:#0f5ea8}.accordion-icon{transition:transform .3s ease;flex-shrink:0}.accordion-header[aria-expanded=true] .accordion-icon{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height .4s ease}.accordion-body.open{max-height:500px}.accordion-list{padding:16px 24px 20px;display:flex;flex-direction:column;gap:12px}.accordion-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:16px;flex-wrap:wrap;transition:all .3s ease}.accordion-row:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000a;border-color:#0f5ea84d}.acc-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.acc-status{font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;min-width:110px;text-transform:uppercase;letter-spacing:.5px}.acc-status.done{background:#22c55e1a;color:#16a34a}.acc-status.process{background:#39bdeb1a;color:#0284c7}.acc-status.waiting{background:#94a3b81a;color:#64748b}.acc-label{font-size:.95rem;color:var(--gray-800);font-weight:600}.btn-download-new{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#0f5ea814;color:#0f5ea8!important;border-radius:24px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-download-new:hover{background:#0f5ea8;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #0f5ea833}.btn-download-new.disabled{background:var(--gray-100);color:var(--gray-400)!important;cursor:not-allowed;pointer-events:none;box-shadow:none}[data-theme=dark] .accordion-item{background:var(--surface);border-color:var(--border)}[data-theme=dark] .accordion-row{background:var(--gray-50)}[data-theme=dark] .accordion-row:hover{box-shadow:0 6px 16px #0003;border-color:#39bdeb66}[data-theme=dark] .acc-status.done{color:#4ade80}[data-theme=dark] .acc-status.process{color:#38bdf8}[data-theme=dark] .acc-status.waiting{color:#94a3b8}[data-theme=dark] .btn-download-new{background:#39bdeb26;color:#39bdeb!important}[data-theme=dark] .btn-download-new:hover{background:#39bdeb;color:#0b1120!important;box-shadow:0 4px 12px #39bdeb4d}[data-theme=dark] .btn-download-new.disabled{background:#ffffff0d;color:#fff3!important}[data-theme=dark] .accordion-header[aria-expanded=true]{color:var(--accent, #39BDEB)}[data-theme=dark] .accordion-header[aria-expanded=true],[data-theme=dark] .accordion-header:hover{background:#39bdeb0f}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-grid .gallery-item{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:4/3;background:var(--gray-100)}.gallery-grid .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-grid .gallery-item:hover img{transform:scale(1.08)}.gallery-overlay{position:absolute;inset:0;background:#0f5ea899;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;font-size:2rem;color:#fff}.gallery-grid .gallery-item:hover .gallery-overlay{opacity:1}.lightbox{position:fixed;inset:0;background:#000000e6;z-index:5000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.lightbox.active{opacity:1;visibility:visible}.lightbox-content{max-width:90vw;max-height:90vh;text-align:center}.lightbox-content img{max-width:100%;max-height:80vh;border-radius:8px;object-fit:contain}.lightbox-caption{color:#fffc;margin-top:12px;font-size:.9rem}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;background:#ffffff1a;border:none;color:#fff;cursor:pointer;font-size:1.5rem;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:#39bdeb99}.lightbox-close{top:20px;right:20px;font-size:1.2rem}.lightbox-prev{left:20px;font-size:2rem}.lightbox-next{right:20px;font-size:2rem}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.gallery-grid{grid-template-columns:1fr 1fr}}.footer-top{display:grid;grid-template-columns:1fr auto;gap:60px;margin-bottom:40px}.footer-brand .footer-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:12px;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:white;background-clip:unset}.footer-brand .footer-logo span{font-size:.85rem;font-weight:400;opacity:.6;margin-left:0;margin-top:6px}.footer-tagline{font-size:.85rem;opacity:.6;line-height:1.6;margin-bottom:20px}.footer-social{display:flex;gap:10px}.footer-social a{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .3s ease;text-decoration:none;color:#fff}.social-link.linkedin{background:#0077b5;color:#fff}.social-link.linkedin:hover{background:#005f8d;transform:translateY(-3px)}.social-link.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.social-link.instagram:hover{filter:brightness(1.1);transform:translateY(-3px)}.social-link.youtube{background:red;color:#fff}.social-link.youtube:hover{background:#c00;transform:translateY(-3px)}.social-link.github{background:#333;color:#fff}.social-link.github:hover{background:#000;transform:translateY(-3px)}.footer-sitemap h5{color:#fff;font-size:.9rem;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:.1em}.footer-sitemap ul{display:grid;grid-template-columns:repeat(3,auto);gap:8px 24px}.footer-sitemap a{color:#ffffff8c;font-size:.85rem;text-decoration:none;transition:color .2s ease}.footer-sitemap a:hover{color:#39bdeb}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;text-align:center}.footer-bottom p{font-size:.85rem;opacity:.5}@media(max-width:768px){.footer-top{grid-template-columns:1fr;gap:32px}.footer-sitemap ul{grid-template-columns:repeat(2,auto)}}.section-badge.amber{background:#39bdeb1a;color:#39bdeb}.profil-narasi{margin-bottom:16px;padding:18px 20px;border-left:4px solid #0F5EA8;background:#0f5ea80a;border-radius:0 16px 16px 0;box-shadow:0 10px 30px #0f172a0a;transition:border-color .3s ease,background .3s ease,transform .3s ease}.profil-narasi:hover{border-color:#39bdeb;background:#39bdeb08;transform:translate(2px)}.narasi-heading{font-size:1rem;font-weight:700;color:#0f5ea8;margin-bottom:8px}.profil-quote{position:relative;margin-top:24px;padding:24px 24px 24px 56px;background:linear-gradient(135deg,#0f5ea80a,#39bdeb08);border-radius:16px;border:1px solid rgba(15,94,168,.1)}.profil-quote:before{content:"“";position:absolute;left:16px;top:10px;font-size:4rem;line-height:1;font-family:Georgia,serif;background:linear-gradient(135deg,#0f5ea8,#39bdeb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profil-quote p{font-style:italic;color:var(--gray-600);font-size:1rem;line-height:1.7;margin-bottom:8px}.profil-quote cite{font-size:.85rem;font-weight:600;color:#0f5ea8;font-style:normal}.life-timeline{margin-top:28px;padding:22px;border-radius:18px;background:#ffffffb8;border:1px solid var(--gray-100);box-shadow:0 10px 30px #0f172a0a;overflow:hidden}.life-timeline-title{font-size:1rem;font-weight:700;color:#0f5ea8;margin-bottom:18px}.life-timeline-track{display:flex;align-items:flex-start;gap:0;width:100%}.life-step{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:8px;min-width:58px}.life-step-dot{width:44px;height:44px;border-radius:50%;background:var(--gray-50);border:2px solid var(--gray-200);display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;text-align:center;transition:all .3s ease;overflow:hidden}.life-step-line{height:2px;flex:1 1 24px;min-width:18px;background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-300) 100%);margin-top:22px;border-radius:2px}[data-theme=dark] .profil-narasi{background:#39bdeb0a;border-color:#39bdeb}[data-theme=dark] .narasi-heading{color:#39bdeb}[data-theme=dark] .profil-quote{background:linear-gradient(135deg,#0f5ea814,#39bdeb0d);border-color:#39bdeb33}[data-theme=dark] .profil-quote cite{color:#39bdeb}[data-theme=dark] .life-timeline,[data-theme=dark] .about-info-item{background:#ffffff0a;border-color:#39bdeb24}[data-theme=dark] .life-timeline-title,[data-theme=dark] .life-step.active .life-step-label{color:#7dd3fc}[data-theme=dark] .life-step-dot{background:#ffffff0f;border-color:#ffffff1f}.portfolio-card[data-siklus=siklus3]{position:relative}.portfolio-card[data-siklus=siklus3]:hover{transform:translateY(-4px)}@media(max-width:768px){html,body{overflow-x:hidden}.navbar .container{padding-left:16px;padding-right:16px}.theme-toggle,.home-btn,.hamburger{min-width:40px;min-height:40px}.hero .container{grid-template-columns:1fr!important;gap:28px!important;padding-left:16px;padding-right:16px}.hero-content{width:100%!important;justify-self:center!important;padding-top:96px!important;text-align:center}.hero-actions{justify-content:center}.hero-actions .btn{min-height:44px}.hero-social{justify-content:center}.hero-image{justify-self:center!important}.section,.portfolio,.contact,.gallery{overflow-x:hidden}.footer-top,.footer-bottom{text-align:center}}@media(max-width:420px){.hero-name{font-size:clamp(2rem,12vw,2.8rem)!important}.hero-desc{font-size:.92rem!important}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;justify-content:center}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:16px 0;transition:all .4s var(--ease-smooth)}.navbar.scrolled{padding:10px 0;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.navbar .container{display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center}.nav-logo img{height:36px;width:auto;object-fit:contain;transition:transform .3s ease;background:#ffffffe6;border-radius:8px;padding:4px 6px}.nav-logo:hover img{transform:scale(1.08)}[data-theme=dark] .nav-logo img{background:#fffffff2}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{font-size:.9rem;font-weight:500;color:var(--gray-600);position:relative;padding:4px 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;border-radius:2px;background:var(--gradient-warm);transition:width .3s var(--ease-smooth)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a:hover{color:var(--coral)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;background:none;border:none;padding:4px}.hamburger span{display:block;width:26px;height:2.5px;background:var(--gray-700);border-radius:4px;transition:all .3s var(--ease-smooth)}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,#0f5ea8,#39bdeb);z-index:1001;transition:width .1s linear}.home-btn{width:44px;height:44px;border-radius:12px;border:2px solid var(--gray-200, #eee);background:var(--white, #fff);color:var(--coral, #39BDEB);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .3s var(--ease-smooth, ease);position:relative;overflow:hidden;flex-shrink:0;padding:0}.home-btn i{background:linear-gradient(135deg,var(--teal, #2EC4B6),var(--coral, #39BDEB));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;transition:all .3s ease}.home-btn:hover{border-color:var(--coral-light, #7DD3FC);transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 20px rgba(0,0,0,.08))}.home-btn:hover i{background:linear-gradient(135deg,var(--coral, #39BDEB),var(--lavender, #9B72CF));-webkit-background-clip:text;background-clip:text}[data-theme=dark] .home-btn{background:var(--white);border-color:var(--gray-200)}[data-theme=dark] .home-btn:hover{border-color:var(--coral, #39BDEB)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:clip;background:var(--off-white)}.hero:before{content:"";position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(57,189,235,.15) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite}.hero:after{content:"";position:absolute;bottom:-10%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(46,196,182,.12) 0%,transparent 70%);border-radius:50%;animation:float 10s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-content{animation:slideUp .8s var(--ease-smooth) .2s both}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-greeting{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:500;color:var(--coral);margin-bottom:16px}.hero-greeting .wave{display:inline-block;animation:wave 2.5s ease-in-out infinite;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%,to{transform:rotate(0)}}.hero-name{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;margin-bottom:8px;color:var(--gray-800)}.hero-name .highlight{background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-role{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:500;color:var(--gray-400);margin-bottom:24px}.hero-role .typed-text{color:var(--teal);font-weight:600}.hero-role .cursor{display:inline-block;width:2px;height:1.2em;background:var(--teal);margin-left:2px;animation:blink 1s steps(1) infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}.hero-desc{font-size:1rem;color:var(--gray-500);max-width:480px;margin-bottom:32px;line-height:1.8}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:12px;font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .3s var(--ease-smooth)}.btn-primary{background:var(--gradient-warm);color:var(--white);box-shadow:var(--shadow-glow-coral)}.btn-primary i{color:gold}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #39bdeb66}.btn-secondary{background:var(--white);color:var(--gray-700);border:2px solid var(--gray-200)}.btn-secondary i{color:#0f5ea8}.btn-secondary:hover{border-color:var(--coral-light);color:var(--coral);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary:hover i{color:var(--coral)}[data-theme=dark] .btn-primary i{color:gold}[data-theme=dark] .btn-secondary i{color:#39bdeb}[data-theme=dark] .btn-secondary:hover i{color:var(--coral-light)}.hero-social{display:flex;gap:12px;margin-top:32px}.hero-social a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;font-size:1.2rem;transition:all .3s var(--ease-smooth)}.hero-social a:nth-child(1){background:#0077b5}.hero-social a:nth-child(2){background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.hero-social a:nth-child(3){background:red}.hero-social a:nth-child(4){background:#ea4335}.hero-social a:hover{transform:translateY(-3px) scale(1.08);filter:brightness(1.1);box-shadow:0 6px 20px #00000040}.hero-image{position:relative;display:flex;justify-content:center;animation:slideUp .8s var(--ease-smooth) .5s both}.hero-image-wrapper{position:relative;width:380px;height:380px}.hero-image-wrapper:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(#0f5ea8,#39bdeb,#0f5ea8,#39bdeb,#0f5ea8);animation:spinGradient 4s linear infinite;z-index:0}@keyframes spinGradient{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.hero-image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid var(--white);box-shadow:var(--shadow-lg);position:relative;z-index:1}.hero-float{position:absolute;border-radius:16px;padding:12px 20px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);font-size:.85rem;font-weight:600;z-index:2;animation:floatBadge 4s ease-in-out infinite}.hero-float:nth-child(2){animation-delay:-1s}.hero-float:nth-child(3){animation-delay:-2s}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-float.top-right{top:15%;left:80%}.hero-float.bottom-left{bottom:15%;right:75%}.hero-float.top-left{top:45%;right:85%}.hero-float .float-icon{font-size:1.3rem;margin-right:6px}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2}.scroll-indicator span{font-size:.75rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.1em}.scroll-indicator .mouse{width:24px;height:38px;border:2px solid var(--gray-300);border-radius:12px;position:relative}.scroll-indicator .mouse:after{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:4px;height:8px;background:var(--coral);border-radius:4px;animation:scrollDown 1.5s ease-in-out infinite}@keyframes scrollDown{0%{opacity:1;top:6px}to{opacity:0;top:20px}}.about{background:var(--white)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.about-image{position:relative;display:flex;flex-direction:column;gap:28px;padding-bottom:0}.about-image-card{border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg);position:relative;transition:box-shadow .4s ease;aspect-ratio:4 / 5;width:100%}.about-image-card img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.about-image-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#39bdeb1a,#2ec4b61a)}.about-stats{position:relative;margin-top:-50px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:calc(100% - 32px);max-width:420px;z-index:2}.about-stat{background:var(--white);border-radius:16px;padding:16px 20px;text-align:center;box-shadow:var(--shadow-md);min-width:90px}.about-stat .number{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-stat .stat-icon{display:flex;align-items:center;justify-content:center;margin-bottom:6px}.about-stat .stat-icon svg{width:48px;height:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08));transition:transform .3s ease}.about-stat:hover .stat-icon svg{transform:scale(1.1) rotate(-3deg)}.about-stat .label{font-size:.75rem;color:var(--gray-400);font-weight:500;margin-top:2px}.about-content .about-text{font-size:1rem;color:var(--gray-500);margin-bottom:20px;line-height:1.8;text-align:justify}.about-content .about-text strong{color:var(--coral)}[data-theme=dark] .about-content .about-text strong{color:#7dd3fc}.about-info-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;padding-top:8px}.about-info-item{display:flex;align-items:center;gap:12px}.about-info-item .info-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.about-info-item .info-icon.coral{background:#39bdeb1f}.about-info-item .info-icon.teal{background:#2ec4b61f}.about-info-item .info-icon.lavender{background:#9b72cf1f}.about-info-item .info-icon.amber{background:#f1d7a61f}.about-info-item .info-text .info-label{font-size:.75rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.about-info-item .info-text .info-value{font-size:.95rem;font-weight:600;color:var(--gray-700)}.life-timeline{margin-top:60px;padding-top:12px}.life-timeline-title{font-size:1rem;font-weight:700;color:var(--gray-700);margin-bottom:20px}.life-timeline-track{display:flex;align-items:flex-start;gap:0;overflow-x:auto;padding:24px 0 8px;scrollbar-width:thin;scrollbar-color:var(--gray-200) transparent}.life-step{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.life-step-dot{width:44px;height:44px;border-radius:50%;background:var(--gray-100);border:2px solid var(--gray-200);display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;text-align:center;transition:all .3s ease;cursor:default;overflow:visible}.life-step:hover .life-step-dot,.life-step.active .life-step-dot{background:radial-gradient(circle at center,#2ec4b6,#0f5ea8);border-color:transparent;transform:scale(1.08);box-shadow:0 0 14px #0f5ea840}.life-step.active .life-step-dot{animation:lifePulse 3s ease-in-out infinite}@keyframes lifePulse{0%,to{box-shadow:0 0 14px #0f5ea840}50%{box-shadow:0 0 20px #2ec4b659}}.life-step-label{text-align:center;font-size:.75rem;font-weight:600;color:var(--gray-600);line-height:1.3}.life-step-label span{display:block;font-size:.7rem;font-weight:400;color:var(--gray-400);margin-top:2px}.life-step.active .life-step-label{color:#0f5ea8}.life-step.active .life-step-label span{color:#39bdeb;font-weight:600}.life-step-line{height:2px;flex:1;min-width:20px;background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-300) 100%);margin-top:22px;border-radius:2px}[data-theme=dark] .life-step-dot{background:var(--gray-100);border-color:var(--gray-200)}[data-theme=dark] .life-step:hover .life-step-dot,[data-theme=dark] .life-step.active .life-step-dot{background:radial-gradient(circle at center,#39bdeb,#2fafe6)}[data-theme=dark] .life-step.active .life-step-label{color:#7dd3fc}[data-theme=dark] .life-step-line{background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-300) 100%)}.education{background:var(--off-white)}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:3px;height:100%;background:var(--gradient-hero);border-radius:3px;opacity:.3}.timeline-item{display:flex;margin-bottom:40px;position:relative}.timeline-item:nth-child(odd){justify-content:flex-start;padding-right:calc(50% + 40px)}.timeline-item:nth-child(2n){justify-content:flex-end;padding-left:calc(50% + 40px)}.timeline-dot{position:absolute;left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;background:var(--white);border:3px solid var(--coral);z-index:1;top:24px}.timeline-item:nth-child(2n) .timeline-dot{border-color:var(--teal)}.timeline-card{background:var(--white);border-radius:16px;padding:24px;box-shadow:var(--shadow-md);transition:all .3s var(--ease-smooth);border:1px solid var(--gray-100)}.timeline-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.timeline-year{display:inline-block;padding:4px 12px;border-radius:8px;font-size:.8rem;font-weight:600;margin-bottom:8px}.timeline-item:nth-child(odd) .timeline-year{background:#39bdeb1f;color:var(--coral)}.timeline-item:nth-child(2n) .timeline-year{background:#2ec4b61f;color:var(--teal-dark)}.timeline-card h3{font-size:1.1rem;margin-bottom:4px}.timeline-card .institution{font-size:.9rem;color:var(--gray-400);margin-bottom:8px}.timeline-card p{font-size:.88rem;color:var(--gray-500);line-height:1.6;text-align:justify}.timeline-card p strong{color:var(--coral);font-weight:700}[data-theme=dark] .timeline-card p strong{color:#7dd3fc}.timeline-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.edu-logo{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;flex-shrink:0;color:#fff}.edu-logo-ppg,.edu-logo-s1{background:#fff;padding:4px;border:1px solid rgba(0,0,0,.08)}.edu-logo-ppg img,.edu-logo-s1 img{width:100%;height:100%;object-fit:contain;border-radius:50%}.edu-logo-smk{background:#fff;padding:4px;border:1px solid rgba(0,0,0,.08)}.edu-logo-smk img{width:100%;height:100%;object-fit:contain;border-radius:50%}.edu-info{display:flex;flex-direction:column;gap:4px}.badge-ongoing{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#39bdeb1a;color:#39bdeb;border-radius:50px;font-size:.75rem;font-weight:600;border:1px solid rgba(57,189,235,.3)}.ppg-era .timeline-dot{border-color:#0f5ea8;background:#0f5ea8}.s1-era .timeline-dot{border-color:#39bdeb}.smk-era .timeline-dot{border-color:#2ec4b6}.portfolio{background:linear-gradient(180deg,#ffffffe0,#f6f8fbf5),var(--off-white)}.portfolio-tabs{display:flex;justify-content:center;gap:6px;width:fit-content;max-width:100%;margin:0 auto 18px;padding:6px;border-radius:16px;background:#ff6b6b14;border:1px solid rgba(255,107,107,.12);flex-wrap:wrap}.tab-btn{min-height:42px;padding:10px 22px;border:0;border-radius:12px;background:transparent;color:var(--coral-dark);font-family:var(--font-body);font-size:.88rem;font-weight:700;cursor:pointer;transition:background .25s ease,color .25s ease,box-shadow .25s ease}.tab-btn.active,.tab-btn:hover{background:var(--gradient-warm);color:#fff;box-shadow:0 10px 24px #ff6b6b38}.portfolio-filter{display:flex;justify-content:center;gap:10px;margin-bottom:34px;flex-wrap:wrap}.filter-btn{min-height:40px;padding:9px 18px;border:1px solid rgba(15,94,168,.12);border-radius:999px;background:#ffffffc2;box-shadow:0 8px 22px #0f172a0a;color:var(--gray-500);font-family:var(--font-body);font-size:.86rem;font-weight:650;cursor:pointer;transition:all .25s var(--ease-smooth)}.filter-btn:hover,.filter-btn.active{border-color:#ff6b6b73;background:#ff6b6b1a;color:var(--coral-dark);box-shadow:0 12px 28px #ff6b6b24}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:26px;align-items:stretch}.portfolio-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:18px;background:#ffffffeb;border:1px solid rgba(15,94,168,.09);box-shadow:0 18px 48px #0f172a14;transition:transform .35s var(--ease-smooth),box-shadow .35s ease,border-color .35s ease}.portfolio-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#ff6b6b,#f1d7a6,#2ec4b6);opacity:0;transition:opacity .35s ease;z-index:3}.portfolio-card:hover{transform:translateY(-6px);border-color:#39bdeb47;box-shadow:0 28px 70px #0f172a24}.portfolio-card:hover:before{opacity:1}.portfolio-card-img{position:relative;height:230px;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#0f5ea814,#2ec4b614),#f8fafc}.portfolio-card-img:after{content:"";position:absolute;inset:auto 18px 0;height:1px;background:#0f5ea814;z-index:2}.portfolio-card-img img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:saturate(.96) contrast(1.02);transition:transform .55s var(--ease-smooth),filter .35s ease}.portfolio-card:hover .portfolio-card-img img{transform:scale(1.045);filter:saturate(1.04) contrast(1.04)}.card-img-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;background:linear-gradient(180deg,#0f5ea814,#0f5ea8ad);transition:opacity .35s ease;z-index:1}.portfolio-card:hover .card-img-overlay,.portfolio-card-img:focus-visible .card-img-overlay{opacity:1}.card-img-overlay span{color:#fff;font-size:.88rem;font-weight:750;background:#ffffff2e;border:1px solid rgba(255,255,255,.45);padding:10px 18px;border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.portfolio-card-img .card-tag{position:absolute;top:14px;right:14px;z-index:2;padding:7px 12px;border-radius:999px;color:#fff;font-size:.72rem;font-weight:750;letter-spacing:.02em;box-shadow:0 10px 24px #0f172a2e}.card-tag.rpp{background:linear-gradient(135deg,#ff6b6b,#e24a4a)}.card-tag.modul{background:linear-gradient(135deg,#2ec4b6,#1b998b)}.card-tag.media{background:linear-gradient(135deg,#9b72cf,#6d5bd0)}.card-tag.asesmen{background:linear-gradient(135deg,#f1d7a6,#f59e0b)}.card-tag.sky{background:linear-gradient(135deg,#56ccf2,#2d9cdb)}.card-tag.coral{background:linear-gradient(135deg,#ff6b6b,#f1d7a6)}.portfolio-card-body{display:flex;flex:1;flex-direction:column;padding:22px}.portfolio-card-body h3{color:#0f5ea8;font-size:1.06rem;line-height:1.35;margin-bottom:10px}.portfolio-card-body p{color:var(--gray-500);font-size:.9rem;line-height:1.68;margin-bottom:18px}.portfolio-card-body .card-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;margin-top:auto;min-height:40px;padding:9px 16px;border:0;border-radius:12px;background:#0f5ea814;color:#0f5ea8;font-family:var(--font-body);font-size:.86rem;font-weight:750;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}.portfolio-card-body .card-link:hover{background:#0f5ea8;color:#fff;transform:translateY(-1px)}[data-theme=dark] .portfolio{background:linear-gradient(180deg,#14161de6,#12141bf5),var(--gray-900)}[data-theme=dark] .portfolio-tabs{background:#ffffff0d;border-color:#ffffff17}[data-theme=dark] .tab-btn{color:#ffffffb8}[data-theme=dark] .tab-btn.active,[data-theme=dark] .tab-btn:hover{background:#39bdeb;color:#fff;box-shadow:0 12px 28px #39bdeb33}[data-theme=dark] .filter-btn{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffa8}[data-theme=dark] .filter-btn:hover,[data-theme=dark] .filter-btn.active{background:#39bdeb1f;border-color:#39bdeb6b;color:#7dd3fc}[data-theme=dark] .portfolio-card{background:#ffffff0e;border-color:#ffffff1a;box-shadow:0 18px 48px #0000003d}[data-theme=dark] .portfolio-card:hover{border-color:#39bdeb52}[data-theme=dark] .portfolio-card-img{background:linear-gradient(135deg,#39bdeb14,#2ec4b612),#ffffff0a}[data-theme=dark] .portfolio-card-body h3{color:#ffffffe0}[data-theme=dark] .portfolio-card-body p{color:#ffffffa3}[data-theme=dark] .portfolio-card-body .card-link{background:#39bdeb1f;color:#7dd3fc}[data-theme=dark] .portfolio-card-body .card-link:hover{background:#39bdeb;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0c10d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .4s var(--ease-bounce);padding:20px}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background:var(--white);width:100%;max-width:800px;max-height:90vh;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);position:relative;transform:translateY(30px) scale(.95);transition:all .4s var(--ease-bounce);overflow-y:auto;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .modal-container{background:linear-gradient(180deg,#111827,#0f172a);border:1px solid rgba(125,211,252,.18);box-shadow:0 28px 80px #00000085}.modal-overlay.active .modal-container{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:20px;right:20px;background:var(--gray-100);border:none;width:40px;height:40px;min-width:40px;min-height:40px;aspect-ratio:1;padding:0;border-radius:999px;font-size:24px;line-height:1;color:var(--gray-600);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.modal-close:hover{background:var(--coral-light);color:var(--coral);transform:rotate(90deg)}[data-theme=dark] .modal-close{background:#94a3b824;color:#e2e8f0;border:1px solid rgba(148,163,184,.22)}[data-theme=dark] .modal-close:hover{background:#fb71852e;color:#fda4af}.modal-content{padding:40px}.modal-header h3{font-size:24px;color:var(--gray-900);margin-bottom:10px;line-height:1.35}[data-theme=dark] .modal-header h3{color:#f8fafc}.modal-type-badge{display:inline-block;background:linear-gradient(135deg,#2ec4b61f,#56ccf21f);color:var(--teal-dark);border:1px solid rgba(46,196,182,.3);font-size:13px;font-weight:600;padding:5px 14px;border-radius:50px;margin-bottom:24px}[data-theme=dark] .modal-type-badge{background:#0ea5e929;color:#bae6fd;border-color:#38bdf857}.modal-header{padding-bottom:20px;border-bottom:2px solid var(--gray-100);margin-bottom:8px}[data-theme=dark] .modal-header{border-bottom-color:#94a3b838}.modal-body h4{font-size:18px;color:var(--gray-800);margin-top:24px;margin-bottom:12px;display:flex;align-items:center;gap:8px}[data-theme=dark] .modal-body h4{color:#e0f2fe}.modal-body p,.modal-body ul{color:var(--gray-600);line-height:1.8;margin-bottom:16px}[data-theme=dark] .modal-body p,[data-theme=dark] .modal-body ul{color:#cbd5e1}[data-theme=dark] .modal-body li{color:#d7e3f0}[data-theme=dark] .modal-content .modal-header h3[style]{color:#f8fafc!important}[data-theme=dark] .modal-content .modal-header p[style]{color:#bae6fd!important}[data-theme=dark] .modal-content .modal-body h4[style]{color:#e0f2fe!important}[data-theme=dark] .modal-content .modal-body p[style],[data-theme=dark] .modal-content .modal-body li[style]{color:#d7e3f0!important}[data-theme=dark] .modal-content .modal-body p[style*="font-style: italic"]{color:#c4b5fd!important;border-left-color:#c4b5fd73!important}[data-theme=dark] .modal-content .modal-body strong[style*="color:#0F5EA8"]{color:#93c5fd!important}[data-theme=dark] .modal-content .modal-body strong[style*="color:#FF6B6B"]{color:#fda4af!important}.modal-body ul{padding-left:20px}.modal-body li{margin-bottom:8px}.penilaian{background:var(--off-white)}.penilaian-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.penilaian-card{background:var(--white);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:transform .4s var(--ease-bounce),box-shadow .4s ease}.penilaian-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md)}.penilaian-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px dashed var(--gray-200)}.penilaian-header h3{font-size:24px;color:var(--teal-dark);margin-bottom:8px}.penilaian-header p{color:var(--gray-500);font-size:15px}.penilaian-list{list-style:none}.penilaian-list li{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--gray-100)}.penilaian-list li:last-child{border-bottom:none}.penilaian-list span{font-weight:500;color:var(--gray-700)}.btn-download{padding:8px 16px;background:var(--gray-100);color:var(--gray-700);border-radius:var(--radius-full);font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-download:hover{background:var(--teal);color:#fff;transform:scale(1.05)}@media(max-width:768px){.modal-content{padding:25px 15px}.penilaian-grid{grid-template-columns:1fr}.modal-close{top:10px;right:10px;width:32px;height:32px;font-size:18px}.modal-header{padding-right:25px!important}.modal-header h3{font-size:1.25rem!important}.modal-body iframe{height:60vh!important}.pdf-preview iframe{height:50vh!important}}@media(max-width:480px){.modal-header a{width:100%;justify-content:center}.modal-body iframe{height:55vh!important}}.modal-files{margin-top:28px;padding-top:20px;border-top:1.5px dashed var(--gray-200)}.modal-file-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.modal-file-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--off-white);border:2px solid var(--gray-200);border-radius:50px;font-size:.85rem;font-weight:600;color:var(--gray-700);text-decoration:none;transition:all .3s var(--ease-smooth);cursor:pointer}.modal-file-btn:hover{background:var(--teal);border-color:var(--teal);color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #2ec4b647}.modal-pdf-preview{margin-top:28px;padding-top:20px;border-top:1.5px dashed var(--gray-200)}.pdf-embed-wrapper{margin-top:12px;border-radius:12px;overflow:hidden;border:1px solid var(--gray-200);background:var(--gray-50)}.pdf-embed{width:100%;height:420px;display:block;border:none}.pdf-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center;color:var(--gray-500)}.pdf-fallback span{font-size:3rem}.pdf-fallback p{font-size:.9rem;margin:0}@media(max-width:768px){.pdf-embed{height:280px}.modal-file-list{flex-direction:column}.modal-file-btn{justify-content:center}}.portfolio-card-img{position:relative;background:linear-gradient(90deg,var(--gray-100, #f1f3f6) 25%,var(--gray-50, #f8fafc) 50%,var(--gray-100, #f1f3f6) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite}.portfolio-card-img.is-loaded{animation:none;background:transparent}.portfolio-card-img img{position:relative;z-index:1;transition:opacity .4s ease}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .portfolio-card-img{background:linear-gradient(90deg,var(--gray-200, #1f2937) 25%,var(--gray-100, #2d3748) 50%,var(--gray-200, #1f2937) 75%);background-size:200% 100%}.analisis{background:#fafbfdd9}.analisis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}.analisis-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px 26px 26px;border-radius:18px;background:var(--white);border:1px solid var(--gray-100);box-shadow:0 14px 36px #0f172a0f;transition:transform .35s var(--ease-smooth),box-shadow .35s ease,border-color .35s ease;overflow:visible;isolation:isolate}.analisis-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:18px 18px 0 0;background:var(--gradient-warm);opacity:.85;z-index:1}.analisis-card[data-accent=rose]:before{background:linear-gradient(90deg,#ff6b6b,#ff6f91)}.analisis-card[data-accent=lavender]:before{background:linear-gradient(90deg,#9b72cf,#b794e0)}.analisis-card[data-accent=mint]:before{background:linear-gradient(90deg,#2ec4b6,#6bcb77)}.analisis-card[data-accent=amber]:before{background:linear-gradient(90deg,#f59e0b,#f1d7a6)}.analisis-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #0f172a1f;border-color:#ff6b6b47}.analisis-icon{width:52px;height:52px;min-width:52px;min-height:52px;aspect-ratio:1;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;color:#fff;background:var(--gradient-warm);box-shadow:0 12px 28px #ff6b6b38;flex-shrink:0;overflow:visible}.analisis-card[data-accent=rose] .analisis-icon{background:linear-gradient(135deg,#ff6b6b,#ff6f91);box-shadow:0 12px 28px #ff6f9147}.analisis-card[data-accent=lavender] .analisis-icon{background:linear-gradient(135deg,#9b72cf,#b794e0);box-shadow:0 12px 28px #9b72cf47}.analisis-card[data-accent=mint] .analisis-icon{background:linear-gradient(135deg,#2ec4b6,#6bcb77);box-shadow:0 12px 28px #2ec4b647}.analisis-card[data-accent=amber] .analisis-icon{background:linear-gradient(135deg,#f59e0b,#f1d7a6);box-shadow:0 12px 28px #f59e0b47}.analisis-card .analisis-icon i{color:#fff}.analisis-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-600);background:var(--gray-100);width:fit-content}.analisis-card[data-accent=rose] .analisis-tag{color:#c53030;background:#ff6b6b24}.analisis-card[data-accent=lavender] .analisis-tag{color:#6b46c1;background:#9b72cf24}.analisis-card[data-accent=mint] .analisis-tag{color:#1fa899;background:#2ec4b624}.analisis-card[data-accent=amber] .analisis-tag{color:#b45309;background:#f59e0b24}.analisis-card h3{font-size:1.12rem;font-weight:750;color:var(--gray-800);margin:0;line-height:1.35}.analisis-card p{font-size:.92rem;line-height:1.75;color:var(--gray-600);margin:0;text-align:justify}.analisis-card p strong{color:var(--gray-800)}[data-theme=dark] .analisis{background:#14161dd1}[data-theme=dark] .analisis-card{background:var(--surface-strong, #1a1d24);border-color:#94a3b82e;box-shadow:0 18px 48px #0000004d}[data-theme=dark] .analisis-card h3{color:#f8fafc}[data-theme=dark] .analisis-card p{color:#cbd5e1}[data-theme=dark] .analisis-card p strong{color:#f8fafc}[data-theme=dark] .analisis-card .analisis-tag{color:#e2e8f0;background:#94a3b824}@media(max-width:768px){.analisis-grid{grid-template-columns:1fr;gap:18px}.analisis-card{padding:22px 20px 20px}.analisis-icon{width:46px;height:46px;font-size:1.1rem}}.skills{background:var(--white)}.skills-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.skills-tab-btn{padding:10px 20px;border-radius:50px;border:2px solid var(--gray-200);background:transparent;color:var(--gray-600);font-weight:600;font-size:.88rem;cursor:pointer;transition:all .3s ease;font-family:var(--font-body)}.skills-tab-btn.active,.skills-tab-btn:hover{background:#0f5ea8;border-color:#0f5ea8;color:#fff}.skills-panel{display:none}.skills-panel.active{display:block}.skill-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.skill-item-card{background:var(--white);border:1px solid var(--gray-100);border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s ease;box-shadow:var(--shadow-sm);animation-delay:calc(var(--stagger) * .1s)}.skill-item-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0f5ea826;border-color:#0f5ea8}.skill-item-icon{font-size:2.5rem;margin-bottom:12px}.skill-item-name{font-weight:600;font-size:.95rem;color:var(--gray-700);margin-bottom:12px}.skill-item-badge{display:inline-block;padding:4px 14px;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.skill-item-badge.mahir{background:#0f5ea81a;color:#0f5ea8}.skill-item-badge.menengah{background:#0e6ea01a;color:#0e6ea0}.skill-item-badge.dasar{background:#2ec4b61a;color:#1fa899}[data-theme=dark] .skills-tab-btn{border-color:var(--gray-200);color:var(--gray-500)}[data-theme=dark] .skills-tab-btn.active,[data-theme=dark] .skills-tab-btn:hover{background:#39bdeb;border-color:#39bdeb;color:#fff}[data-theme=dark] .skill-item-card{background:var(--gray-50);border-color:var(--gray-200)}[data-theme=dark] .skill-item-badge.mahir{background:#39bdeb1a;color:#39bdeb}@media(max-width:1024px){.skill-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.skill-cards-grid{grid-template-columns:1fr 1fr;gap:12px}.skill-item-card{padding:20px 12px}}.certificates{background:var(--off-white)}.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.cert-card{background:var(--white);border-radius:16px;padding:24px;border:1px solid var(--gray-100);display:flex;gap:16px;align-items:flex-start;transition:all .3s var(--ease-smooth)}.cert-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.cert-card .cert-icon{width:48px;height:48px;min-width:48px;min-height:48px;aspect-ratio:1;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;line-height:1;flex-shrink:0;overflow:visible}.cert-card:nth-child(odd) .cert-icon{background:#39bdeb1f}.cert-card:nth-child(2n) .cert-icon{background:#2ec4b61f}.cert-card h4{font-size:.95rem;margin-bottom:4px}.cert-card .cert-issuer{font-size:.82rem;color:var(--gray-400)}.cert-card .cert-year{font-size:.78rem;font-weight:600;color:var(--coral);margin-top:4px}.philosophy{background:var(--white);position:relative;overflow:clip}.philosophy:before{content:"";position:absolute;top:-200px;right:-200px;width:500px;height:500px;background:radial-gradient(circle,rgba(155,114,207,.08) 0%,transparent 70%);border-radius:50%}.philosophy-card{max-width:800px;margin:0 auto 48px;background:linear-gradient(135deg,#0f5ea80a,#39bdeb0a);border-radius:24px;padding:48px;border:1px solid var(--gray-100);position:relative}.philosophy-card .quote-icon{font-size:4rem;line-height:1;background:var(--gradient-primary-accent, linear-gradient(135deg, #0F5EA8, #39BDEB));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;font-family:Georgia,serif}.philosophy-card blockquote{font-size:1.2rem;font-style:italic;color:var(--gray-600);line-height:1.9;margin-bottom:24px}.philosophy-card .philosophy-author{font-weight:600;color:var(--gray-700)}.philosophy-pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:800px;margin:0 auto}.pillar-card{padding:32px;border-radius:20px;background:var(--white);border:1px solid var(--gray-100);box-shadow:var(--shadow-md);text-align:center;transition:all .3s ease}.pillar-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0f5ea826;border-color:#0f5ea8}.pillar-icon{font-size:2.5rem;margin-bottom:16px;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;overflow:visible;perspective:600px}.pillar-card h4{color:#0f5ea8;font-size:1.1rem;margin-bottom:12px}.pillar-card p{font-size:.88rem;color:var(--gray-500);line-height:1.7;margin-bottom:0;text-align:justify}.pillar-progress{height:4px;background:var(--gray-200);border-radius:4px;margin-top:16px;overflow:hidden}.pillar-progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#0f5ea8,#39bdeb);width:0;transition:width 1s ease}[data-theme=dark] .pillar-card h4{color:var(--accent, #39BDEB)}[data-theme=dark] .philosophy-card{background:linear-gradient(135deg,#0f5ea80f,#39bdeb0a);border-color:var(--gray-200)}@media(max-width:768px){.philosophy-pillars{grid-template-columns:1fr}.philosophy-card{padding:28px}}.contact{background:var(--white);position:relative;overflow:visible}.contact:before{content:"";position:absolute;bottom:-200px;right:-200px;width:500px;height:500px;background:radial-gradient(circle,rgba(255,107,107,.08) 0%,transparent 70%);border-radius:50%}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.contact-info h3{font-size:1.6rem;margin-bottom:16px}.contact-info>p{color:var(--gray-500);margin-bottom:32px;line-height:1.8}.contact-details{display:flex;flex-direction:column;gap:20px;padding-top:12px}.contact-detail-item{display:flex;align-items:center;gap:16px;overflow:visible;padding:8px 0}.contact-detail-item .detail-icon{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;color:#fff;text-decoration:none;transition:all .3s ease;overflow:visible}.contact-detail-item:nth-child(1) .detail-icon{background:#ea4335;color:#fff}.contact-detail-item:nth-child(2) .detail-icon{background:#25d366;color:#fff}.contact-detail-item:nth-child(3) .detail-icon{background:#4285f4;color:#fff}.contact-detail-item .detail-label{font-size:.78rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.contact-detail-item .detail-value{font-weight:600;color:var(--gray-700)}.contact-form{background:var(--off-white);border-radius:24px;padding:36px;border:1px solid var(--gray-100)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--gray-600);margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:14px 18px;border:2px solid var(--gray-100);border-radius:12px;background:var(--white);font-family:var(--font-body);font-size:.95rem;color:var(--gray-700);transition:border-color .3s var(--ease-smooth);outline:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--coral-light)}.form-group textarea{resize:vertical;min-height:120px}.form-submit{width:100%;padding:14px;border:none;border-radius:12px;background:var(--gradient-warm);color:var(--white);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s var(--ease-smooth);box-shadow:var(--shadow-glow-coral)}.form-submit:hover{transform:translateY(-2px);box-shadow:0 12px 40px #ff6b6b59}.footer{background:var(--gray-900);color:var(--gray-400);padding:40px 0 24px;position:relative;z-index:1}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-logo{font-family:var(--font-heading);font-size:1.3rem;font-weight:800;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-text{font-size:.85rem}.footer-social{display:flex;gap:12px}.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;font-size:1.1rem;transition:all .3s var(--ease-smooth)}.footer-social a:nth-child(1){background:linear-gradient(135deg,#0a66c2,#4b9fef)}.footer-social a:nth-child(2){background:linear-gradient(135deg,#f58529,#dd2a7b 52%,#8134af)}.footer-social a:nth-child(3){background:linear-gradient(135deg,#ff2d2d,#b90000)}.footer-social a:nth-child(4){background:linear-gradient(135deg,#24292f,#57606a)}.footer-social a:hover{transform:translateY(-3px) scale(1.08);filter:brightness(1.15);box-shadow:0 6px 20px #0000004d}.form-group.floating{position:relative;margin-bottom:28px}.form-group.floating input,.form-group.floating textarea{width:100%;padding:20px 16px 8px;border:2px solid var(--gray-200);border-radius:12px;font-size:.95rem;background:var(--white);color:var(--gray-700);transition:border-color .3s ease;outline:none;resize:vertical;font-family:var(--font-body)}.form-group.floating label{position:absolute;top:50%;left:16px;transform:translateY(-50%);font-size:.95rem;color:var(--gray-400);pointer-events:none;transition:all .2s ease;background:transparent}.form-group.floating textarea+label{top:20px;transform:none}.form-group.floating input:focus,.form-group.floating textarea:focus{border-color:var(--coral)}.form-group.floating input:focus+label,.form-group.floating input:not(:placeholder-shown)+label,.form-group.floating textarea:focus+label,.form-group.floating textarea:not(:placeholder-shown)+label{top:8px;transform:none;font-size:.75rem;color:var(--coral-dark);font-weight:600}.form-success{text-align:center;padding:20px;animation:successFadeIn .5s ease}.success-icon{font-size:2.5rem;margin-bottom:8px}@keyframes successFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .form-group.floating input,[data-theme=dark] .form-group.floating textarea{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-700)}[data-theme=dark] .form-group.floating input:focus,[data-theme=dark] .form-group.floating textarea:focus{border-color:#39bdeb}[data-theme=dark] .form-group.floating input:focus+label,[data-theme=dark] .form-group.floating input:not(:placeholder-shown)+label,[data-theme=dark] .form-group.floating textarea:focus+label,[data-theme=dark] .form-group.floating textarea:not(:placeholder-shown)+label{color:#39bdeb}.contact-social{margin-top:8px}.social-links-grid{display:flex;gap:12px}.contact-social-btn{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;text-decoration:none;transition:all .3s ease}.contact-social-btn.linkedin{background:linear-gradient(135deg,#0a66c2,#4b9fef)}.contact-social-btn.instagram{background:linear-gradient(135deg,#f58529,#dd2a7b 52%,#8134af)}.contact-social-btn.youtube{background:linear-gradient(135deg,#ff2d2d,#b90000)}.contact-social-btn.github{background:linear-gradient(135deg,#24292f,#57606a)}.contact-social-btn:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 8px 20px #00000040;filter:brightness(1.1)}.parallax-layer{--parallax-y: 0px;transform:translate3d(0,var(--parallax-y),0);transition:transform 80ms linear}.parallax-float{--parallax-tilt: 0deg;transform:translate3d(0,var(--parallax-y, 0px),0) rotate(var(--parallax-tilt));transition:transform .12s linear}.parallax-image-frame{position:relative;overflow:hidden;isolation:isolate}.parallax-image-frame img{--parallax-y: 0px;width:100%;height:112%;object-fit:cover;transform:translate3d(0,var(--parallax-y),0) scale(1.04);transition:transform .1s linear}body:not(.intro-ready){overflow:hidden;height:100vh}.intro-tear{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden;visibility:visible;isolation:isolate}.intro-tear-half{position:absolute;left:0;width:100%;height:50.1%;background-image:radial-gradient(circle at 50% 50%,rgba(125,211,252,.34),transparent 30%),radial-gradient(circle at 72% 50%,rgba(46,196,182,.22),transparent 32%),linear-gradient(135deg,#0a4778,#0f5ea8 52%,#0d1117);background-size:100% 200%;background-repeat:no-repeat;transition:transform .6s cubic-bezier(.77,0,.18,1),clip-path .6s cubic-bezier(.77,0,.18,1),opacity .3s ease .3s;will-change:transform,clip-path,opacity}.intro-tear-top{top:0;background-position:top center;clip-path:polygon(0% 0%,100% 0%,100% 100%,97% 100%,94% 100%,90% 100%,87% 100%,83% 100%,80% 100%,76% 100%,73% 100%,69% 100%,66% 100%,62% 100%,58% 100%,55% 100%,51% 100%,48% 100%,44% 100%,40% 100%,37% 100%,33% 100%,30% 100%,26% 100%,23% 100%,19% 100%,16% 100%,12% 100%,9% 100%,5% 100%,2% 100%,0% 100%)}.intro-tear-bottom{bottom:0;background-position:bottom center;clip-path:polygon(0% 0%,2% 0%,5% 0%,9% 0%,12% 0%,16% 0%,19% 0%,23% 0%,26% 0%,30% 0%,33% 0%,37% 0%,40% 0%,44% 0%,48% 0%,51% 0%,55% 0%,58% 0%,62% 0%,66% 0%,69% 0%,73% 0%,76% 0%,80% 0%,83% 0%,87% 0%,90% 0%,94% 0%,97% 0%,100% 0%,100% 100%,0% 100%)}.intro-tear:before{content:"";position:absolute;left:50%;top:50%;width:min(360px,72vw);aspect-ratio:1;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 70px #39bdeb33,inset 0 0 40px #ffffff0d;transform:translate(-50%,-50%);animation:introHalo 2.4s ease-in-out infinite alternate;z-index:1;pointer-events:none;transition:opacity .4s ease}.intro-tear:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.09) 47%,transparent 63%);transform:translate(-100%);animation:loaderSweep 2.2s ease-in-out infinite;z-index:2;pointer-events:none;transition:opacity .4s ease}.intro-tear.is-opening .intro-tear-top{transform:translateY(-52%);clip-path:polygon(0% 0%,100% 0%,100% 80%,97% 88%,94% 76%,90% 92%,87% 80%,83% 90%,80% 74%,76% 94%,73% 78%,69% 90%,66% 76%,62% 88%,58% 72%,55% 92%,51% 80%,48% 90%,44% 74%,40% 96%,37% 78%,33% 90%,30% 76%,26% 92%,23% 80%,19% 94%,16% 76%,12% 88%,9% 74%,5% 92%,2% 82%,0% 90%)}.intro-tear.is-opening .intro-tear-bottom{transform:translateY(52%);clip-path:polygon(0% 10%,2% 18%,5% 8%,9% 24%,12% 12%,16% 22%,19% 6%,23% 20%,26% 8%,30% 24%,33% 10%,37% 22%,40% 4%,44% 26%,48% 10%,51% 20%,55% 6%,58% 28%,62% 12%,66% 24%,69% 8%,73% 22%,76% 6%,80% 26%,83% 10%,87% 20%,90% 8%,94% 24%,97% 12%,100% 20%,100% 100%,0% 100%)}.intro-tear.is-opening .intro-panel-content{opacity:0;transform:translate(-50%,-50%) scale(.92)}.intro-tear.is-opening:before,.intro-tear.is-opening:after{opacity:0}.intro-tear.is-complete{visibility:hidden;pointer-events:none}.intro-tear.is-complete .intro-tear-top{transform:translateY(-110%);opacity:0}.intro-tear.is-complete .intro-tear-bottom{transform:translateY(110%);opacity:0}.intro-panel-content{position:absolute;left:50%;top:50%;z-index:4;display:grid;gap:12px;width:min(520px,100vw);padding:0 22px;color:#fff;text-align:center;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .5s ease,transform .5s ease}.intro-panel-logo{justify-self:center;display:flex;align-items:center;justify-content:center;width:min(360px,78vw);padding:16px 20px;border:1px solid rgba(255,255,255,.38);border-radius:18px;background:#fffffff0;box-shadow:0 22px 64px #07172b38,0 0 0 8px #ffffff14;animation:loadingPulse 1.35s ease-in-out infinite alternate}.intro-panel-logo img{display:block;width:100%;height:auto;max-height:112px;object-fit:contain}.intro-panel-title{opacity:.9;color:#ffffffe6;font-size:clamp(.86rem,2vw,1rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.intro-panel-loading{width:min(260px,70vw);height:4px;margin:18px auto 0;overflow:hidden;border-radius:4px;background:#ffffff24;box-shadow:0 0 24px #39bdeb2e;transition:opacity .42s ease,visibility .42s ease}.intro-panel-loading-fill{height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#7dd3fc,#fff,#2ec4b6);animation:loadingFill 1.45s cubic-bezier(.65,0,.35,1) forwards}.intro-panel-loading-status{min-height:1.2em;margin-top:12px;color:#ffffffc7;font-size:.84rem;font-weight:700;letter-spacing:.01em;transition:opacity .25s ease,transform .25s ease}.intro-panel-loading-status.is-changing{opacity:.45;transform:translateY(2px)}.intro-panel-prompt{opacity:0;visibility:hidden;margin-top:18px;transform:translateY(8px);transition:opacity .55s ease .18s,transform .55s ease .18s,visibility .55s ease .18s}.intro-tear.loader-complete .intro-panel-loading,.intro-tear.loader-complete .intro-panel-loading-status{opacity:0;visibility:hidden}.intro-tear.loader-complete .intro-panel-prompt{opacity:1;transform:translateY(0);visibility:visible}.intro-panel-prompt span{display:block;color:#fff;font-size:clamp(1.08rem,2.4vw,1.42rem);font-weight:850;letter-spacing:0;animation:introScrollCue 1.25s ease-in-out infinite}.intro-panel-prompt small{display:block;margin-top:6px;color:#ffffffb8;font-size:.86rem;font-weight:650}@keyframes introScrollCue{0%,to{transform:translateY(-4px);opacity:.35}50%{transform:translateY(6px);opacity:1}}[data-theme=dark] .intro-tear{background:radial-gradient(circle at 50% 42%,rgba(57,189,235,.22),transparent 28%),radial-gradient(circle at 72% 66%,rgba(46,196,182,.18),transparent 32%),linear-gradient(135deg,#07172b,#0a4778 52%,#0d1117)}@keyframes introHalo{0%{transform:translate(-50%,-50%) scale(.96);opacity:.62}to{transform:translate(-50%,-50%) scale(1.06);opacity:1}}.portfolio-card.parallax-card,.timeline-card.parallax-card,.pillar-card.parallax-card{--parallax-y: 0px;transform:translate3d(0,var(--parallax-y),0);transition:transform .12s linear,box-shadow .22s ease;will-change:transform}@media(hover:hover){.portfolio-card.parallax-card:hover,.timeline-card.parallax-card:hover,.pillar-card.parallax-card:hover{transform:translate3d(0,calc(var(--parallax-y) - 4px),0)}}@media(max-width:768px){.parallax-layer,.parallax-float,.parallax-image-frame img,.portfolio-card.parallax-card,.timeline-card.parallax-card,.pillar-card.parallax-card{transition-duration:0ms}.intro-panel-logo{width:min(320px,82vw);padding:12px 16px;border-radius:14px}.intro-panel-logo img{max-height:92px}}@media(prefers-reduced-motion:reduce)and (max-width:0px){.parallax-layer,.parallax-float,.parallax-image-frame img,.portfolio-card.parallax-card,.timeline-card.parallax-card,.pillar-card.parallax-card{transform:none!important;transition:none!important;will-change:auto}}.gallery-accordion{display:flex;width:100%;height:450px;gap:12px;border-radius:20px;overflow:hidden;margin-top:32px}.gallery-item{flex:1;position:relative;overflow:hidden;border-radius:12px;height:auto;aspect-ratio:auto;transition:flex .6s cubic-bezier(.25,.8,.25,1),filter .4s ease;cursor:pointer;filter:grayscale(30%) brightness(.7);background:var(--surface-light)}.gallery-item img{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:auto;min-width:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.8,.25,1)}.gallery-item:hover,.gallery-item.active{flex:4;filter:grayscale(0%) brightness(1)}.gallery-item:hover img,.gallery-item.active img{transform:translate(-50%) scale(1.05)}.gallery-caption{position:absolute;bottom:0;left:0;right:0;padding:30px 24px 24px;background:linear-gradient(to top,rgba(13,17,23,.95) 0%,rgba(13,17,23,.7) 50%,transparent 100%);color:#fff;opacity:0;transform:translateY(30px);transition:opacity .5s ease .2s,transform .5s ease .2s;pointer-events:none}.gallery-item:hover .gallery-caption,.gallery-item.active .gallery-caption{opacity:1;transform:translateY(0)}.gallery-caption h3{font-size:1.3rem;margin-bottom:6px;color:#fff;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.5)}.gallery-caption p{font-size:.95rem;opacity:.85;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,.5)}.gallery-item:after{content:"";position:absolute;inset:0;border-radius:12px;border:2px solid transparent;transition:border-color .4s ease;pointer-events:none}.gallery-item:hover:after,.gallery-item.active:after{border-color:#fff3}@media(max-width:992px){.gallery-accordion{height:380px}}@media(max-width:768px){.gallery-accordion{height:340px;gap:8px}.gallery-item:hover,.gallery-item.active{flex:5}.gallery-caption{padding:20px 16px 16px}.gallery-caption h3{font-size:1.1rem;white-space:normal}.gallery-caption p{font-size:.85rem;-webkit-line-clamp:1}}@media(max-width:576px){.gallery-accordion{flex-direction:column;height:auto;max-height:520px;gap:10px}.gallery-item{border-radius:16px;min-height:100px}.gallery-item img{left:0;top:50%;transform:translateY(-50%);width:100%;height:auto;min-height:100%}.gallery-item:hover img,.gallery-item.active img{transform:translateY(-50%) scale(1.05)}.gallery-item:hover,.gallery-item.active{flex:3}}.gallery-lightbox{position:fixed;inset:0;background:#000000eb;display:none;align-items:center;justify-content:center;z-index:10000;padding:40px;opacity:0}.gallery-lightbox.active{display:flex}.lightbox-content{max-width:90vw;max-height:80vh;display:flex;align-items:center;justify-content:center}.lightbox-content img,.lightbox-content iframe{max-width:100%;max-height:80vh;border-radius:12px;box-shadow:0 20px 60px #00000080}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:48px;height:48px;border-radius:50%;font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:#fff3;transform:scale(1.1)}.lightbox-close{top:24px;right:24px}.lightbox-prev{left:24px;top:50%;transform:translateY(-50%)}.lightbox-next{right:24px;top:50%;transform:translateY(-50%)}.lightbox-prev:hover,.lightbox-next:hover{transform:translateY(-50%) scale(1.1)}.lightbox-caption{position:absolute;bottom:30px;left:50%;transform:translate(-50%);text-align:center;color:#fff;background:#0009;padding:12px 24px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:80%}.lightbox-caption h3{font-size:1.1rem;margin:0 0 4px;color:#fff}.lightbox-caption p{font-size:.9rem;margin:0;color:#fffc}@media(max-width:768px){.lightbox-close,.lightbox-prev,.lightbox-next{width:40px;height:40px;font-size:1.3rem}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-close{top:16px;right:16px}}body.lightbox-open .navbar,body.lightbox-open .scroll-progress,body.lightbox-open #scrollProgress{display:none!important}.gallery-item[data-type=video]{position:relative}.gallery-item[data-type=video]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#fffffff2;border-radius:50%;z-index:3;box-shadow:0 6px 24px #0006;transition:all .3s ease;pointer-events:none}.gallery-item[data-type=video]:after{content:"";position:absolute;top:50%;left:calc(50% + 4px);transform:translate(-50%,-50%);width:0;height:0;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #FF6B6B;z-index:4;transition:all .3s ease;pointer-events:none}.gallery-item[data-type=video]:hover:before{background:#ff6b6b;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 8px 32px #ff6b6b80}.gallery-item[data-type=video]:hover:after{border-color:transparent transparent transparent #fff}.gallery-item[data-type=video] img{filter:brightness(.85);transition:filter .4s ease}.gallery-item[data-type=video]:hover img{filter:brightness(1)}.gallery-item[data-type=video]:before,.gallery-item[data-type=video]:after{z-index:5}.btn-cv{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:10px;background:var(--gradient-warm, linear-gradient(135deg, #FF6B6B, #F1D7A6));color:#fff;font-family:var(--font-body);font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 14px #ff6b6b40;white-space:nowrap}.btn-cv:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff6b6b59;color:#fff}.btn-cv-hero{background:linear-gradient(135deg,#ff6b6b,#f1d7a6);color:#fff!important;box-shadow:0 6px 20px #ff6b6b4d}.btn-cv-hero:hover{transform:translateY(-2px);box-shadow:0 12px 36px #ff6b6b66}.portfolio-card-img{border-radius:18px 18px 0 0;overflow:hidden}.portfolio-card-img img{border-radius:0;display:block}.gallery-item{border-radius:16px;overflow:hidden}.gallery-item img{border-radius:0;display:block}.about-image-card{border-radius:24px;overflow:hidden}.about-image-card img{display:block}[data-theme=dark] .btn-cv{background:linear-gradient(135deg,#2fafe6,#39bdeb);box-shadow:0 4px 14px #39bdeb4d}[data-theme=dark] .btn-cv-hero{background:linear-gradient(135deg,#2fafe6,#39bdeb)}@media(max-width:768px){.btn-cv{display:none}}.hero-content:before{border-radius:50%;-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 40%,transparent 70%);mask-image:radial-gradient(circle,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 40%,transparent 70%)}.floating-shapes{overflow:visible}.shape{opacity:.14;filter:blur(1px)}.hero-image-wrapper{border-radius:50%;overflow:hidden}.hero-image-wrapper:before{border-radius:50%;filter:blur(4px);opacity:.25}.hero-badges{border-radius:16px}.hero-badge{border-radius:14px;overflow:visible}:root{--surface-glass: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .96);--border-soft: rgba(15, 94, 168, .12);--shadow-premium: 0 24px 70px rgba(15, 23, 42, .12)}.hero .container{align-items:center}.hero-content{position:relative;z-index:2}.hero-actions .btn,.btn-download-new,.portfolio-card-body .card-link{border-radius:8px}.hero-actions .btn-icon{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.hero-social{display:flex!important;align-items:center;gap:12px;margin-top:28px}.hero-social a{position:relative;z-index:3;pointer-events:auto}.hero-social svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.hero-social a:nth-child(1) svg,.hero-social a:nth-child(3) svg{fill:currentColor;stroke:none}.is-placeholder-link{cursor:not-allowed}.hero-image-wrapper{box-shadow:0 28px 80px #0f5ea829}.scroll-fx-current .hero-greeting,.scroll-fx-current .hero-name,.scroll-fx-current .hero-role,.scroll-fx-current .hero-desc,.scroll-fx-current .hero-actions .btn,.scroll-fx-current .hero-social a,.scroll-fx-current .hero-image-wrapper,.scroll-fx-current .hero-badge,.scroll-fx-current .portfolio-card,.scroll-fx-current .section-header,.scroll-fx-current .timeline-card,.scroll-fx-current .assessment-card,.scroll-fx-current .chart-panel,.scroll-fx-current .pillar-card,.scroll-fx-current .gallery-item,.scroll-fx-current .skill-item-card,.scroll-fx-current .cert-card{will-change:transform,opacity}.hero-badge{border-radius:8px;border:1px solid rgba(15,94,168,.12);background:#ffffffe6}.portfolio-grid{gap:22px}.portfolio-card{border-radius:8px;border-color:#0f5ea81f;background:var(--surface-strong);box-shadow:0 14px 36px #0f172a14}.portfolio-card:hover{box-shadow:0 26px 64px #0f172a24}.portfolio-card-img{height:236px}.portfolio-card-img .card-tag{border-radius:8px;letter-spacing:0}.card-img-overlay{background:linear-gradient(180deg,#0f5ea80d,#0f5ea8c7)}.card-img-overlay span{border-radius:8px}.portfolio-card[data-siklus=siklus2],.portfolio-card[data-siklus=siklus3]{opacity:1;border-style:dashed;background:linear-gradient(135deg,#ff6b6b0a,#2ec4b60d),var(--surface-strong)}.assessment-dashboard{display:grid;gap:18px;margin:0 auto 26px}.assessment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.assessment-card,.chart-panel{border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-strong);box-shadow:0 14px 38px #0f172a12}.assessment-card{padding:18px}.assessment-kicker{display:inline-flex;margin-bottom:10px;padding:5px 9px;border-radius:8px;background:#0f5ea814;color:var(--primary, #0F5EA8);font-size:.74rem;font-weight:800}.assessment-card strong{display:block;color:var(--gray-800);font-size:1.08rem;line-height:1.2}.assessment-card p{margin-top:8px;color:var(--gray-500);font-size:.88rem;line-height:1.62}.assessment-chart-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:16px}.chart-panel{min-width:0;padding:18px}.chart-panel-header{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:14px}.chart-panel-header span{color:var(--gray-500);font-size:.78rem;font-weight:800;text-transform:uppercase}.chart-panel-header strong{color:var(--primary, #0F5EA8);font-size:.98rem;text-align:right}.chart-frame{position:relative;height:300px}.assessment-note{margin:-2px 0 0;color:var(--gray-500);font-size:.86rem;text-align:center}.section-motion-section{--section-accent: var(--accent, #39BDEB);--section-sweep: rgba(57, 189, 235, .12);isolation:isolate}.section-motion-section>.container{position:relative;z-index:1;transform-origin:center top}.section-motion-current>.container,.section-motion-current .section-motion-child{will-change:transform,opacity}.section-motion-section:before,.section-motion-section:after{content:"";position:absolute;pointer-events:none;z-index:0}.section-motion-section:before{inset:0;background:linear-gradient(112deg,transparent 0%,transparent 36%,var(--section-sweep) 49%,rgba(255,255,255,.22) 52%,transparent 66%,transparent 100%);opacity:0;transform:translate3d(-125%,0,0) skew(-10deg)}.section-motion-section:after{top:0;left:24px;right:24px;height:2px;background:linear-gradient(90deg,transparent,var(--section-accent),transparent);opacity:0;transform:scaleX(0);transform-origin:center}.section-motion-play:before{animation:sectionSweep 1.05s cubic-bezier(.22,1,.36,1) both}.section-motion-play:after{animation:sectionRuleTrace .82s cubic-bezier(.22,1,.36,1) both}.section-motion-play>.container{animation:sectionFocusIn .86s cubic-bezier(.22,1,.36,1) both}.section-motion-leaving>.container{animation:sectionCalmOut .38s ease-out both}.section-motion-child-play{animation:sectionChildCascade .72s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--section-motion-delay, 0ms)}#hero{--section-accent: #39BDEB;--section-sweep: rgba(57, 189, 235, .13)}#about,#model-guru{--section-accent: #2ec4b6;--section-sweep: rgba(46, 196, 182, .12)}#education,#gallery{--section-accent: #9b72cf;--section-sweep: rgba(155, 114, 207, .12)}#portfolio,#skills{--section-accent: #0F5EA8;--section-sweep: rgba(15, 94, 168, .12)}#penilaian,#certificates{--section-accent: #6bcb77;--section-sweep: rgba(107, 203, 119, .13)}#contact{--section-accent: #ff6f91;--section-sweep: rgba(255, 111, 145, .11)}[data-theme=dark] .section-motion-section:before{background:linear-gradient(112deg,transparent 0%,transparent 36%,var(--section-sweep) 49%,rgba(125,211,252,.12) 52%,transparent 66%,transparent 100%)}@keyframes sectionSweep{0%{opacity:0;transform:translate3d(-125%,0,0) skew(-10deg)}18%{opacity:1}to{opacity:0;transform:translate3d(125%,0,0) skew(-10deg)}}@keyframes sectionRuleTrace{0%{opacity:0;transform:scaleX(0)}35%{opacity:.85}to{opacity:0;transform:scaleX(1)}}@keyframes sectionFocusIn{0%{opacity:.92;transform:translate3d(0,20px,0) scale(.992)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes sectionCalmOut{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:.96;transform:translate3d(0,-8px,0) scale(.998)}}@keyframes sectionChildCascade{0%{opacity:.72;transform:translate3d(0,18px,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}:root{--scroll-accent: #39BDEB;--scroll-accent-rgb: 57, 189, 235;--scroll-wash: rgba(57, 189, 235, .08)}.scroll-aura{position:fixed;inset:0;z-index:0;opacity:0;overflow:hidden;pointer-events:none;contain:paint;transition:opacity .45s ease}.scroll-fx-ready .scroll-aura{opacity:.62}.scroll-aura__wash,.scroll-aura__beam,.scroll-aura__grid{position:absolute;pointer-events:none;will-change:transform,opacity}.scroll-aura__wash{inset:-18%;background:linear-gradient(118deg,transparent 0%,transparent 30%,var(--scroll-wash) 48%,transparent 70%,transparent 100%),conic-gradient(from 180deg at 52% 46%,rgba(var(--scroll-accent-rgb),.035),transparent 30%,rgba(46,196,182,.035),transparent 68%,rgba(155,114,207,.03));filter:saturate(1.08);mix-blend-mode:multiply;opacity:.46}.scroll-aura__beam{top:10%;bottom:6%;left:-18vw;width:min(560px,48vw);background:linear-gradient(90deg,transparent,rgba(var(--scroll-accent-rgb),.11),transparent);filter:blur(24px);opacity:.14;transform:skew(-14deg)}.scroll-aura__grid{inset:0;opacity:.15;background-image:linear-gradient(rgba(var(--scroll-accent-rgb),.14) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--scroll-accent-rgb),.1) 1px,transparent 1px);background-size:74px 74px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 78%,transparent 100%)}.scroll-rail{position:fixed;top:50%;right:22px;z-index:900;display:grid;gap:10px;padding:10px 7px;border:1px solid rgba(15,94,168,.12);border-radius:999px;background:#ffffffa3;box-shadow:0 16px 42px #0f172a14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translateY(-50%);pointer-events:auto}.scroll-rail__dot{position:relative;display:grid;width:20px;height:20px;padding:0;place-items:center;border:0;border-radius:999px;background:transparent;box-shadow:0 0 rgba(var(--scroll-accent-rgb),0);cursor:pointer;transform:scale(1);transition:box-shadow .32s ease,transform .32s ease}.scroll-rail__dot:before{content:"";width:7px;height:7px;border-radius:inherit;background:#0f5ea842;transition:width .26s ease,height .26s ease,background .26s ease,box-shadow .26s ease}.scroll-rail__dot:hover:before,.scroll-rail__dot:focus-visible:before{width:10px;height:10px;background:rgba(var(--scroll-accent-rgb),.7)}.scroll-rail__dot:focus-visible{outline:2px solid rgba(var(--scroll-accent-rgb),.6);outline-offset:3px}.scroll-rail__dot.is-active:before{width:9px;height:9px;background:var(--scroll-accent);box-shadow:0 0 0 6px rgba(var(--scroll-accent-rgb),.16)}.scroll-rail__dot.is-active{transform:scale(1.35)}.scroll-fx-section{--fx-accent: #39BDEB;--fx-accent-rgb: 57, 189, 235;--fx-sweep: rgba(57, 189, 235, .2);--fx-line-opacity: 0;--fx-line-scale: 0;overflow:hidden;transform-style:preserve-3d}.scroll-fx-container,.scroll-fx-section>.container{position:relative;z-index:1}.scroll-fx-container:before{content:"";position:absolute;top:-28px;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--fx-accent-rgb),.62),transparent);opacity:var(--fx-line-opacity);transform:scaleX(var(--fx-line-scale));transform-origin:center;pointer-events:none}.scroll-title-word{display:inline-block;overflow:hidden;vertical-align:bottom}.scroll-title-word>span{display:inline-block;will-change:transform,opacity}.scroll-fx-ready .reveal,.scroll-fx-ready .reveal-left,.scroll-fx-ready .reveal-right{transition:none}.scroll-fx-ready .reveal-left,.scroll-fx-ready .reveal-right{transform:none}.scroll-fx-item,.scroll-fx-card{backface-visibility:hidden;transform-style:preserve-3d}.scroll-fx-current .scroll-fx-item,.scroll-fx-current .scroll-fx-card{will-change:transform,opacity}.scroll-fx-ready .timeline{--timeline-reveal: 100%}.scroll-fx-ready .timeline:before{clip-path:inset(0 0 var(--timeline-reveal) 0)}.section>.container{width:100%;max-width:var(--container-max);margin-inline:auto}.hero .container,.about-grid,.about-info-list,.life-timeline,.timeline,.portfolio-tabs,.portfolio-filter,.portfolio-grid-wrapper,.portfolio-grid-inner,.portfolio-grid,.accordion,.accordion-row,.philosophy-card,.philosophy-pillars,.skills-tabs,.skills-panel,.skill-cards-grid,.cert-grid,.gallery-accordion,.contact-grid{max-width:100%;min-width:0}.hero .container{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.about-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.portfolio-grid,.skill-cards-grid,.cert-grid,.philosophy-pillars{grid-auto-columns:minmax(0,1fr)}.portfolio-card,.timeline-card,.accordion-item,.accordion-row,.pillar-card,.skill-item-card,.cert-card,.gallery-item,.contact-form{min-width:0}.portfolio-card-body,.timeline-card,.accordion-row,.pillar-card,.skill-item-card,.cert-card-content,.gallery-caption,.contact-info,.contact-form{overflow-wrap:break-word}[data-theme=dark] .scroll-aura__wash{mix-blend-mode:screen;opacity:.32}[data-theme=dark] .scroll-aura__beam{opacity:.12}[data-theme=dark] .scroll-rail{border-color:#7dd3fc29;background:#0d11177a;box-shadow:0 18px 48px #00000038}[data-theme=dark] .scroll-rail__dot:before{background:#fff3}[data-theme=dark] .scroll-rail__dot:hover:before,[data-theme=dark] .scroll-rail__dot:focus-visible:before,[data-theme=dark] .scroll-rail__dot.is-active:before{background:var(--scroll-accent)}#hero.section,#about.section,#education.section,#portfolio.section,#analisis.section,#penilaian.section,#model-guru.section,#skills.section,#certificates.section,#gallery.section,#contact.section{background-repeat:no-repeat;background-size:cover}#hero.section{background:linear-gradient(128deg,#0f5ea821,#0f5ea800 42%),linear-gradient(238deg,#2ec4b61f,#2ec4b600 48%),linear-gradient(180deg,#fbfdff,#eef9ff)!important}#about.section{background:linear-gradient(138deg,#2ec4b621,#2ec4b600 46%),linear-gradient(252deg,#39bdeb1a,#39bdeb00 44%),linear-gradient(180deg,#fff,#f2fffd)!important}#education.section{background:linear-gradient(132deg,#9b72cf21,#9b72cf00 46%),linear-gradient(244deg,#7dd3fc1a,#7dd3fc00 48%),linear-gradient(180deg,#fbfaff,#f5f8ff)!important}#portfolio.section{background:linear-gradient(126deg,#0f5ea81f,#0f5ea800 44%),linear-gradient(244deg,#f1d7a629,#f1d7a600 45%),linear-gradient(180deg,#fafdff,#f3f8fc)!important}#penilaian.section{background:linear-gradient(132deg,#6bcb7721,#6bcb7700 45%),linear-gradient(248deg,#56ccf21a,#56ccf200 46%),linear-gradient(180deg,#fbfffb,#f2fbf4)!important}#model-guru.section{background:linear-gradient(132deg,#f1d7a633,#f1d7a600 48%),linear-gradient(246deg,#2ec4b61a,#2ec4b600 43%),linear-gradient(180deg,#fffdf8,#f8fbf7)!important}#skills.section{background:linear-gradient(128deg,#56ccf221,#56ccf200 44%),linear-gradient(246deg,#9b72cf17,#9b72cf00 46%),linear-gradient(180deg,#fbfeff,#f2fbff)!important}#certificates.section{background:linear-gradient(130deg,#6bcb771f,#6bcb7700 43%),linear-gradient(246deg,#f1d7a62e,#f1d7a600 46%),linear-gradient(180deg,#fffef9,#f5fbf2)!important}#gallery.section{background:linear-gradient(132deg,#9b72cf21,#9b72cf00 44%),linear-gradient(248deg,#39bdeb1c,#39bdeb00 47%),linear-gradient(180deg,#fcfbff,#f4f9ff)!important}#contact.section{background:linear-gradient(130deg,#ff6f911f,#ff6f9100 44%),linear-gradient(248deg,#0f5ea81a,#0f5ea800 47%),linear-gradient(180deg,#fffbfd,#f8fbff)!important}#analisis.section{background:linear-gradient(132deg,#2ec4b61f,#2ec4b600 46%),linear-gradient(248deg,#9b72cf1a,#9b72cf00 46%),linear-gradient(180deg,#fbfffe,#f4fbf9)!important}[data-theme=dark] #analisis.section{background:linear-gradient(132deg,#2ec4b61a,#2ec4b600 46%),linear-gradient(248deg,#9b72cf17,#9b72cf00 46%),linear-gradient(180deg,#111827,#0d1623)!important}[data-theme=dark] #hero.section{background:linear-gradient(128deg,#39bdeb21,#39bdeb00 44%),linear-gradient(238deg,#2ec4b617,#2ec4b600 46%),linear-gradient(180deg,#101827,#0b1120)!important}[data-theme=dark] #about.section{background:linear-gradient(138deg,#2ec4b61a,#2ec4b600 46%),linear-gradient(252deg,#39bdeb14,#39bdeb00 44%),linear-gradient(180deg,#111827,#0d1623)!important}[data-theme=dark] #education.section,[data-theme=dark] #gallery.section{background:linear-gradient(132deg,#9b72cf1a,#9b72cf00 46%),linear-gradient(244deg,#7dd3fc12,#7dd3fc00 48%),linear-gradient(180deg,#111724,#0c1220)!important}[data-theme=dark] #portfolio.section,[data-theme=dark] #skills.section{background:linear-gradient(128deg,#39bdeb1a,#39bdeb00 44%),linear-gradient(244deg,#0f5ea81f,#0f5ea800 46%),linear-gradient(180deg,#0f172a,#0b1220)!important}[data-theme=dark] #penilaian.section,[data-theme=dark] #certificates.section{background:linear-gradient(132deg,#6bcb7717,#6bcb7700 45%),linear-gradient(248deg,#56ccf212,#56ccf200 46%),linear-gradient(180deg,#101827,#0b1420)!important}[data-theme=dark] #model-guru.section{background:linear-gradient(132deg,#f1d7a617,#f1d7a600 48%),linear-gradient(246deg,#2ec4b612,#2ec4b600 43%),linear-gradient(180deg,#111827,#0d1420)!important}[data-theme=dark] #contact.section{background:linear-gradient(130deg,#ff6f9117,#ff6f9100 44%),linear-gradient(248deg,#39bdeb14,#39bdeb00 47%),linear-gradient(180deg,#111827,#0b1220)!important}[data-theme=dark]{--surface-glass: rgba(30, 32, 41, .76);--surface-strong: rgba(30, 32, 41, .96);--border-soft: rgba(57, 189, 235, .18);--shadow-premium: 0 24px 70px rgba(0, 0, 0, .32)}[data-theme=dark] .hero-badge,[data-theme=dark] .assessment-card,[data-theme=dark] .chart-panel,[data-theme=dark] .portfolio-card{background:var(--surface-strong);border-color:var(--border-soft)}[data-theme=dark] .assessment-card p,[data-theme=dark] .assessment-note,[data-theme=dark] .chart-panel-header span{color:var(--gray-500)}[data-theme=dark] .assessment-card strong{color:var(--gray-800)}[data-theme=dark] .portfolio-card[data-siklus=siklus2]:after,[data-theme=dark] .portfolio-card[data-siklus=siklus3]:after{background:#252833f0;color:var(--accent-light, #7DD3FC)}.contact .container{max-width:var(--container-max)}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.contact-grid>*,.contact-detail-item>div:not(.detail-icon){min-width:0}.contact-detail-item .detail-value{max-width:100%;overflow-wrap:break-word;word-break:break-word}.contact-form form{min-width:0;max-width:100%}.form-group.floating input,.form-group.floating textarea{max-width:100%}.footer .container{max-width:var(--container-max)}.footer-top{width:min(100%,980px);margin-inline:auto;display:grid;grid-template-columns:minmax(240px,.85fr) minmax(320px,1.15fr);align-items:center;justify-content:center;justify-items:center;gap:clamp(32px,5vw,60px);text-align:center}.footer-brand{width:min(100%,340px);justify-self:center;text-align:center}.footer-brand .footer-logo{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-tagline{margin-inline:auto}.footer-social{justify-content:center}.footer-sitemap{width:min(100%,560px);justify-self:center;text-align:center}.footer-sitemap ul{display:grid;grid-template-columns:repeat(3,minmax(92px,auto));justify-content:center;justify-items:center;gap:10px 22px}.footer-bottom{width:min(100%,980px);margin-inline:auto}@media(max-width:900px){.hero .container,.about-grid,.contact-grid{grid-template-columns:minmax(0,1fr)}.assessment-summary,.assessment-chart-grid{grid-template-columns:1fr}.chart-frame{height:280px}.scroll-rail{display:none}.scroll-aura__beam{width:72vw;opacity:.1}.scroll-aura__grid{background-size:58px 58px;opacity:.08}.footer-top{grid-template-columns:minmax(0,1fr);width:min(100%,620px)}.footer-sitemap ul{grid-template-columns:repeat(3,minmax(88px,1fr))}}@media(max-width:640px){.contact-grid{grid-template-columns:minmax(0,1fr)}.life-timeline-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px;justify-items:center;overflow-x:visible;scroll-snap-type:none;padding-bottom:0}.life-step{min-width:0;width:100%;scroll-snap-align:unset}.life-step-line{display:none}.portfolio-filter,.portfolio-tabs,.skills-tabs{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;mask-image:none;-webkit-mask-image:none}.portfolio-tabs .tab-btn{flex:0 0 auto;white-space:nowrap;justify-content:center}.portfolio-filter .filter-btn,.skills-tab-btn{flex:0 0 auto;white-space:nowrap;justify-content:center;text-align:center}.chart-panel-header{display:block}.chart-panel-header strong{display:block;margin-top:4px;text-align:left}.chart-frame{height:250px}.footer-sitemap ul{grid-template-columns:repeat(2,minmax(112px,1fr));gap:10px 14px}.footer-brand .footer-logo{flex-wrap:wrap;row-gap:2px}}@media(prefers-reduced-motion:reduce)and (max-width:0px){.scroll-fx-current .scroll-fx-item,.scroll-fx-current .scroll-fx-card{will-change:auto}}#hero.hero.section{--hero-bg-image: url(./hero-bg-ai-light-DshYy4cW.png);--hero-bg-overlay: linear-gradient(90deg, rgba(248, 250, 252, .98) 0%, rgba(248, 250, 252, .96) 36%, rgba(248, 250, 252, .86) 54%, rgba(248, 250, 252, .42) 72%, rgba(248, 250, 252, .08) 100%);--hero-bg-position: center right;--hero-scroll-shift: 0px;--hero-motion-layer-opacity: .62;--hero-overlay-opacity: .52;--hero-dot-color: rgba(14, 138, 195, .36);--hero-grid-color: rgba(15, 94, 168, .16);--hero-sweep-color: rgba(47, 175, 230, .32);isolation:isolate;overflow:hidden;background:var(--hero-bg-overlay),var(--hero-bg-image) var(--hero-bg-position) / cover no-repeat!important}[data-theme=dark] #hero.hero.section{--hero-bg-image: url(./hero-bg-ai-dark-BPsv29g8.png);--hero-bg-overlay: linear-gradient(90deg, rgba(15, 23, 42, .92) 0%, rgba(15, 23, 42, .82) 28%, rgba(15, 23, 42, .55) 50%, rgba(15, 23, 42, .24) 74%, rgba(15, 23, 42, .08) 100%);--hero-motion-layer-opacity: .34;--hero-overlay-opacity: .3;--hero-dot-color: rgba(125, 211, 252, .24);--hero-grid-color: rgba(125, 211, 252, .12);--hero-sweep-color: rgba(125, 211, 252, .18)}#hero.hero.section:before,#hero.hero.section:after{content:"";position:absolute;pointer-events:none}#hero.hero.section:before{inset:0;z-index:0;background:linear-gradient(90deg,rgba(255,255,255,.74) 0%,rgba(255,255,255,.56) 34%,rgba(255,255,255,.12) 55%,transparent 100%),var(--hero-bg-image) var(--hero-bg-position) / cover no-repeat;opacity:var(--hero-motion-layer-opacity);transform:translate3d(var(--hero-scroll-shift),0,0) scale(1.015);transform-origin:center;will-change:transform;animation:heroBgDriftZoom 28s ease-in-out infinite alternate}#hero.hero.section:after{inset:0;z-index:1;opacity:var(--hero-overlay-opacity);background:radial-gradient(circle,var(--hero-dot-color) 0 1.5px,transparent 3px),linear-gradient(115deg,transparent 0%,transparent 30%,var(--hero-sweep-color) 48%,transparent 66%,transparent 100%),linear-gradient(var(--hero-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--hero-grid-color) 1px,transparent 1px);background-size:52px 52px,210% 100%,72px 72px,72px 72px;background-position:0 0,-180% 0,0 0,0 0;mix-blend-mode:multiply;will-change:background-position,opacity;animation:heroBlueprintOverlay 18s linear infinite}[data-theme=dark] #hero.hero.section:after{mix-blend-mode:screen}[data-theme=dark] #hero.hero.section:before{background:linear-gradient(90deg,rgba(15,23,42,.76) 0%,rgba(15,23,42,.58) 34%,rgba(15,23,42,.16) 55%,transparent 100%),var(--hero-bg-image) var(--hero-bg-position) / cover no-repeat}#hero.hero.section .hero-content{z-index:5;padding:34px 36px 38px;border-radius:16px;border:1px solid rgba(255,255,255,.34);background:#ffffff26;-webkit-backdrop-filter:blur(10px) saturate(1.08);backdrop-filter:blur(10px) saturate(1.08);box-shadow:0 24px 70px #0f172a1a}[data-theme=dark] #hero.hero.section .hero-content{border-color:#7dd3fc2e;background:#0f172a47;box-shadow:0 24px 70px #00000047}#hero.hero.section .hero-content>*{z-index:6}#hero.hero.section .hero-name .highlight{background:linear-gradient(135deg,#0a2463,#0f3f8c 54%,#075985);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 12px rgba(255,255,255,.86))}#hero.hero.section .hero-greeting,#hero.hero.section .hero-desc{color:#1e293b;text-shadow:0 2px 12px rgba(255,255,255,.94)}#hero.hero.section .hero-name,#hero.hero.section .hero-role,#hero.hero.section .hero-desc{text-shadow:0 2px 14px rgba(255,255,255,.92)}#hero.hero.section .hero-role .typed-text{color:#0b6b61;text-shadow:0 2px 12px rgba(255,255,255,.94)}[data-theme=dark] #hero.hero.section .hero-name .highlight{background:linear-gradient(135deg,#e0f2fe,#7dd3fc 55%,#bae6fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 14px rgba(15,23,42,.82))}[data-theme=dark] #hero.hero.section .hero-greeting,[data-theme=dark] #hero.hero.section .hero-desc{color:#e2e8f0;text-shadow:0 1px 14px rgba(15,23,42,.9)}[data-theme=dark] #hero.hero.section .hero-name,[data-theme=dark] #hero.hero.section .hero-role,[data-theme=dark] #hero.hero.section .hero-desc{text-shadow:0 2px 16px rgba(15,23,42,.96)}[data-theme=dark] #hero.hero.section .hero-role .typed-text{color:#99f6e4;text-shadow:0 1px 14px rgba(15,23,42,.9)}#hero.hero.section .hero-image{position:relative;z-index:10!important;isolation:isolate}#hero.hero.section .hero-image-wrapper,#hero.hero.section .hero-image-wrapper img{position:relative;z-index:10!important}.mobile-name-break{display:none}.hero .container{z-index:2}@media(max-width:768px){#hero.hero.section{--hero-bg-overlay: linear-gradient(180deg, rgba(248, 250, 252, .96) 0%, rgba(248, 250, 252, .9) 42%, rgba(248, 250, 252, .62) 72%, rgba(248, 250, 252, .22) 100%);--hero-bg-position: 68% center;--hero-motion-layer-opacity: .52;--hero-overlay-opacity: .38}[data-theme=dark] #hero.hero.section{--hero-bg-overlay: linear-gradient(180deg, rgba(15, 23, 42, .9) 0%, rgba(15, 23, 42, .78) 38%, rgba(15, 23, 42, .46) 68%, rgba(15, 23, 42, .2) 100%)}#hero.hero.section:before{inset:0;animation-duration:42s}#hero.hero.section:after{opacity:var(--hero-overlay-opacity);background-size:64px 64px,240% 100%,84px 84px,84px 84px}#hero.hero.section .hero-content{padding:28px 24px 30px}}@media(max-width:480px){#hero.hero.section .hero-image{width:100%}#hero.hero.section .hero-content{width:100%;max-width:100%;justify-self:center;padding:24px 18px 28px}#hero.hero.section .hero-desc{width:min(100%,300px);max-width:100%;margin-inline:auto;overflow-wrap:break-word}#hero.hero.section .hero-badges{width:min(100%,360px);margin-inline:auto;flex-direction:column;align-items:center;justify-content:center}#hero.hero.section .hero-badge{width:fit-content;max-width:calc(100vw - 32px)}.hero-name{line-height:1.08}.mobile-name-break{display:block}}@keyframes heroBgDriftZoom{0%{transform:translate3d(calc(var(--hero-scroll-shift) + 0px),0,0) scale(1.025)}50%{transform:translate3d(calc(var(--hero-scroll-shift) - 22px),-8px,0) scale(1.052)}to{transform:translate3d(calc(var(--hero-scroll-shift) - 44px),10px,0) scale(1.08)}}@keyframes heroBlueprintOverlay{0%{background-position:0 0,-180% 0,0 0,0 0;opacity:calc(var(--hero-overlay-opacity) - .1)}50%{background-position:58px -62px,35% 0,34px 22px,-30px 30px;opacity:var(--hero-overlay-opacity)}to{background-position:116px -124px,190% 0,68px 44px,-60px 60px;opacity:calc(var(--hero-overlay-opacity) - .1)}}@media(prefers-reduced-motion:reduce)and (max-width:0px){#hero.hero.section{--hero-scroll-shift: 0px !important}#hero.hero.section:before,#hero.hero.section:after{animation:none!important}#hero.hero.section:before{transform:none!important}}#about.section,#education.section,#portfolio.section,#penilaian.section,#model-guru.section,#skills.section,#certificates.section,#gallery.section,#contact.section{position:relative;isolation:isolate;overflow:hidden}#about.section:before,#education.section:before,#portfolio.section:before,#penilaian.section:before,#model-guru.section:before,#skills.section:before,#certificates.section:before,#gallery.section:before,#contact.section:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:var(--section-svg-opacity, .24);mix-blend-mode:multiply;transform:translateZ(0) scale(1.04);transform-origin:center;will-change:transform,opacity,background-position;animation:sectionSvgDrift 32s ease-in-out infinite alternate}#about.section>.container,#education.section>.container,#portfolio.section>.container,#penilaian.section>.container,#model-guru.section>.container,#skills.section>.container,#certificates.section>.container,#gallery.section>.container,#contact.section>.container{position:relative;z-index:1}#about.section:before{--section-svg-opacity: .34}#education.section:before{--section-svg-opacity: .3}#portfolio.section:before{--section-svg-opacity: .22}#penilaian.section:before{--section-svg-opacity: .3}#model-guru.section:before{--section-svg-opacity: .3}#skills.section:before{--section-svg-opacity: .28}#certificates.section:before{--section-svg-opacity: .28}#gallery.section:before{--section-svg-opacity: .22}#contact.section:before{--section-svg-opacity: .28}[data-theme=dark] #about.section:before,[data-theme=dark] #education.section:before,[data-theme=dark] #portfolio.section:before,[data-theme=dark] #penilaian.section:before,[data-theme=dark] #model-guru.section:before,[data-theme=dark] #skills.section:before,[data-theme=dark] #certificates.section:before,[data-theme=dark] #gallery.section:before,[data-theme=dark] #contact.section:before{opacity:calc(var(--section-svg-opacity, .24) * .86);mix-blend-mode:screen;filter:invert(1) hue-rotate(165deg) saturate(1.25) brightness(.82)}@media(max-width:768px){#about.section:before,#education.section:before,#portfolio.section:before,#penilaian.section:before,#model-guru.section:before,#skills.section:before,#certificates.section:before,#gallery.section:before,#contact.section:before{background-size:auto 100%;background-position:center top;opacity:calc(var(--section-svg-opacity, .24) * .78)}}@keyframes sectionSvgDrift{0%{transform:translate3d(-14px,-8px,0) scale(1.04);background-position:46% 48%}50%{transform:translate3d(10px,8px,0) scale(1.07);background-position:53% 52%}to{transform:translate3d(18px,-10px,0) scale(1.05);background-position:50% 46%}}@media(prefers-reduced-motion:reduce)and (max-width:0px){#about.section:before,#education.section:before,#portfolio.section:before,#penilaian.section:before,#model-guru.section:before,#skills.section:before,#certificates.section:before,#gallery.section:before,#contact.section:before{animation:none!important;transform:none!important}}#particleCanvas{position:fixed!important;inset:0!important;z-index:2!important;opacity:.82!important;mix-blend-mode:multiply;pointer-events:none!important}[data-theme=dark] #particleCanvas{opacity:.65!important;mix-blend-mode:screen}#about.section:before,#education.section:before,#portfolio.section:before,#penilaian.section:before,#model-guru.section:before,#skills.section:before,#certificates.section:before,#gallery.section:before,#contact.section:before,#hero.hero.section:before,#hero.hero.section:after{z-index:0}#about.section>.container,#education.section>.container,#portfolio.section>.container,#penilaian.section>.container,#model-guru.section>.container,#skills.section>.container,#certificates.section>.container,#gallery.section>.container,#contact.section>.container,#hero.hero.section>.container{z-index:3}section,.section{position:relative!important;z-index:auto!important}section>.container,.section>.container{position:relative!important;z-index:3!important}.portfolio-card,.pillar-card,.skill-item-card,.about-image-card,.about-stat,.gallery-item,.timeline-card,.profil-narasi,.life-step-dot,.contact-detail-item{transform:translateZ(0);backface-visibility:hidden}#particleCanvas{will-change:transform}.navbar.scrolled,.modal-overlay,.gallery-lightbox{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.accordion-body{transition:max-height .3s ease,opacity .2s ease!important}.tab-btn,.filter-btn,.skills-tab-btn{transition:background-color .25s ease,color .25s ease,transform .25s ease!important;will-change:auto}.tab-btn.active,.filter-btn.active,.skills-tab-btn.active{will-change:transform}.portfolio-card,.skill-item-card,.pillar-card,.timeline-card,.gallery-item,.contact-detail-item{contain:layout style paint}@media(max-width:768px){*,*:before,*:after{transition-duration:.2s!important}.navbar,.modal-overlay,.gallery-lightbox,.hero-content{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.portfolio-chooser{position:fixed;inset:0;z-index:9998;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);display:none;align-items:center;justify-content:center;opacity:1}.portfolio-chooser.active{display:flex;opacity:1}.chooser-content{text-align:center;padding:40px 24px;max-width:700px;width:100%}.chooser-logo{display:flex;justify-content:center;margin-bottom:32px}.chooser-logo img{width:min(200px,50vw);height:auto;background:none;border:none;border-radius:0;padding:0;box-shadow:none;display:block}.chooser-title{font-size:2rem;font-weight:800;color:#fff;margin-bottom:8px}.chooser-subtitle{font-size:1rem;color:#ffffffb3;margin-bottom:40px}.chooser-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.chooser-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:32px 24px;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden;color:#fff;font-family:inherit;font-size:inherit}.chooser-card:hover{background:#ffffff1f;border-color:#2ec4b680;transform:translateY(-6px) scale(1.02);box-shadow:0 20px 50px #0000004d}.chooser-card-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#2ec4b6,#0f5ea8);color:#fff;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;line-height:1}.chooser-card-icon{font-size:3rem;margin-bottom:16px}.chooser-card h3{font-size:1.3rem;font-weight:700;margin-bottom:10px;color:#fff}.chooser-card p{font-size:.85rem;color:#ffffffa6;line-height:1.5;margin-bottom:16px}.chooser-card-cta{font-size:.85rem;font-weight:600;color:#2ec4b6;transition:color .2s}.chooser-card:hover .chooser-card-cta{color:#7dd3fc}.chooser-card.is-locked{cursor:not-allowed;filter:grayscale(.6) brightness(.92);opacity:.78;position:relative;overflow:hidden}.chooser-card.is-locked:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,#ffffff0d 0 14px,#00000014 14px 28px);pointer-events:none;z-index:1}.chooser-card.is-locked>*:not(.chooser-card-badge){position:relative;z-index:2}.chooser-card.is-locked .chooser-card-badge{z-index:3}.chooser-card.is-locked:hover{transform:none;background:#ffffff0f;border-color:#ffffff26;box-shadow:none;filter:grayscale(.55) brightness(.95)}.chooser-card.is-locked .chooser-card-badge{background:linear-gradient(135deg,#6b7280,#374151)}.chooser-card.is-locked .chooser-card-cta{color:#ffffff8c;font-weight:500}.chooser-card.is-locked:hover .chooser-card-cta{color:#fff9}.chooser-card-lock{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:6px 14px;border-radius:999px;background:#0f172a80;border:1px solid rgba(255,255,255,.16);color:#fda4af;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.chooser-card-lock i{font-size:.78rem}.chooser-card.shake{animation:chooserCardShake .45s cubic-bezier(.36,.07,.19,.97)}@keyframes chooserCardShake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}@media(max-width:600px){.chooser-cards{grid-template-columns:1fr;gap:16px}.chooser-title{font-size:1.5rem}.chooser-card{padding:24px 20px}}.portfolio-chooser.active~.scroll-progress,.portfolio-chooser.active~nav.navbar,body:has(.portfolio-chooser.active) .scroll-rail,body:has(.portfolio-chooser.active) .scroll-progress,body:has(.portfolio-chooser.active) .navbar,body:has(.portfolio-chooser.active) .scroll-indicator{display:none!important}body.chooser-active .scroll-progress,body.chooser-active .navbar,body.chooser-active .scroll-indicator,body.chooser-active .back-to-top,.scroll-indicator{display:none!important}.portfolio-chooser{-webkit-overflow-scrolling:touch;overflow-y:auto}@media(max-width:768px){.portfolio-chooser{padding:20px 0}.chooser-content{padding:20px 16px}.chooser-logo img{width:min(160px,45vw)}.chooser-title{font-size:1.4rem}.chooser-subtitle{font-size:.9rem;margin-bottom:24px}.chooser-card{padding:24px 16px}.chooser-card-icon{font-size:2.2rem}.chooser-card h3{font-size:1.1rem}}.portfolio-chooser{position:fixed!important;inset:0!important;z-index:99999!important;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.portfolio-chooser:not(.active){display:none!important}.portfolio-chooser.active{display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;visibility:visible!important}.portfolio-chooser .chooser-content{position:relative!important;z-index:100000!important;color:#fff!important;width:100%!important;max-width:700px!important}.portfolio-chooser .chooser-title,.portfolio-chooser .chooser-card h3{color:#fff!important}.portfolio-chooser .chooser-subtitle{color:#ffffffb3!important}.portfolio-chooser .chooser-card{display:block!important;visibility:visible!important;opacity:1!important}@media(max-width:768px){.portfolio-chooser .chooser-cards{grid-template-columns:1fr!important}}.assessment-dossier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,34px);margin-top:36px}.assessment-dossier-card{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(180px,.72fr);gap:22px;overflow:hidden;min-height:360px;padding:clamp(24px,3vw,34px);border-radius:30px;background:linear-gradient(145deg,#ffffffeb,#f8fcffc7),radial-gradient(circle at top right,rgba(46,196,182,.18),transparent 38%);border:1px solid rgba(15,94,168,.12);box-shadow:0 28px 70px #0f172a1c;isolation:isolate}.assessment-dossier-card:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,#0f5ea86b,#2ec4b657,#f7c05b47);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.assessment-dossier-card:after{content:"";position:absolute;width:190px;height:190px;right:-70px;top:-70px;border-radius:999px;background:#2ec4b62e;filter:blur(4px);z-index:-1}.assessment-dossier-card.dossier-amber:after{background:#f7c05b33}.dossier-watermark{position:absolute;right:24px;bottom:-20px;font-size:clamp(5rem,12vw,8.5rem);font-weight:900;letter-spacing:-.08em;color:#0f5ea80e;line-height:1;pointer-events:none}.dossier-kicker{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:8px 13px;margin-bottom:18px;border-radius:999px;background:#0f5ea817;color:#0f5ea8;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.dossier-amber .dossier-kicker{background:#f7c05b2e;color:#9a6200}.dossier-content h3{margin:0 0 12px;color:#0f172a;font-size:clamp(1.35rem,2.1vw,1.9rem);line-height:1.18}.dossier-content p{margin:0 0 20px;color:#526173;line-height:1.75}.dossier-meta{display:grid;gap:10px;margin:22px 0}.dossier-meta span{display:flex;justify-content:space-between;gap:16px;padding:11px 13px;border-radius:14px;background:#ffffff9e;border:1px solid rgba(15,94,168,.08);color:#475569;font-size:.9rem}.dossier-meta strong{color:#0f5ea8}.dossier-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.dossier-btn,.dossier-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:999px;font-weight:800;text-decoration:none;border:0;cursor:pointer;font-family:inherit;font-size:.92rem}.dossier-btn{background:linear-gradient(135deg,#0f5ea8,#2ec4b6);color:#fff;box-shadow:0 14px 30px #0f5ea838}.dossier-link{color:#0f5ea8;background:#0f5ea814}.dossier-btn.disabled,.dossier-link.disabled{cursor:not-allowed;opacity:.58;filter:grayscale(.15)}.dossier-preview{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.dossier-preview img{width:min(100%,230px);height:310px;object-fit:cover;object-position:top center;border-radius:20px;background:#fff;border:1px solid rgba(15,94,168,.13);box-shadow:0 22px 42px #0f172a21;transition:transform .3s ease,box-shadow .3s ease}.dossier-preview span{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;gap:8px;transform:translate(-50%,-50%) scale(.96);white-space:nowrap;padding:11px 15px;border-radius:999px;background:#0f5ea8eb;color:#fff;border:1px solid rgba(255,255,255,.28);font-size:.82rem;font-weight:850;opacity:0;box-shadow:0 14px 32px #0f5ea852;transition:opacity .24s ease,transform .24s ease}.dossier-preview:after{content:"";position:absolute;width:min(100%,230px);height:310px;border-radius:20px;background:linear-gradient(180deg,#0f5ea814,#0f172a6b);opacity:0;transition:opacity .24s ease}.dossier-preview:hover img{transform:translateY(-4px) scale(1.015);box-shadow:0 28px 54px #0f172a2e}.dossier-preview:hover span,.dossier-preview:focus-visible span{opacity:1;transform:translate(-50%,-50%) scale(1);z-index:2}.dossier-preview:hover:after,.dossier-preview:focus-visible:after{opacity:1}.dossier-preview-sheet{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(100%,210px);aspect-ratio:.72;border-radius:20px;background:linear-gradient(180deg,#fff,#eef7ff),linear-gradient(135deg,#0f5ea81f,#2ec4b61f);border:1px solid rgba(15,94,168,.13);box-shadow:0 22px 42px #0f172a21;transform:rotate(2deg)}.dossier-preview-sheet:before{content:"";position:absolute;top:0;right:0;border-top:44px solid rgba(46,196,182,.2);border-left:44px solid transparent;border-top-right-radius:18px}.dossier-preview-sheet i{color:#ef4444;font-size:2.6rem;margin-bottom:14px}.dossier-preview-sheet span{color:#0f5ea8;font-weight:900;font-size:1.05rem}.dossier-preview-sheet small{margin-top:6px;color:#64748b;font-weight:650}.assessment-highlights{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}.assessment-highlights span{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;background:#0f5ea814;color:#0f5ea8;font-weight:800;border:1px solid rgba(15,94,168,.1)}[data-theme=dark] .assessment-dossier-card{background:linear-gradient(145deg,#0f172af0,#111827e0),radial-gradient(circle at top right,rgba(56,189,248,.18),transparent 40%);border-color:#7dd3fc2e;box-shadow:0 30px 80px #0000006b}[data-theme=dark] .dossier-watermark{color:#7dd3fc12}[data-theme=dark] .dossier-kicker{background:#38bdf824;color:#bae6fd}[data-theme=dark] .dossier-amber .dossier-kicker{background:#f7c05b24;color:#fde68a}[data-theme=dark] .dossier-content h3{color:#f8fafc}[data-theme=dark] .dossier-content p,[data-theme=dark] .dossier-meta span{color:#cbd5e1}[data-theme=dark] .dossier-meta span{background:#0f172aad;border-color:#94a3b82e}[data-theme=dark] .dossier-meta strong{color:#7dd3fc}[data-theme=dark] .dossier-link,[data-theme=dark] .assessment-highlights span{color:#bae6fd;background:#38bdf81f;border-color:#7dd3fc2e}[data-theme=dark] .dossier-preview-sheet{background:linear-gradient(180deg,#172033,#0f172a);border-color:#7dd3fc33}[data-theme=dark] .dossier-preview img{border-color:#7dd3fc38;background:#0f172a}[data-theme=dark] .dossier-preview span{background:#38bdf8eb;color:#082f49;border-color:#e0f2fe80;box-shadow:0 14px 34px #38bdf83d}[data-theme=dark] .dossier-preview:after{background:linear-gradient(180deg,#38bdf81a,#082f4994)}[data-theme=dark] .dossier-preview-sheet span{color:#bae6fd}[data-theme=dark] .dossier-preview-sheet small{color:#94a3b8}@media(max-width:980px){.assessment-dossier-grid{grid-template-columns:1fr}}@media(max-width:640px){.assessment-dossier-card{grid-template-columns:1fr;min-height:unset}.dossier-preview-sheet{width:min(100%,180px)}.dossier-meta span{flex-direction:column;gap:4px}}:root{--icon-blue: #0F5EA8;--icon-cyan: #06B6D4;--icon-teal: #2EC4B6;--icon-amber: #F59E0B;--icon-coral: #FF6B6B;--icon-violet: #8B5CF6;--icon-mint: #10B981;--icon-pink: #EC4899}[data-theme=dark]{--icon-blue: #7DD3FC;--icon-cyan: #22D3EE;--icon-teal: #5EEAD4;--icon-amber: #FDE68A;--icon-coral: #FDA4AF;--icon-violet: #C4B5FD;--icon-mint: #86EFAC;--icon-pink: #F9A8D4}.section-badge i,.chooser-title i,.nav-controls i,.home-btn i,.card-link i,.card-img-overlay i,.dossier-kicker i,.dossier-preview span i,.assessment-highlights i,.modal-close i,.cert-btn i,.ep2-card-icon i,.ep2-modal-tag i,.ep2-modal-action i,.ep2-modal-solution i,.back-to-top i{color:var(--icon-cyan);text-shadow:0 8px 24px color-mix(in srgb,currentColor 22%,transparent)}.section-badge:nth-of-type(1) i,.section-badge.blue i,.card-tag.rpp+* i,.dossier-blue .dossier-kicker i{color:var(--icon-blue)}.section-badge.mint i,.card-tag.asesmen+* i,.assessment-highlights span:nth-child(1) i,.dossier-kicker .fa-file-signature{color:var(--icon-mint)}.section-badge.amber i,.card-tag.media+* i,.assessment-highlights span:nth-child(2) i,.dossier-amber .dossier-kicker i{color:var(--icon-amber)}.section-badge.lavender i,.card-link .fa-chart-simple,.assessment-highlights span:nth-child(3) i,.ep2-modal-tag i{color:var(--icon-violet)}.card-img-overlay .fa-file-pdf,.dossier-preview .fa-magnifying-glass-plus,.assessment-highlights span:nth-child(4) i{color:var(--icon-coral)}.contact-icon i{color:var(--icon-cyan)}.hero-social i,.footer-social i,.ep2-card-icon i,.ep2-question-icon i,.ep2-filosofi-mini-icon i,.ep2-value-mini-icon i,.ep2-hero-preview-icon i{color:#fff}.skill-category i,.skill-card i{color:var(--icon-teal)}.gallery-category i,.cert-icon i{color:var(--icon-pink)}.card-link:hover i,.dossier-btn:hover i,.dossier-link:hover i,.assessment-highlights span:hover i{filter:brightness(1.12) saturate(1.25);transform:translateY(-1px) scale(1.04)}.card-link i,.dossier-btn i,.dossier-link i,.assessment-highlights i,.dossier-preview span i{transition:transform .2s ease,filter .2s ease,color .2s ease}[data-theme=dark] .card-img-overlay i,[data-theme=dark] .dossier-preview span i{text-shadow:0 0 18px color-mix(in srgb,currentColor 46%,transparent)}.perf-toggle{font-size:1.05rem;line-height:1}.perf-toggle .perf-icon{display:inline-block;transition:transform .4s var(--ease-bounce)}.perf-toggle:hover .perf-icon{transform:scale(1.15)}html.perf-mode .perf-toggle{background:var(--gradient-warm);border-color:transparent;color:#fff}html.perf-mode .perf-toggle .perf-icon{filter:drop-shadow(0 0 6px rgba(255,255,255,.6))}html.perf-mode #particleCanvas,html.perf-mode #ep2ParticleCanvas,html.perf-mode .floating-shapes,html.perf-mode .ep2-hero-shapes,html.perf-mode .ep2-aurora-bg,html.perf-mode .ep2-particles,html.perf-mode .ep2-ambient-shapes,html.perf-mode .ep2-ambient-line{display:none!important}html.perf-mode #hero.hero.section:before,html.perf-mode #hero.hero.section:after,html.perf-mode .ep2-hero:before{animation:none!important}html.perf-mode #hero.hero.section:after{display:none!important}html.perf-mode *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.perf-mode .hero-image-wrapper:before,html.perf-mode .hero-content:before,html.perf-mode .shape{filter:none!important}html.perf-mode #particleCanvas,html.perf-mode .scroll-aura,html.perf-mode .scroll-aura__wash,html.perf-mode .scroll-aura__beam,html.perf-mode .floating-shapes,html.perf-mode .ep2-aurora-bg{mix-blend-mode:normal!important}html.perf-mode .scroll-fx-current *{will-change:auto!important}html.perf-mode .scroll-fx-current .hero-greeting,html.perf-mode .scroll-fx-current .hero-name,html.perf-mode .scroll-fx-current .hero-role,html.perf-mode .scroll-fx-current .hero-desc,html.perf-mode .scroll-fx-current .hero-actions .btn,html.perf-mode .scroll-fx-current .hero-social a,html.perf-mode .scroll-fx-current .hero-image-wrapper,html.perf-mode .scroll-fx-current .hero-badge,html.perf-mode .scroll-fx-current .portfolio-card,html.perf-mode .scroll-fx-current .section-header,html.perf-mode .scroll-fx-current .timeline-card,html.perf-mode .scroll-fx-current .assessment-card,html.perf-mode .scroll-fx-current .chart-panel,html.perf-mode .scroll-fx-current .pillar-card,html.perf-mode .scroll-fx-current .gallery-item,html.perf-mode .scroll-fx-current .skill-item-card,html.perf-mode .scroll-fx-current .cert-card{will-change:auto}html.perf-mode .section{content-visibility:auto;contain-intrinsic-size:1px 800px}.perf-info-overlay{position:fixed;inset:0;background:#0f172a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:10010;padding:24px;opacity:0;transition:opacity .25s ease}.perf-info-overlay.active{display:flex;opacity:1}.perf-info-box{background:var(--white);color:var(--gray-700);border-radius:20px;padding:28px 28px 22px;max-width:460px;width:100%;box-shadow:0 30px 80px #00000059;transform:scale(.92) translateY(16px);transition:transform .3s var(--ease-bounce)}.perf-info-overlay.active .perf-info-box{transform:scale(1) translateY(0)}[data-theme=dark] .perf-info-box{background:#111827;color:#e2e8f0;border:1px solid rgba(148,163,184,.18)}.perf-info-title{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.15rem;font-weight:800;margin:0 0 12px;color:var(--coral-dark)}[data-theme=dark] .perf-info-title{color:var(--coral-light)}.perf-info-title .perf-bolt{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:var(--gradient-warm);color:#fff;font-size:.95rem}.perf-info-box p{font-size:.92rem;line-height:1.65;margin:0 0 12px}.perf-info-box ul{list-style:none;padding:0;margin:6px 0 16px;font-size:.88rem;display:grid;gap:6px}.perf-info-box ul li{display:flex;gap:8px;align-items:flex-start;line-height:1.55}.perf-info-box ul li:before{content:"✓";color:var(--teal-dark);font-weight:800;flex-shrink:0}.perf-info-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.perf-info-btn{border:none;padding:10px 18px;border-radius:10px;font-family:var(--font-body);font-size:.88rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.perf-info-btn.primary{background:var(--gradient-warm);color:#fff;box-shadow:0 8px 22px #ff6b6b52}.perf-info-btn.primary:hover{transform:translateY(-2px);filter:brightness(1.05)}.perf-info-btn.ghost{background:var(--gray-100);color:var(--gray-700)}[data-theme=dark] .perf-info-btn.ghost{background:#94a3b829;color:#e2e8f0}.perf-info-btn.ghost:hover{transform:translateY(-2px)}.perf-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--gray-900);color:#fff;padding:12px 20px;border-radius:999px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 20px 40px #0000004d;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:10005}.perf-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.perf-toast .perf-toast-icon{font-size:1rem;color:#ffd166}.perf-toast .perf-toast-text{color:#fff}[data-theme=dark] .perf-toast{background:#f8fafc;color:#1a2030;box-shadow:0 20px 40px #00000073;border:1px solid rgba(255,255,255,.18)}[data-theme=dark] .perf-toast .perf-toast-icon{color:#e24a4a}[data-theme=dark] .perf-toast .perf-toast-text{color:#1a2030}html{scroll-behavior:smooth;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{-webkit-font-smoothing:antialiased;backface-visibility:hidden}.hero-image,.hero-image-wrapper,.hero-badge,.floating-shapes .shape,.portfolio-card,.cert-card,.gallery-item,.skill-item-card,.pillar-card,.philosophy-card,.timeline-card,.chooser-card,.about-image,.profile-img,.life-timeline-item,.intro-tear-half{transform:translateZ(0);will-change:transform;backface-visibility:hidden}.btn,.nav-links a,.portfolio-card,.cert-card,.gallery-item,.skill-item-card,.pillar-card,.philosophy-card,.chooser-card,.tab-btn,.filter-btn,.skills-tab-btn,.theme-icon,.hamburger,.back-to-top{transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:.35s}.portfolio-card:hover,.cert-card:hover,.gallery-item:hover,.skill-item-card:hover,.pillar-card:hover,.philosophy-card:hover,.chooser-card:hover{transform:translate3d(0,-6px,0)}nav.navbar{will-change:transform;transform:translateZ(0);transition:background-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}.scroll-progress{will-change:width;transform:translateZ(0);transition:width .08s linear}.reveal,.reveal-left,.reveal-right{transition-property:opacity,transform;transition-duration:.7s;transition-timing-function:cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.reveal.visible,.reveal-left.visible,.reveal-right.visible{will-change:auto}#particleCanvas{will-change:transform;transform:translateZ(0)}img{content-visibility:auto}.portfolio-chooser,.modal,.cert-modal,.loading-screen{transition:opacity .4s cubic-bezier(.22,1,.36,1),visibility .4s cubic-bezier(.22,1,.36,1);will-change:opacity}@media(prefers-reduced-motion:reduce)and (max-width:0px){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){.glass,nav.navbar.scrolled{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.portfolio-card,.cert-card,.gallery-item,.skill-item-card,.pillar-card,.philosophy-card{box-shadow:0 4px 14px #00000014}}.eportfolio2-wrapper{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;background:var(--off-white, #fafbfd);scroll-behavior:smooth;scrollbar-width:thin;z-index:1}.eportfolio2-wrapper::-webkit-scrollbar{width:8px}.eportfolio2-wrapper::-webkit-scrollbar-thumb{background:var(--gray-200, #DEE2E8);border-radius:8px}.eportfolio2-wrapper::-webkit-scrollbar-thumb:hover{background:var(--gray-300, #C4CAD4)}.eportfolio2-wrapper>section{min-height:100vh;min-height:100dvh;width:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:90px 0 40px;box-sizing:border-box}.eportfolio2-wrapper>section .container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}#ep2-refleksi{background:var(--white)}#ep2-filosofi{background:var(--off-white, #fafbfd)}.ep2-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid transparent;padding:16px 0;transition:all .35s var(--ease-smooth, ease)}.ep2-navbar.scrolled{padding:10px 0;background:var(--glass-bg, rgba(255, 255, 255, .85));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border, rgba(0, 0, 0, .06));box-shadow:var(--shadow-sm, 0 4px 16px rgba(0,0,0,.06))}.ep2-navbar .container{max-width:100%;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.ep2-navbar .nav-logo img{height:36px;width:auto}.ep2-navbar .nav-links{display:flex;list-style:none;gap:32px;margin:0;padding:0}.ep2-navbar .nav-links a{font-weight:600;font-size:.92rem;color:var(--gray-500);text-decoration:none;position:relative;padding:4px 0;transition:color .3s ease}.ep2-navbar .nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:3px;border-radius:2px;background:var(--gradient-warm, linear-gradient(90deg, var(--teal), var(--coral)));transition:width .3s ease}.ep2-navbar .nav-links a:hover,.ep2-navbar .nav-links a.active{color:var(--coral-dark, #E24A4A)}.ep2-navbar .nav-links a:hover:after,.ep2-navbar .nav-links a.active:after{width:100%}.ep2-navbar .nav-actions{display:flex;align-items:center;gap:10px}.ep2-navbar .hamburger{display:none}.ep2-section .section-header{margin-bottom:32px;text-align:center}.ep2-section .section-title{font-family:var(--font-heading, "Outfit", sans-serif);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--gray-800);margin:10px 0 6px;line-height:1.2}.ep2-section .section-subtitle{font-size:.95rem;color:var(--gray-500);max-width:600px;margin:0 auto}.ep2-hero{text-align:center;justify-content:center;background:var(--off-white, #fafbfd);overflow:hidden}.ep2-hero-shapes{position:absolute;inset:0;pointer-events:none;opacity:.15;z-index:0}.ep2-hero-shapes .shape{position:absolute;border-radius:50%;background:var(--coral, #FF6B6B);animation:ep2-float 6s ease-in-out infinite}.ep2-hero-shapes .shape-circle{width:220px;height:220px;top:8%;right:8%;background:var(--teal, #2EC4B6)}.ep2-hero-shapes .shape-square{width:130px;height:130px;bottom:14%;left:6%;border-radius:24px;background:var(--lavender, #9B72CF);animation-delay:-2s}.ep2-hero-shapes .shape-triangle{width:90px;height:90px;top:38%;right:4%;background:var(--coral, #FF6B6B);animation-delay:-4s}@keyframes ep2-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.ep2-hero-content{position:relative;z-index:1;transform:translateY(28px);display:flex;flex-direction:column;gap:36px;max-width:1200px;margin:0 auto;width:100%}.ep2-hero-top{display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:center}.ep2-hero-left{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.ep2-hero-photo{width:150px;height:150px;border-radius:50%;overflow:hidden;border:5px solid var(--white);box-shadow:0 14px 36px #ff6b6b2e;background:var(--white)}.ep2-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.ep2-hero-identity{display:flex;flex-direction:column;align-items:center;gap:4px}.ep2-hero-name{font-family:var(--font-heading, "Outfit", sans-serif);font-size:1.4rem;font-weight:800;color:var(--gray-800);margin:0;line-height:1.3}.ep2-hero-role{font-size:.88rem;color:var(--gray-500);margin:0;font-weight:500}.ep2-hero-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px}.ep2-hero-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600;background:#2ec4b61a;color:var(--teal-dark, #1FA899);border:1px solid rgba(46,196,182,.2)}.ep2-hero-tag i{font-size:.7rem}.ep2-hero-social{display:flex;gap:10px}.ep2-hero-social a{width:38px;height:38px;min-width:38px;min-height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--gray-500);background:var(--white);border:1px solid var(--gray-200, #DEE2E8);transition:all .3s ease;flex-shrink:0;aspect-ratio:1}.ep2-hero-social a:nth-child(1){color:#0a66c2}.ep2-hero-social a:nth-child(2){color:#e4405f}.ep2-hero-social a:nth-child(3){color:red}.ep2-hero-social a:nth-child(4){color:#333}.ep2-hero-social a:hover{color:#fff;transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.ep2-hero-social a:hover i{color:#fff}.ep2-hero-social a:nth-child(1):hover{background:#0a66c2;border-color:#0a66c2}.ep2-hero-social a:nth-child(2):hover{background:#e4405f;border-color:#e4405f}.ep2-hero-social a:nth-child(3):hover{background:red;border-color:red}.ep2-hero-social a:nth-child(4):hover{background:#333;border-color:#333}.ep2-hero-right{display:flex;flex-direction:column;gap:14px;text-align:left}.ep2-hero-greeting{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--teal, #2EC4B6);padding:6px 16px;background:#2ec4b61a;border-radius:30px;width:fit-content}.ep2-title{font-family:var(--font-heading, "Outfit", sans-serif);font-size:clamp(1.9rem,4.2vw,2.8rem);font-weight:800;color:var(--gray-800);margin:0;line-height:1.15}.ep2-subtitle{font-size:clamp(.9rem,1.8vw,1.02rem);color:var(--gray-500);margin:0;line-height:1.7;max-width:580px}.ep2-hero-quote{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#9b72cf0f,#2ec4b60f);border-radius:12px;border-left:4px solid var(--lavender, #9B72CF)}.ep2-hero-quote i{color:var(--lavender, #9B72CF);font-size:.9rem;margin-top:3px}.ep2-hero-quote p{font-size:.88rem;font-style:italic;line-height:1.6;color:var(--gray-600);margin:0}.ep2-hero-actions{display:flex;gap:14px;flex-wrap:wrap}.ep2-hero-preview{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ep2-hero-preview-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--white);border-radius:16px;border:1px solid var(--gray-100);transition:transform .3s ease,box-shadow .3s ease;cursor:default}.ep2-hero-preview-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.ep2-hero-preview-card[data-accent=teal]{border-top:4px solid var(--teal, #2EC4B6)}.ep2-hero-preview-card[data-accent=lavender]{border-top:4px solid var(--lavender, #9B72CF)}.ep2-hero-preview-icon{width:50px;height:50px;min-width:50px;min-height:50px;aspect-ratio:1;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;line-height:1;flex-shrink:0;overflow:visible}.ep2-hero-preview-card[data-accent=teal] .ep2-hero-preview-icon{background:linear-gradient(135deg,var(--teal, #2EC4B6),var(--teal-dark, #1FA899))}.ep2-hero-preview-card[data-accent=lavender] .ep2-hero-preview-icon{background:linear-gradient(135deg,var(--lavender, #9B72CF),#6B4FA3)}.ep2-hero-preview-text{flex:1}.ep2-hero-preview-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);margin-bottom:4px}.ep2-hero-preview-text h3{font-size:1rem;font-weight:700;color:var(--gray-800);margin:0 0 4px}.ep2-hero-preview-text p{font-size:.8rem;line-height:1.5;color:var(--gray-500);margin:0}.ep2-hero-preview-num{font-size:1.8rem;font-weight:800;color:var(--gray-100, #eee);font-family:var(--font-heading, "Outfit", sans-serif);min-width:48px;text-align:center}[data-theme=dark] .ep2-hero-photo{border-color:var(--gray-100)}[data-theme=dark] .ep2-hero-tag{background:#2ec4b626;border-color:#2ec4b64d}[data-theme=dark] .ep2-hero-preview-card{background:var(--gray-50, #1a1d24)}@media(max-width:768px){.ep2-hero-content{transform:translateY(0);gap:24px}.ep2-hero-top{grid-template-columns:1fr;text-align:center;gap:24px}.ep2-hero-left{padding:18px 16px}.ep2-hero-right{align-items:center;text-align:center}.ep2-hero-actions{justify-content:center;flex-wrap:wrap}.ep2-hero-greeting{margin:0 auto}.ep2-hero-preview{grid-template-columns:1fr;gap:14px}.ep2-hero-preview-card{padding:16px 18px}.ep2-hero-photo{width:110px;height:110px}.ep2-hero-quote{text-align:left}.ep2-title{font-size:clamp(1.5rem,5vw,2rem)}.ep2-subtitle{font-size:.88rem}.ep2-hero-name{font-size:1.2rem}.ep2-hero-social a{width:34px;height:34px;min-width:34px;min-height:34px;font-size:.9rem;aspect-ratio:1}.ep2-scroll-indicator{display:none}}.ep2-scroll-indicator{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--gray-400, #9AA2B0);font-size:.74rem;animation:ep2-bounce 2s ease-in-out infinite}.ep2-scroll-indicator .mouse{width:24px;height:38px;border:2px solid var(--gray-300, #C4CAD4);border-radius:12px;position:relative}.ep2-scroll-indicator .mouse:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:3px;height:8px;background:var(--teal, #2EC4B6);border-radius:3px;animation:ep2-scroll-dot 1.5s ease-in-out infinite}@keyframes ep2-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}@keyframes ep2-scroll-dot{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(10px)}}.ep2-questions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch;max-width:1100px;margin:0 auto}.ep2-question-card{position:relative;text-align:left;padding:28px 24px 24px;background:var(--white);border:1px solid var(--gray-100);border-radius:18px;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;transition:all .4s var(--ease-smooth, cubic-bezier(.4, 0, .2, 1));overflow:visible;min-height:260px}.ep2-question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,var(--teal, #2EC4B6),var(--coral, #FF6B6B),var(--lavender, #9B72CF));opacity:0;transition:opacity .3s ease}.ep2-question-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg, 0 20px 50px rgba(255, 107, 107, .14));border-color:transparent}.ep2-question-card:hover:before{opacity:1}.ep2-question-icon{width:56px;height:56px;min-width:56px;min-height:56px;aspect-ratio:1;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;line-height:1;flex-shrink:0;overflow:visible;margin-bottom:16px}.ep2-question-icon.teal{background:linear-gradient(135deg,var(--teal, #2EC4B6),var(--teal-dark, #1FA899))}.ep2-question-icon.coral{background:linear-gradient(135deg,var(--coral, #FF6B6B),var(--coral-dark, #E24A4A))}.ep2-question-icon.lavender{background:linear-gradient(135deg,var(--lavender, #9B72CF),#6B4FA3)}.ep2-question-num{position:absolute;top:22px;right:24px;font-size:2.6rem;font-weight:800;color:var(--gray-100, #eee);line-height:1;font-family:var(--font-heading, "Outfit", sans-serif)}.ep2-question-title{font-size:1.12rem;font-weight:700;color:var(--gray-800);margin:0 0 10px;line-height:1.4}.ep2-question-text{font-size:.9rem;line-height:1.65;color:var(--gray-500);margin:0 0 18px;flex-grow:1}.ep2-question-cta{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--coral-dark, #E24A4A);margin-top:auto;transition:gap .3s ease}.ep2-question-card:hover .ep2-question-cta{gap:14px}.ep2-filosofi-content{display:flex;flex-direction:column;gap:32px;max-width:1100px;margin:0 auto}.ep2-quote-banner{position:relative;text-align:center;padding:32px 28px 28px;background:linear-gradient(135deg,#9b72cf14,#2ec4b614);border-radius:20px;border:1px solid var(--gray-100)}.ep2-quote-mark{font-size:4rem;font-family:Georgia,serif;color:var(--lavender, #9B72CF);line-height:.5;margin-bottom:10px;opacity:.5}.ep2-quote-banner blockquote{font-family:var(--font-heading, "Outfit", sans-serif);font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:600;color:var(--gray-800);line-height:1.55;margin:0 0 12px;border:none;padding:0}.ep2-quote-banner cite{font-size:.88rem;color:var(--gray-500);font-style:normal}.ep2-filosofi-compact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ep2-filosofi-mini-card{background:var(--white);border-radius:16px;padding:22px 20px 20px;border:1px solid var(--gray-100);border-top:4px solid var(--teal, #2EC4B6);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.ep2-filosofi-mini-card[data-accent=sky]{border-top-color:var(--coral, #FF6B6B)}.ep2-filosofi-mini-card[data-accent=lavender]{border-top-color:var(--lavender, #9B72CF)}.ep2-filosofi-mini-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md, 0 12px 30px rgba(0,0,0,.08))}.ep2-filosofi-mini-icon{width:44px;height:44px;min-width:44px;min-height:44px;aspect-ratio:1;border-radius:12px;background:#2ec4b61f;color:var(--teal, #2EC4B6);display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;flex-shrink:0;overflow:visible;margin-bottom:12px}.ep2-filosofi-mini-card[data-accent=sky] .ep2-filosofi-mini-icon{background:#ff6b6b1f;color:var(--coral, #FF6B6B)}.ep2-filosofi-mini-card[data-accent=lavender] .ep2-filosofi-mini-icon{background:#9b72cf1f;color:var(--lavender, #9B72CF)}.ep2-filosofi-mini-card h3{font-size:1rem;font-weight:700;margin:0 0 8px;color:var(--gray-800)}.ep2-filosofi-mini-summary{font-size:.86rem;line-height:1.6;color:var(--gray-600);margin:0 0 14px;flex-grow:1}.ep2-filosofi-expand{background:none;border:none;padding:0;font-family:inherit;font-size:.85rem;font-weight:600;color:var(--coral-dark, #E24A4A);cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin-top:auto;transition:gap .3s ease}.ep2-filosofi-expand:hover{gap:10px}.ep2-filosofi-expand i{transition:transform .3s ease}.ep2-filosofi-mini-full{display:none}.ep2-values-section{background:var(--white);padding:24px;border-radius:18px;border:1px solid var(--gray-100)}.ep2-values-title{font-size:1.05rem;font-weight:700;text-align:center;color:var(--gray-800);margin:0 0 16px}.ep2-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ep2-value-mini{display:flex;gap:12px;align-items:center;background:var(--off-white, #fafbfd);padding:14px 16px;border-radius:14px;border:1px solid var(--gray-100);transition:transform .3s ease,box-shadow .3s ease}.ep2-value-mini:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm, 0 8px 20px rgba(0,0,0,.06))}.ep2-value-mini-icon{width:44px;height:44px;min-width:44px;min-height:44px;aspect-ratio:1;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;color:#fff;line-height:1;flex-shrink:0;overflow:visible}.ep2-value-mini-icon.teal{background:var(--teal, #2EC4B6)}.ep2-value-mini-icon.sky{background:var(--coral, #FF6B6B)}.ep2-value-mini-icon.lavender{background:var(--lavender, #9B72CF)}.ep2-value-mini-icon.amber{background:#f59e0b}.ep2-value-mini h4{font-size:.92rem;font-weight:700;margin:0 0 3px;color:var(--gray-800)}.ep2-value-mini p{font-size:.78rem;line-height:1.45;color:var(--gray-500);margin:0}.ep2-modal-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:none;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .3s ease}.ep2-modal-overlay.active{display:flex;opacity:1}.ep2-modal-container{background:var(--white);border-radius:24px;width:100%;max-width:800px;max-height:85vh;overflow-y:auto;position:relative;padding:40px;box-shadow:0 30px 80px #0006;transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.ep2-modal-overlay.active .ep2-modal-container{transform:scale(1) translateY(0)}.ep2-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;min-width:40px;min-height:40px;aspect-ratio:1;padding:0;border-radius:999px;border:none;background:var(--gray-100, #eee);color:var(--gray-700);font-size:1.5rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1}.ep2-modal-close:hover{background:var(--coral, #FF6B6B);color:#fff;transform:rotate(90deg)}.ep2-modal-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--gray-100, #eee)}.ep2-modal-header h3{font-size:1.4rem;font-weight:700;margin:6px 0 0;color:var(--gray-800);line-height:1.3}.ep2-card-icon{width:52px;height:52px;min-width:52px;min-height:52px;aspect-ratio:1;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;line-height:1;flex-shrink:0;overflow:visible}.ep2-card-icon.teal{background:var(--teal, #2EC4B6)}.ep2-card-icon.coral{background:var(--coral, #FF6B6B)}.ep2-card-icon.lavender{background:var(--lavender, #9B72CF)}.ep2-modal-tag{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:20px}.ep2-modal-tag.teal{background:#2ec4b61f;color:var(--teal-dark, #1FA899)}.ep2-modal-tag.coral{background:#ff6b6b1f;color:var(--coral-dark, #E24A4A)}.ep2-modal-tag.lavender{background:#9b72cf1f;color:var(--lavender, #9B72CF)}.ep2-modal-tag.problem{background:#ff6b6b1f;color:#d32f2f}.ep2-modal-body>p{font-size:.95rem;line-height:1.7;color:var(--gray-600);margin:0 0 24px}.ep2-modal-timeline{display:flex;flex-direction:column;gap:16px}.ep2-modal-step{display:flex;gap:14px}.ep2-modal-step-num{width:32px;height:32px;min-width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff}.ep2-modal-step-num.teal{background:var(--teal, #2EC4B6)}.ep2-modal-step-num.sky{background:var(--coral, #FF6B6B)}.ep2-modal-step-num.amber{background:#f59e0b}.ep2-modal-step-num.lavender{background:var(--lavender, #9B72CF)}.ep2-modal-step h4{font-size:1rem;font-weight:700;margin:4px 0 6px;color:var(--gray-800)}.ep2-modal-step p{font-size:.9rem;line-height:1.7;color:var(--gray-600);margin:0}.ep2-modal-challenges{display:flex;flex-direction:column;gap:18px}.ep2-modal-challenge{border:1px solid var(--gray-100);border-radius:14px;padding:18px;background:var(--gray-50, #fafbfd)}.ep2-modal-challenge-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.ep2-modal-challenge-head h4{font-size:1rem;font-weight:700;margin:0;color:var(--gray-800)}.ep2-modal-challenge-problem{font-size:.9rem;line-height:1.65;color:var(--gray-600);margin:0 0 12px}.ep2-modal-solution{background:#2ec4b614;border-left:3px solid var(--teal, #2EC4B6);padding:10px 14px;border-radius:8px}.ep2-modal-solution strong{display:block;margin-bottom:4px;color:var(--teal-dark, #1FA899);font-size:.85rem}.ep2-modal-solution p{font-size:.88rem;line-height:1.65;color:var(--gray-700);margin:0}.ep2-modal-feedback-list{display:flex;flex-direction:column;gap:16px}.ep2-modal-feedback{padding:16px;border-radius:12px;background:var(--gray-50, #fafbfd);border:1px solid var(--gray-100)}.ep2-modal-feedback-source{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:16px;background:#9b72cf1a;color:var(--lavender, #9B72CF);margin-bottom:10px}.ep2-modal-feedback blockquote{font-style:italic;font-size:.92rem;line-height:1.7;color:var(--gray-700);border-left:3px solid var(--lavender, #9B72CF);padding-left:14px;margin:0 0 12px}.ep2-modal-action{display:flex;align-items:flex-start;gap:10px;font-size:.86rem;line-height:1.6;color:var(--gray-700);background:#2ec4b614;padding:10px 14px;border-radius:8px}.ep2-modal-action i{color:var(--teal, #2EC4B6);margin-top:4px}@media(max-width:980px){.ep2-questions-grid,.ep2-filosofi-compact-grid{grid-template-columns:1fr;gap:16px}.ep2-values-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.eportfolio2-wrapper>section{min-height:auto;padding:80px 0 40px}.ep2-modal-container{padding:28px 20px}.ep2-modal-header{flex-direction:column;gap:12px}.ep2-quote-banner{padding:22px 20px}.ep2-navbar .nav-links{gap:16px}.ep2-hero-shapes .shape-circle{width:140px;height:140px}.ep2-hero-shapes .shape-square{width:90px;height:90px}}@media(max-width:480px){.ep2-values-grid{grid-template-columns:1fr}.ep2-navbar .nav-links{position:absolute;top:100%;left:0;right:0;max-height:0;overflow:hidden;flex-direction:column;gap:0;background:var(--white, #fff);box-shadow:0 10px 30px #0000001a;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .3s ease;padding:0 20px;border-bottom:3px solid var(--teal, #2EC4B6)}.ep2-navbar .nav-links.open{max-height:100vh;padding:16px 20px 20px}.ep2-navbar .nav-links a{display:block;padding:12px 0;font-size:1rem;border-bottom:1px solid var(--gray-100, #eee);min-height:44px}.ep2-navbar .nav-links li:last-child a{border-bottom:none}.ep2-navbar .hamburger{display:flex}[data-theme=dark] .ep2-navbar .nav-links{background:#0d1117fa;border-bottom-color:var(--teal, #2EC4B6)}[data-theme=dark] .ep2-navbar .nav-links a{color:#ffffffd6;border-bottom-color:#ffffff0f}}@media(prefers-reduced-motion:reduce)and (max-width:0px){.eportfolio2-wrapper{scroll-behavior:auto}.ep2-hero-shapes .shape,.ep2-scroll-indicator{animation:none}}.ep2-hero{background-image:linear-gradient(90deg,#fafbfdf0,#fafbfdd1 42%,#fafbfd59),url(./ChatGPT%20Image%20May%2013_%202026_%2009_09_27%20PM-BaxDpbT0.png);background-size:cover;background-position:center;background-repeat:no-repeat;isolation:isolate}[data-theme=dark] .ep2-hero{background-image:linear-gradient(90deg,#0d1117eb,#0d1117c7 42%,#0d11172e),url(./ChatGPT%20Image%20May%2017_%202026_%2001_40_08%20PM-D0MoW260.png)}.ep2-hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 25%,rgba(46,196,182,.16),transparent 30%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.14),transparent 30%);transform:translate3d(0,calc(var(--ep2-bg-shift, 0) * 1px),0)}[data-theme=dark] .ep2-hero:before{background:radial-gradient(circle at 20% 25%,rgba(46,196,182,.18),transparent 30%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.16),transparent 30%)}.ep2-hero .container{position:relative;z-index:1}.ep2-hero-left,.ep2-hero-quote,.ep2-hero-preview-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ep2-hero-left{padding:24px 20px;border-radius:24px;background:#ffffff9e;border:1px solid rgba(255,255,255,.6);box-shadow:0 20px 60px #ff6b6b1f}[data-theme=dark] .ep2-hero-left{background:#14161d9e;border-color:#ffffff14;box-shadow:0 20px 60px #00000047}.ep2-animate{opacity:0;transform:translateY(26px) scale(.98);filter:blur(6px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1),filter .75s cubic-bezier(.22,1,.36,1);transition-delay:var(--ep2-delay, 0ms)}.ep2-animate.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.ep2-float-soft{animation:ep2-soft-float 5.5s ease-in-out infinite}@keyframes ep2-soft-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ep2-question-card,.ep2-filosofi-mini-card,.ep2-value-mini,.ep2-hero-preview-card{will-change:transform}.ep2-question-card:hover,.ep2-filosofi-mini-card:hover,.ep2-value-mini:hover,.ep2-hero-preview-card:hover{transform:translateY(-8px) scale(1.015)}@media(prefers-reduced-motion:reduce)and (max-width:0px){.ep2-animate,.ep2-animate.is-visible{opacity:1;transform:none;filter:none;transition:none}.ep2-float-soft{animation:none}}[data-theme=dark] .ep2-question-num{color:#ffffff14}[data-theme=dark] .ep2-hero-preview-num{color:#ffffff1a}[data-theme=dark] .ep2-hero-preview-card{background:var(--gray-50);border-color:var(--gray-200)}[data-theme=dark] .ep2-hero-preview-text h3{color:var(--gray-800)}[data-theme=dark] .ep2-hero-preview-text p{color:var(--gray-500)}[data-theme=dark] .ep2-hero-preview-label{color:var(--gray-400)}[data-theme=dark] .ep2-question-card{background:var(--gray-50);border-color:var(--gray-200)}[data-theme=dark] .ep2-question-title{color:var(--gray-800)}[data-theme=dark] .ep2-question-text{color:var(--gray-500)}[data-theme=dark] .ep2-filosofi-mini-card{background:var(--gray-50);border-color:var(--gray-200)}[data-theme=dark] .ep2-filosofi-mini-card h3{color:var(--gray-800)}[data-theme=dark] .ep2-filosofi-mini-summary{color:var(--gray-600)}[data-theme=dark] .ep2-filosofi-mini-icon{background:#2ec4b62e}[data-theme=dark] .ep2-filosofi-mini-card[data-accent=sky] .ep2-filosofi-mini-icon{background:#ff6b6b2e}[data-theme=dark] .ep2-filosofi-mini-card[data-accent=lavender] .ep2-filosofi-mini-icon{background:#9b72cf2e}[data-theme=dark] .ep2-quote-banner{background:linear-gradient(135deg,#9b72cf1f,#2ec4b61f);border-color:var(--gray-200)}[data-theme=dark] .ep2-quote-banner blockquote{color:var(--gray-800)}[data-theme=dark] .ep2-quote-banner cite{color:var(--gray-500)}[data-theme=dark] .ep2-quote-mark{opacity:.7}[data-theme=dark] .ep2-values-section{background:var(--gray-50);border-color:var(--gray-200)}[data-theme=dark] .ep2-values-title{color:var(--gray-800)}[data-theme=dark] .ep2-value-mini{background:var(--off-white);border-color:var(--gray-200)}[data-theme=dark] .ep2-value-mini h4{color:var(--gray-800)}[data-theme=dark] .ep2-value-mini p{color:var(--gray-500)}[data-theme=dark] .ep2-hero-quote{background:linear-gradient(135deg,#9b72cf1f,#2ec4b61a)}[data-theme=dark] .ep2-hero-quote p{color:var(--gray-700)}[data-theme=dark] .ep2-hero-name{color:var(--gray-800)}[data-theme=dark] .ep2-hero-role{color:var(--gray-500)}[data-theme=dark] .ep2-title{color:var(--gray-800)}[data-theme=dark] .ep2-subtitle{color:var(--gray-500)}[data-theme=dark] .ep2-hero-social a{background:var(--gray-50);border-color:var(--gray-200);color:var(--gray-600)}[data-theme=dark] .ep2-section .section-title{color:var(--gray-800)}[data-theme=dark] .ep2-section .section-subtitle{color:var(--gray-500)}[data-theme=dark] .ep2-navbar.scrolled{background:#14161dd9;border-bottom-color:#ffffff0f}[data-theme=dark] .ep2-navbar .nav-links a{color:var(--gray-500)}[data-theme=dark] .ep2-navbar .nav-links a:hover,[data-theme=dark] .ep2-navbar .nav-links a.active{color:var(--teal)}[data-theme=dark] .ep2-modal-container{background:var(--gray-50);border:1px solid var(--gray-200)}[data-theme=dark] .ep2-modal-header{border-bottom-color:var(--gray-200)}[data-theme=dark] .ep2-modal-header h3{color:var(--gray-800)}[data-theme=dark] .ep2-modal-body>p{color:var(--gray-600)}[data-theme=dark] .ep2-modal-step h4{color:var(--gray-800)}[data-theme=dark] .ep2-modal-step p{color:var(--gray-600)}[data-theme=dark] .ep2-modal-challenge{background:var(--off-white);border-color:var(--gray-200)}[data-theme=dark] .ep2-modal-challenge-head h4{color:var(--gray-800)}[data-theme=dark] .ep2-modal-challenge-problem{color:var(--gray-600)}[data-theme=dark] .ep2-modal-feedback{background:var(--off-white);border-color:var(--gray-200)}[data-theme=dark] .ep2-modal-feedback blockquote{color:var(--gray-700)}[data-theme=dark] .ep2-modal-action{color:var(--gray-600)}[data-theme=dark] .ep2-modal-close{background:var(--gray-200);color:var(--gray-700)}[data-theme=dark] .ep2-hero-tag{background:#2ec4b62e;border-color:#2ec4b659;color:var(--teal)}[data-theme=dark] .ep2-hero-greeting{background:#2ec4b626;color:var(--teal)}[data-theme=dark] .ep2-hero-badge{background:var(--gray-50);border-color:var(--gray-200);color:var(--gray-600)}.ep2-question-card:nth-child(1) .ep2-question-num{color:#2ec4b63d}.ep2-question-card:nth-child(2) .ep2-question-num{color:#ff6b6b3d}.ep2-question-card:nth-child(3) .ep2-question-num{color:#9b72cf3d}.ep2-hero-preview-card[data-accent=teal] .ep2-hero-preview-num{color:#2ec4b647}.ep2-hero-preview-card[data-accent=lavender] .ep2-hero-preview-num{color:#9b72cf47}[data-theme=dark] .ep2-question-card:nth-child(1) .ep2-question-num{color:#2ec4b66b}[data-theme=dark] .ep2-question-card:nth-child(2) .ep2-question-num{color:#ff6b6b6b}[data-theme=dark] .ep2-question-card:nth-child(3) .ep2-question-num{color:#9b72cf70}[data-theme=dark] .ep2-hero-preview-card[data-accent=teal] .ep2-hero-preview-num{color:#2ec4b67a}[data-theme=dark] .ep2-hero-preview-card[data-accent=lavender] .ep2-hero-preview-num{color:#9b72cf80}#ep2-refleksi,#ep2-filosofi{justify-content:flex-start;padding-top:15px;padding-bottom:48px}#ep2-refleksi .container,#ep2-filosofi .container{max-width:1180px}#ep2-refleksi .section-header,#ep2-filosofi .section-header{margin-bottom:24px}#ep2-refleksi .section-title,#ep2-filosofi .section-title{margin-top:12px}#ep2-filosofi .ep2-filosofi-content{gap:22px}@media(max-width:768px){#ep2-refleksi,#ep2-filosofi{padding-top:15px}}.ep2-refleksi-layout{display:flex;flex-direction:column;gap:22px}.ep2-refleksi-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1100px;margin:0 auto}.ep2-refleksi-summary-item{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:var(--white);border:1px solid var(--gray-100);box-shadow:0 10px 26px #ff6b6b0d}.ep2-refleksi-summary-num{min-width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--teal, #2EC4B6),var(--coral, #FF6B6B))}.ep2-refleksi-summary-item strong{display:block;font-size:.88rem;color:var(--gray-800);margin-bottom:3px}.ep2-refleksi-summary-item p{margin:0;font-size:.78rem;line-height:1.45;color:var(--gray-500)}[data-theme=dark] .ep2-refleksi-summary-item{background:var(--gray-50);border-color:var(--gray-200)}[data-theme=dark] .ep2-refleksi-summary-item strong{color:var(--gray-800)}[data-theme=dark] .ep2-refleksi-summary-item p{color:var(--gray-500)}@media(max-width:980px){.ep2-refleksi-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.ep2-refleksi-summary{grid-template-columns:1fr}}.ep2-live-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.ep2-live-bg:before,.ep2-live-bg:after{content:"";position:absolute;width:520px;height:520px;border-radius:999px;filter:blur(56px);opacity:.22;animation:ep2-glow-drift 14s ease-in-out infinite alternate}.ep2-live-bg:before{top:8%;left:-12%;background:radial-gradient(circle,rgba(46,196,182,.55),transparent 68%)}.ep2-live-bg:after{right:-10%;bottom:8%;background:radial-gradient(circle,rgba(155,114,207,.5),transparent 68%);animation-delay:-5s}.ep2-live-bg span{position:absolute;width:8px;height:8px;border-radius:50%;background:#ff6b6b8c;box-shadow:0 0 18px #ff6b6b8c;opacity:.45;animation:ep2-particle-rise 12s linear infinite}.ep2-live-bg span:nth-child(1){left:8%;top:80%;animation-duration:13s;animation-delay:-1s}.ep2-live-bg span:nth-child(2){left:18%;top:62%;animation-duration:16s;animation-delay:-6s;width:5px;height:5px}.ep2-live-bg span:nth-child(3){left:32%;top:74%;animation-duration:14s;animation-delay:-3s;background:#2ec4b68c}.ep2-live-bg span:nth-child(4){left:46%;top:86%;animation-duration:18s;animation-delay:-8s;width:6px;height:6px}.ep2-live-bg span:nth-child(5){left:58%;top:68%;animation-duration:15s;animation-delay:-2s;background:#9b72cf8c}.ep2-live-bg span:nth-child(6){left:70%;top:82%;animation-duration:17s;animation-delay:-9s;width:5px;height:5px}.ep2-live-bg span:nth-child(7){left:82%;top:72%;animation-duration:14s;animation-delay:-5s;background:#2ec4b680}.ep2-live-bg span:nth-child(8){left:92%;top:88%;animation-duration:19s;animation-delay:-10s;width:6px;height:6px}.ep2-live-bg span:nth-child(9){left:24%;top:92%;animation-duration:20s;animation-delay:-12s;background:#9b72cf73}.ep2-live-bg span:nth-child(10){left:76%;top:94%;animation-duration:21s;animation-delay:-13s;background:#39bdeb80}@keyframes ep2-glow-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(70px,-42px,0) scale(1.14)}}@keyframes ep2-particle-rise{0%{transform:translateZ(0) scale(.8);opacity:0}15%{opacity:.48}80%{opacity:.35}to{transform:translate3d(24px,-110vh,0) scale(1.15);opacity:0}}.ep2-live-bg .ep2-aurora{position:absolute;inset:0;background:linear-gradient(125deg,#2ec4b614,#ff6b6b0f,#9b72cf14,#2ec4b60f,#ff6b6b14);background-size:400% 400%;animation:ep2-aurora-flow 18s ease-in-out infinite;opacity:.6}@keyframes ep2-aurora-flow{0%{background-position:0% 50%}25%{background-position:100% 25%}50%{background-position:100% 75%}75%{background-position:0% 100%}to{background-position:0% 50%}}.ep2-live-bg .ep2-geo{position:absolute;border:2px solid;opacity:.18;animation:ep2-geo-float 10s ease-in-out infinite}.ep2-live-bg .ep2-geo:nth-child(11){width:40px;height:40px;border-color:#2ec4b699;border-radius:8px;top:15%;left:5%;animation-duration:12s;animation-delay:-2s}.ep2-live-bg .ep2-geo:nth-child(12){width:24px;height:24px;border-color:#9b72cf99;border-radius:50%;top:30%;right:8%;animation-duration:15s;animation-delay:-5s}.ep2-live-bg .ep2-geo:nth-child(13){width:32px;height:32px;border-color:#ff6b6b99;border-radius:4px;bottom:25%;left:12%;animation-duration:11s;animation-delay:-7s;transform:rotate(45deg)}.ep2-live-bg .ep2-geo:nth-child(14){width:18px;height:18px;border-color:#2ec4b680;border-radius:50%;top:55%;right:15%;animation-duration:14s;animation-delay:-3s}.ep2-live-bg .ep2-geo:nth-child(15){width:28px;height:28px;border-color:#9b72cf80;border-radius:6px;bottom:40%;right:5%;animation-duration:16s;animation-delay:-9s}.ep2-live-bg .ep2-geo:nth-child(16){width:20px;height:20px;border-color:#ff6b6b80;border-radius:50%;top:70%;left:20%;animation-duration:13s;animation-delay:-4s}@keyframes ep2-geo-float{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-18px) rotate(45deg) scale(1.1)}50%{transform:translateY(-8px) rotate(90deg) scale(.95)}75%{transform:translateY(-22px) rotate(135deg) scale(1.05)}}.ep2-live-bg .ep2-orb{position:absolute;border-radius:50%;filter:blur(2px);animation:ep2-orb-pulse 4s ease-in-out infinite}.ep2-live-bg .ep2-orb:nth-child(17){width:12px;height:12px;background:#2ec4b680;box-shadow:0 0 24px #2ec4b680;top:20%;left:30%;animation-delay:0s}.ep2-live-bg .ep2-orb:nth-child(18){width:10px;height:10px;background:#9b72cf80;box-shadow:0 0 20px #9b72cf80;top:45%;right:25%;animation-delay:-1.5s}.ep2-live-bg .ep2-orb:nth-child(19){width:14px;height:14px;background:#ff6b6b73;box-shadow:0 0 28px #ff6b6b73;bottom:30%;left:45%;animation-delay:-3s}.ep2-live-bg .ep2-orb:nth-child(20){width:8px;height:8px;background:#2ec4b666;box-shadow:0 0 16px #2ec4b666;top:65%;right:35%;animation-delay:-2s}@keyframes ep2-orb-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.8);opacity:.8}}.ep2-live-bg .ep2-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(255,107,107,.2),transparent);animation:ep2-line-sweep 8s ease-in-out infinite;opacity:.3}.ep2-live-bg .ep2-line:nth-child(21){width:200px;top:25%;left:10%;animation-delay:0s}.ep2-live-bg .ep2-line:nth-child(22){width:160px;top:50%;right:8%;animation-delay:-3s;background:linear-gradient(90deg,transparent,rgba(155,114,207,.2),transparent)}.ep2-live-bg .ep2-line:nth-child(23){width:180px;bottom:35%;left:25%;animation-delay:-5s;background:linear-gradient(90deg,transparent,rgba(46,196,182,.2),transparent)}@keyframes ep2-line-sweep{0%,to{transform:translate(0) scaleX(1);opacity:0}20%{opacity:.35}50%{transform:translate(40px) scaleX(1.3);opacity:.3}80%{opacity:.35}}[data-theme=dark] .ep2-aurora{opacity:.8}[data-theme=dark] .ep2-live-bg .ep2-geo{opacity:.25}[data-theme=dark] .ep2-live-bg .ep2-orb{opacity:.6}[data-theme=dark] .ep2-live-bg .ep2-line{opacity:.4}.ep2-question-card,.ep2-filosofi-mini-card{animation:ep2-card-breathe 6s ease-in-out infinite}.ep2-question-card:nth-child(2){animation-delay:-2s}.ep2-question-card:nth-child(3){animation-delay:-4s}.ep2-filosofi-mini-card:nth-child(2){animation-delay:-2s}.ep2-filosofi-mini-card:nth-child(3){animation-delay:-4s}@keyframes ep2-card-breathe{0%,to{box-shadow:0 4px 20px #ff6b6b0f}50%{box-shadow:0 8px 32px #ff6b6b1f,0 0 0 1px #2ec4b614}}.ep2-hero-preview-card{position:relative;overflow:hidden}.ep2-hero-preview-card:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:3px;background:linear-gradient(90deg,transparent,var(--teal, #2EC4B6),var(--lavender, #9B72CF),transparent);animation:ep2-border-slide 4s linear infinite}.ep2-hero-preview-card[data-accent=lavender]:after{animation-delay:-2s}@keyframes ep2-border-slide{0%{left:-100%}to{left:100%}}.ep2-question-icon{animation:ep2-icon-spin 20s linear infinite}.ep2-question-icon:nth-child(1){animation-delay:0s}@keyframes ep2-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ep2-question-icon i{animation:ep2-icon-counter-spin 20s linear infinite}@keyframes ep2-icon-counter-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.ep2-value-mini{position:relative;overflow:hidden}.ep2-value-mini:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:ep2-shimmer 5s ease-in-out infinite}.ep2-value-mini:nth-child(2):before{animation-delay:-1.2s}.ep2-value-mini:nth-child(3):before{animation-delay:-2.4s}.ep2-value-mini:nth-child(4):before{animation-delay:-3.6s}@keyframes ep2-shimmer{0%{left:-100%}50%{left:150%}to{left:150%}}[data-theme=dark] .ep2-value-mini:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.eportfolio2-wrapper>section,.ep2-footer,.ep2-navbar{position:relative;z-index:1}[data-theme=dark] .ep2-live-bg:before,[data-theme=dark] .ep2-live-bg:after{opacity:.28}[data-theme=dark] .ep2-live-bg span{opacity:.55}@media(prefers-reduced-motion:reduce)and (max-width:0px){.ep2-live-bg:before,.ep2-live-bg:after,.ep2-live-bg span{animation:none}}.ep2-hero{margin-top:-76px;padding-top:76px}.ep2-live-bg{z-index:0}.ep2-hero{z-index:1}.ep2-live-bg{z-index:2}.eportfolio2-wrapper>section,.ep2-footer{z-index:3}.ep2-navbar{z-index:1200}.ep2-hero:before{z-index:1}.ep2-hero .container{z-index:4}.eportfolio2-wrapper{background:radial-gradient(circle at 12% 18%,rgba(46,196,182,.08),transparent 28%),radial-gradient(circle at 88% 28%,rgba(155,114,207,.08),transparent 30%),var(--off-white, #fafbfd)}[data-theme=dark] .eportfolio2-wrapper{background:radial-gradient(circle at 12% 18%,rgba(46,196,182,.12),transparent 28%),radial-gradient(circle at 88% 28%,rgba(155,114,207,.12),transparent 30%),var(--off-white, #14161D)}#ep2-refleksi,#ep2-filosofi{background:transparent}#ep2-refleksi:before,#ep2-filosofi:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 18% 24%,rgba(46,196,182,.08),transparent 30%),radial-gradient(circle at 82% 20%,rgba(255,107,107,.08),transparent 26%),linear-gradient(180deg,#ffffffb8,#ffffff80)}[data-theme=dark] #ep2-refleksi:before,[data-theme=dark] #ep2-filosofi:before{background:radial-gradient(circle at 18% 24%,rgba(46,196,182,.1),transparent 30%),radial-gradient(circle at 82% 20%,rgba(255,107,107,.1),transparent 26%),linear-gradient(180deg,#14161db3,#14161d7a)}#ep2-refleksi>.container,#ep2-filosofi>.container{position:relative;z-index:4}.ep2-live-bg{z-index:2;position:fixed}.ep2-live-bg span{opacity:.62}.ep2-live-bg:before,.ep2-live-bg:after{opacity:.3}[data-theme=dark] .ep2-live-bg span{opacity:.72}.ep2-navbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:99999!important;isolation:isolate}.ep2-navbar.scrolled{background:#ffffffe0!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:0 8px 24px #0f172a14!important}[data-theme=dark] .ep2-navbar.scrolled{background:#14161de6!important;border-bottom-color:#ffffff14!important;box-shadow:0 8px 24px #0000004d!important}.ep2-live-bg{z-index:1!important}.eportfolio2-wrapper>section,.ep2-footer{z-index:2!important}.ep2-hero .container,#ep2-refleksi>.container,#ep2-filosofi>.container{z-index:3!important}.ep2-hero{padding-top:120px!important}.ep2-hero-content{transform:translateY(34px)!important}.ep2-hero .container{z-index:4!important}.ep2-live-bg span{opacity:.72!important}.ep2-live-bg:before,.ep2-live-bg:after{opacity:.36!important}[data-theme=dark] .ep2-live-bg span{opacity:.82!important}@media(max-width:768px){.ep2-hero{padding-top:110px!important}.ep2-hero-content{transform:translateY(20px)!important}}.ep2-hero{height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;margin-top:-76px!important;padding:76px 0 0!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}.ep2-hero .container{height:calc(100dvh - 76px);display:flex;align-items:center;justify-content:center;padding-top:14px;padding-bottom:20px}.ep2-hero-content{width:min(100%,1180px);max-height:calc(100dvh - 118px);display:flex;flex-direction:column;justify-content:center;gap:22px!important;transform:none!important}.ep2-hero-top{grid-template-columns:280px minmax(0,1fr)!important;gap:48px!important;align-items:center!important}.ep2-hero-left{padding:20px 18px!important;gap:10px!important}.ep2-hero-photo{width:132px!important;height:132px!important}.ep2-hero-name{font-size:1.28rem!important}.ep2-hero-role{font-size:.84rem!important}.ep2-hero-tag{font-size:.72rem!important;padding:5px 10px!important}.ep2-hero-social a{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;aspect-ratio:1!important}.ep2-hero-right{gap:12px!important}.ep2-title{font-size:clamp(1.9rem,4vw,2.8rem)!important;line-height:1.12!important}.ep2-subtitle{max-width:620px!important;font-size:.95rem!important;line-height:1.55!important}.ep2-hero-quote{padding:12px 16px!important}.ep2-hero-quote p{font-size:.82rem!important;line-height:1.5!important}.ep2-hero-preview{gap:16px!important}.ep2-hero-preview-card{padding:14px 18px!important;border-radius:14px!important}.ep2-hero-preview-icon{width:42px!important;height:42px!important;min-width:42px!important;font-size:1rem!important}.ep2-hero-preview-text h3{font-size:.92rem!important}.ep2-hero-preview-text p{font-size:.74rem!important;line-height:1.42!important}.ep2-hero-preview-num{font-size:1.45rem!important}.ep2-scroll-indicator{bottom:12px!important}@media(max-width:900px){.ep2-hero{height:auto!important;min-height:100dvh!important;overflow:visible!important;padding-bottom:32px!important}.ep2-hero .container{height:auto;min-height:calc(100dvh - 76px)}.ep2-hero-content{max-height:none;gap:20px!important}.ep2-hero-top{grid-template-columns:1fr!important;gap:20px!important}.ep2-hero-right{align-items:center;text-align:center}.ep2-hero-preview{grid-template-columns:1fr!important}}.ep2-hero{height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;margin-top:0!important;padding:0!important;overflow:hidden!important;display:flex!important;align-items:stretch!important;justify-content:center!important;background-position:center top!important}.ep2-hero .container{height:100vh!important;height:100dvh!important;max-width:1200px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:86px 24px 34px!important;box-sizing:border-box!important}.ep2-hero-content{width:100%!important;max-height:calc(100dvh - 120px)!important;transform:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:18px!important}.ep2-hero-top{display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;gap:44px!important;align-items:center!important}.ep2-hero-left{padding:18px 16px!important;gap:9px!important}.ep2-hero-photo{width:124px!important;height:124px!important}.ep2-hero-name{font-size:1.22rem!important}.ep2-hero-role{font-size:.82rem!important}.ep2-hero-tags{margin-top:4px!important;gap:6px!important}.ep2-hero-tag{font-size:.7rem!important;padding:4px 9px!important}.ep2-hero-social{gap:8px!important}.ep2-hero-social a{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;font-size:.88rem!important;aspect-ratio:1!important}.ep2-hero-right{gap:10px!important}.ep2-hero-greeting{font-size:.84rem!important;padding:6px 14px!important}.ep2-title{font-size:clamp(1.85rem,3.7vw,2.65rem)!important;line-height:1.12!important}.ep2-subtitle{max-width:610px!important;font-size:.9rem!important;line-height:1.5!important}.ep2-hero-quote{padding:10px 14px!important}.ep2-hero-quote p{font-size:.78rem!important;line-height:1.45!important}.ep2-hero-actions{gap:12px!important}.ep2-hero-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.ep2-hero-preview-card{padding:12px 16px!important;min-height:92px!important}.ep2-hero-preview-icon{width:40px!important;height:40px!important;min-width:40px!important}.ep2-hero-preview-text h3{font-size:.9rem!important}.ep2-hero-preview-text p{font-size:.72rem!important;line-height:1.38!important}.ep2-hero-preview-num{font-size:1.35rem!important;min-width:40px!important}.ep2-scroll-indicator{bottom:10px!important}.ep2-navbar:not(.scrolled){background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.ep2-live-bg{z-index:2!important}.ep2-hero:before{z-index:1!important}.ep2-hero .container{position:relative!important;z-index:4!important}@media(max-width:900px){.ep2-hero{height:auto!important;min-height:100dvh!important;overflow:visible!important}.ep2-hero .container{height:auto!important;min-height:100dvh!important;padding-top:92px!important}.ep2-hero-content{max-height:none!important}.ep2-hero-top{grid-template-columns:1fr!important;gap:18px!important}.ep2-hero-right{align-items:center!important;text-align:center!important}.ep2-hero-preview{grid-template-columns:1fr!important}}@media(min-width:901px){.ep2-hero .container{padding:82px 24px 34px!important}.ep2-hero-content{max-height:calc(100dvh - 112px)!important;gap:24px!important}.ep2-hero-top{grid-template-columns:320px minmax(0,1fr)!important;gap:56px!important}.ep2-hero-left{padding:24px 22px!important;gap:14px!important}.ep2-hero-photo{width:160px!important;height:160px!important}.ep2-hero-name{font-size:1.45rem!important}.ep2-hero-role{font-size:.9rem!important}.ep2-hero-tag{font-size:.75rem!important;padding:5px 12px!important}.ep2-hero-social a{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;font-size:1rem!important;aspect-ratio:1!important}.ep2-hero-right{gap:14px!important}.ep2-hero-greeting{font-size:.92rem!important;padding:7px 18px!important}.ep2-title{font-size:clamp(2.15rem,4.7vw,3.35rem)!important;line-height:1.12!important}.ep2-subtitle{max-width:680px!important;font-size:1.03rem!important;line-height:1.62!important}.ep2-hero-quote{padding:14px 18px!important}.ep2-hero-quote p{font-size:.9rem!important;line-height:1.55!important}.ep2-hero-preview{gap:18px!important}.ep2-hero-preview-card{padding:18px 22px!important;min-height:118px!important}.ep2-hero-preview-icon{width:50px!important;height:50px!important;min-width:50px!important;font-size:1.15rem!important}.ep2-hero-preview-text h3{font-size:1rem!important}.ep2-hero-preview-text p{font-size:.82rem!important;line-height:1.48!important}.ep2-hero-preview-num{font-size:1.8rem!important;min-width:52px!important}}@media(max-height:760px)and (min-width:901px){.ep2-hero-photo{width:140px!important;height:140px!important}.ep2-title{font-size:clamp(2rem,4.2vw,3rem)!important}.ep2-subtitle{font-size:.96rem!important;line-height:1.5!important}.ep2-hero-preview-card{min-height:100px!important;padding:14px 18px!important}}.eportfolio2-wrapper{scroll-behavior:auto!important;will-change:auto!important}.ep2-live-bg{position:absolute!important;inset:0 auto auto 0!important;width:100%!important;height:100dvh!important;overflow:hidden!important;contain:paint!important}.ep2-live-bg:before,.ep2-live-bg:after{filter:blur(28px)!important;opacity:.18!important;animation-duration:20s!important}.ep2-live-bg span:nth-child(n+6){display:none!important}.ep2-live-bg span{opacity:.38!important;animation-duration:18s!important;box-shadow:none!important}.ep2-hero-left,.ep2-hero-quote,.ep2-hero-preview-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.ep2-animate{filter:none!important;transition:opacity .45s ease,transform .45s ease!important}.ep2-float-soft{animation:none!important}.ep2-question-card,.ep2-filosofi-mini-card,.ep2-value-mini,.ep2-hero-preview-card{will-change:auto!important}@media(max-width:768px){.ep2-navbar .container{padding:0 14px!important;gap:10px!important}.ep2-navbar .nav-logo img{height:32px!important}.ep2-navbar .nav-actions{gap:8px!important}.ep2-navbar .theme-toggle,.ep2-navbar .home-btn{width:40px!important;height:40px!important;min-width:40px!important}.ep2-navbar .nav-links{position:absolute!important;top:100%!important;left:0!important;right:0!important;max-height:0!important;overflow:hidden!important;flex-direction:column!important;gap:0!important;background:var(--white, #fff)!important;box-shadow:0 10px 30px #0000001a!important;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .3s ease!important;padding:0 20px!important;border-bottom:3px solid var(--teal, #2EC4B6)!important;white-space:normal!important}.ep2-navbar .nav-links.open{max-height:100vh!important;padding:16px 20px 20px!important}.ep2-navbar .nav-links a{display:block!important;padding:12px 0!important;font-size:1rem!important;border-bottom:1px solid var(--gray-100, #eee)!important;min-height:44px!important}.ep2-navbar .nav-links li:last-child a{border-bottom:none!important}.ep2-navbar .hamburger{display:flex!important}.ep2-hero .container{padding-left:16px!important;padding-right:16px!important;padding-top:80px!important}.ep2-hero-content{gap:18px!important}.ep2-title{font-size:clamp(1.5rem,7vw,2rem)!important}.ep2-subtitle{font-size:.88rem!important}.ep2-hero-left{padding:16px 14px!important}.ep2-hero-photo{width:100px!important;height:100px!important}.ep2-hero-name{font-size:1.15rem!important}.ep2-hero-role{font-size:.82rem!important}.ep2-hero-social a{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;font-size:.85rem!important;aspect-ratio:1!important}.ep2-hero-greeting{font-size:.82rem!important;padding:5px 12px!important}.ep2-hero-quote{padding:10px 12px!important}.ep2-hero-quote p{font-size:.8rem!important}.ep2-hero-actions{gap:10px!important;flex-wrap:wrap!important;justify-content:center!important}.ep2-hero-actions .btn{font-size:.85rem!important;padding:10px 16px!important}.ep2-hero-preview-card{padding:14px 16px!important;min-height:auto!important}.ep2-hero-preview-icon{width:38px!important;height:38px!important;min-width:38px!important}.ep2-hero-preview-text h3{font-size:.88rem!important}.ep2-hero-preview-text p{font-size:.72rem!important}.ep2-hero-preview-num{font-size:1.2rem!important;min-width:36px!important}.ep2-scroll-indicator{display:none!important}.ep2-hero-preview-card,.ep2-question-card,.ep2-filosofi-mini-card,.ep2-values-section{width:100%!important}.ep2-questions-grid,.ep2-filosofi-compact-grid,.ep2-values-grid,.ep2-refleksi-summary{grid-template-columns:1fr!important}#ep2-refleksi,#ep2-filosofi{min-height:auto!important;padding:80px 0 44px!important}[data-theme=dark] .ep2-navbar .nav-links{background:#0d1117fa!important;border-bottom-color:var(--teal, #2EC4B6)!important}[data-theme=dark] .ep2-navbar .nav-links a{color:#ffffffd6!important;border-bottom-color:#ffffff0f!important}}@media(max-width:420px){.ep2-hero-photo{width:90px!important;height:90px!important}.ep2-hero-left{padding:14px 12px!important}.ep2-hero-actions .btn{width:100%;justify-content:center}.ep2-title{font-size:clamp(1.3rem,6vw,1.7rem)!important}}.ep2-hero-left,.ep2-hero-greeting,.ep2-subtitle,.ep2-hero-quote,.ep2-hero-actions,.ep2-hero-preview-card,.ep2-hero-photo,.ep2-hero-social a,#ep2-refleksi .section-header,#ep2-filosofi .section-header,.ep2-question-card,.ep2-refleksi-summary-item,.ep2-quote-banner,.ep2-filosofi-mini-card,.ep2-values-section,.ep2-value-mini,.ep2-footer .footer-brand,.ep2-footer .footer-sitemap{visibility:hidden}.ep2-word{display:inline-block;will-change:transform,opacity;perspective:600px}.ep2-question-card,.ep2-filosofi-mini-card,.ep2-hero-preview-card{transform-style:preserve-3d}#ep2-refleksi:after,#ep2-filosofi:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:2px;border-radius:2px;opacity:.5}#ep2-refleksi:after{background:linear-gradient(90deg,transparent,var(--teal, #2EC4B6),transparent)}#ep2-filosofi:after{background:linear-gradient(90deg,transparent,var(--lavender, #9B72CF),transparent)}@media(prefers-reduced-motion:reduce)and (max-width:0px){.ep2-hero-left,.ep2-hero-greeting,.ep2-title,.ep2-subtitle,.ep2-hero-quote,.ep2-hero-actions,.ep2-hero-preview-card,.ep2-hero-photo,.ep2-hero-social a,#ep2-refleksi .section-header,#ep2-filosofi .section-header,.ep2-question-card,.ep2-refleksi-summary-item,.ep2-quote-banner,.ep2-filosofi-mini-card,.ep2-values-section,.ep2-value-mini,.ep2-footer .footer-brand,.ep2-footer .footer-sitemap{visibility:visible!important;opacity:1!important;transform:none!important;filter:none!important}}#ep2ParticleCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.ep2-scroll-rail{position:fixed;top:50%;right:22px;z-index:1100;display:grid;gap:10px;padding:10px 7px;border:1px solid rgba(255,107,107,.12);border-radius:999px;background:#ffffffa3;box-shadow:0 16px 42px #0f172a14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translateY(-50%);pointer-events:auto}.ep2-rail-dot{position:relative;display:grid;width:20px;height:20px;padding:0;place-items:center;border:0;border-radius:999px;background:transparent;box-shadow:0 0 #2ec4b600;cursor:pointer;transform:scale(1);transition:box-shadow .32s ease,transform .32s ease}.ep2-rail-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#ff6b6b47;transition:width .26s ease,height .26s ease,background .26s ease,box-shadow .26s ease}.ep2-rail-dot:hover:before,.ep2-rail-dot:focus-visible:before{width:10px;height:10px;background:#2ec4b6b3}.ep2-rail-dot:focus-visible{outline:2px solid rgba(46,196,182,.6);outline-offset:3px}.ep2-rail-dot.active:before{width:9px;height:9px;background:var(--teal, #2EC4B6);box-shadow:0 0 0 6px #2ec4b629}.ep2-rail-dot.active{transform:scale(1.35)}[data-theme=dark] .ep2-scroll-rail{border-color:#7dd3fc29;background:#0d11177a;box-shadow:0 18px 48px #00000038}[data-theme=dark] .ep2-rail-dot:before{background:#fff3}[data-theme=dark] .ep2-rail-dot:hover:before,[data-theme=dark] .ep2-rail-dot:focus-visible:before,[data-theme=dark] .ep2-rail-dot.active:before{background:var(--teal, #2EC4B6)}@media(max-width:768px){.ep2-scroll-rail{display:none}}[data-theme=dark]{--white: #1A1D26;--off-white: #14161D;--gray-50: #1E2029;--gray-100: #252833;--gray-200: #323644;--gray-300: #454A5C;--gray-400: #7B8399;--gray-500: #9BA3B5;--gray-600: #B8BED0;--gray-700: #D4D9E6;--gray-800: #EDF0F7;--gray-900: #F8F9FC;--glass-bg: rgba(26, 29, 38, .75);--glass-border: rgba(255, 255, 255, .08);--shadow-sm: 0 2px 8px rgba(0,0,0,.25);--shadow-md: 0 4px 20px rgba(0,0,0,.3);--shadow-lg: 0 8px 40px rgba(0,0,0,.35);--shadow-xl: 0 16px 60px rgba(0,0,0,.4)}body{transition:background-color .4s var(--ease-smooth),color .4s var(--ease-smooth)}[data-theme=dark] .hero:before{background:radial-gradient(circle,rgba(57,189,235,.08) 0%,transparent 70%)}[data-theme=dark] .hero:after{background:radial-gradient(circle,rgba(46,196,182,.06) 0%,transparent 70%)}[data-theme=dark] .hero-image-wrapper img{border-color:var(--gray-100)}[data-theme=dark] .hero-float{background:#1a1d26d9;border-color:#ffffff14}[data-theme=dark] .btn-secondary{background:var(--gray-50);border-color:var(--gray-200);color:var(--gray-600)}[data-theme=dark] .btn-secondary:hover{border-color:var(--coral-light);color:var(--coral);background:var(--gray-100)}[data-theme=dark] .hero-social a:nth-child(1){background:#0077b5;color:#fff}[data-theme=dark] .hero-social a:nth-child(2){background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}[data-theme=dark] .hero-social a:nth-child(3){background:red;color:#fff}[data-theme=dark] .hero-social a:nth-child(4){background:#ea4335;color:#fff}[data-theme=dark] .about-image-card:after{background:linear-gradient(135deg,#39bdeb0d,#2ec4b60d)}[data-theme=dark] .about-stat{background:var(--gray-50);box-shadow:var(--shadow-md)}[data-theme=dark] .about-stat .stat-icon svg{filter:drop-shadow(0 2px 6px rgba(125,211,252,.25)) brightness(1.1)}[data-theme=dark] .timeline-card{background:var(--gray-50);border-color:var(--gray-200)}[data-theme=dark] .timeline-dot{background:var(--gray-50)}[data-theme=dark] .philosophy-card{background:linear-gradient(135deg,#39bdeb08,#2ec4b608,#9b72cf08);border-color:var(--gray-200)}[data-theme=dark] .pillar-card{background:var(--gray-50);border-color:var(--gray-200)}[data-theme=dark] .filter-btn{background:var(--gray-50);border-color:var(--gray-200);color:var(--gray-500)}[data-theme=dark] .filter-btn:hover,[data-theme=dark] .filter-btn.active{background:#39bdeb14}[data-theme=dark] .portfolio-card,[data-theme=dark] .skill-card{background:var(--gray-50);border-color:var(--gray-200)}[data-theme=dark] .skill-bar .bar{background:var(--gray-200)}[data-theme=dark] .cert-card,[data-theme=dark] .contact-form{background:var(--gray-50);border-color:var(--gray-200)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-700)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{border-color:var(--coral)}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:var(--gray-400)}[data-theme=dark] .footer{background:#0a0c12}[data-theme=dark] .footer-social a{color:#fff}[data-theme=dark] .theme-toggle{background:var(--gray-100);border-color:var(--gray-200)}[data-theme=dark] .scroll-indicator .mouse{border-color:var(--gray-300)}[data-theme=dark] .philosophy:before{background:radial-gradient(circle,rgba(155,114,207,.04) 0%,transparent 70%)}[data-theme=dark] .contact:before{background:radial-gradient(circle,rgba(57,189,235,.03) 0%,transparent 70%)}[data-theme=dark] .section-badge.coral{background:#39bdeb14}[data-theme=dark] .section-badge.teal{background:#2ec4b614}[data-theme=dark] .section-badge.lavender{background:#9b72cf14}[data-theme=dark] .section-badge.amber{background:#f1d7a614}[data-theme=dark] .section-badge.sky{background:#56ccf214}[data-theme=dark] .section-badge.mint{background:#6bcb7714}[data-theme=dark] .about-info-item .info-icon.coral{background:#39bdeb14}[data-theme=dark] .about-info-item .info-icon.teal{background:#2ec4b614}[data-theme=dark] .about-info-item .info-icon.lavender{background:#9b72cf14}[data-theme=dark] .about-info-item .info-icon.amber{background:#f1d7a614}@media(max-width:768px){[data-theme=dark] .nav-links{background:var(--gray-50)}}[data-theme=dark]{--bg-dark: #0F172A}[data-theme=dark] .section-subtitle{color:#e2e8f0b3}[data-theme=dark] .dossier-meta,[data-theme=dark] .dossier-meta span,[data-theme=dark] .dossier-meta strong{color:#e2e8f0c7}[data-theme=dark] .dossier-meta strong{color:#f8fafc}[data-theme=dark] .institution{color:#e2e8f0b8}[data-theme=dark] .info-label{color:#94a3b8d9}*{-webkit-tap-highlight-color:transparent}html,body{width:100%;max-width:100%;overflow-x:hidden!important;position:relative}h1:not(.ep2-title):not(.ep2-hero-name),.hero-name{font-size:clamp(1.8rem,5vw,3rem)}h2:not(.ep2-section .section-title),.section-title:not(.ep2-section .section-title){font-size:clamp(1.4rem,4vw,2rem)}h3:not(.eportfolio2-wrapper h3){font-size:clamp(1.1rem,3vw,1.5rem)}body{font-size:clamp(.9rem,2.5vw,1rem)}.container{width:100%;max-width:100%}@media(min-width:1024px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}.skill-cards-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.hero .container{grid-template-columns:1fr;text-align:center;gap:32px}.hero-content{order:2;justify-self:center;width:min(100%,680px);padding:8px 0 0}.hero-content:before{left:50%;top:-28px;width:440px;height:440px;opacity:.18;transform:translate(-50%)}.hero-image{order:1}.hero-desc{margin:0 auto 32px}.hero-actions,.hero-social{justify-content:center}.hero-image-wrapper{width:280px;height:280px}.about-grid,.contact-grid{grid-template-columns:1fr}.about-grid{gap:36px}.about-image{max-width:620px;padding-bottom:0}.about-image-card{aspect-ratio:16 / 9}.about-image-card img{height:100%}.about-stats{position:relative;margin-top:-40px;width:100%;max-width:100%;grid-template-columns:repeat(3,1fr);gap:12px}.about-stat{padding:12px}.about-stat .number{font-size:1.4rem}.philosophy-pillars{grid-template-columns:1fr 1fr}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.skill-cards-grid{grid-template-columns:repeat(3,1fr)}.cert-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.scroll-indicator{display:none!important}.section{padding:60px 0}.section-header{margin-bottom:36px}html{scroll-padding-top:72px}.navbar .container{gap:10px}.nav-actions{gap:8px}.hamburger{display:flex;justify-content:center;align-items:center;min-height:44px;min-width:44px}.nav-links{position:absolute;top:100%;left:0;right:0;width:100%;height:auto;max-height:0;overflow:hidden;flex-direction:column;gap:0;background:var(--white);box-shadow:0 10px 30px #0000001a;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .3s ease;padding:0 24px;z-index:999;border-bottom:3px solid var(--accent, #39BDEB)}.nav-links.open{max-height:100vh;padding:20px 24px 28px}.nav-links li{list-style:none}.nav-links a{display:block;padding:14px 0;font-size:1.05rem;font-weight:600;border-bottom:1px solid var(--gray-100, #eee);min-height:44px}.reveal-right,.reveal-left{transform:translateY(40px)}.reveal-right.visible,.reveal-left.visible{transform:translateY(0)}.nav-links li:last-child a{border-bottom:none}[data-theme=dark] .nav-links{background:#0d1117fa;border-bottom-color:var(--accent, #39BDEB);box-shadow:0 18px 45px #00000073}[data-theme=dark] .nav-links a{color:#ffffffd6;border-bottom-color:#ffffff0f}[data-theme=dark] .nav-links a:hover,[data-theme=dark] .nav-links a.active{color:var(--accent-light, #7DD3FC)}[data-theme=dark] .nav-links:after{background:linear-gradient(135deg,#0f5ea8,#39bdeb);color:#fff}[data-theme=dark] .hamburger span{background:var(--gray-700)}.timeline:before{left:20px}.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){padding-left:52px;padding-right:0;justify-content:flex-start}.timeline-dot{left:20px}.contact-grid{grid-template-columns:1fr;gap:32px}.contact-info{order:1}.contact-form{order:2;padding:24px;width:100%}.contact-form input,.contact-form textarea,.form-group input,.form-group textarea,.form-group.floating input,.form-group.floating textarea{font-size:16px!important}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:20px}.skill-cards-grid{grid-template-columns:repeat(2,1fr);gap:16px}.cert-grid{grid-template-columns:1fr}.philosophy-pillars{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.life-timeline-track{flex-wrap:wrap;gap:8px;justify-content:center}.life-step-line,.hero-float{display:none}.about-info-list{grid-template-columns:1fr;gap:12px}.profil-narasi{padding:16px 18px}.profil-quote{padding:22px 22px 22px 52px}.footer-top{flex-direction:column;gap:32px;text-align:center}.footer-brand{text-align:center}.footer-social{justify-content:center}.footer-sitemap ul{columns:2}.footer-bottom{text-align:center}}@media(max-width:640px){.hero{padding-top:120px!important;align-items:flex-start!important;min-height:auto!important;padding-bottom:60px}.hero .container{grid-template-columns:1fr;text-align:center;gap:24px}.hero-content{order:2;width:100%;padding:0}.hero-content:before{width:320px;height:320px;top:-12px;opacity:.12}.hero-image{order:1}.hero-image-wrapper{width:200px!important;height:200px!important;margin:0 auto}.hero-name{font-size:clamp(1.8rem,5vw,2.5rem)}.hero-desc{margin:0 auto 24px;font-size:.92rem;max-width:100%}.hero-actions{flex-direction:column;gap:12px;width:100%;align-items:stretch}.hero-actions .btn{width:100%;justify-content:center;text-align:center}.hero-badges>div{font-size:.78rem!important;padding:6px 12px!important}.hero-badges{gap:8px!important}.life-timeline-track{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0;justify-content:flex-start;padding-bottom:12px;scrollbar-width:none}.life-timeline-track::-webkit-scrollbar{display:none}.life-step{scroll-snap-align:center;flex:0 0 auto;min-width:70px}.life-step-line{display:block;flex:0 0 20px;min-width:20px}.life-step-label{font-size:.72rem}.life-step-label span{font-size:.65rem}.life-timeline{padding:18px 16px}.portfolio-filter,.portfolio-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;justify-content:flex-start;padding-bottom:8px;padding-right:16px;position:relative}.portfolio-filter::-webkit-scrollbar,.portfolio-tabs::-webkit-scrollbar{display:none}.filter-btn,.tab-btn{scroll-snap-align:start;flex:0 0 auto;min-height:40px;padding:8px 16px;white-space:nowrap;font-size:.82rem}.portfolio-grid{grid-template-columns:1fr;gap:20px}.penilaian-grid{grid-template-columns:minmax(0,1fr);gap:18px}.portfolio-card-body{padding:20px}.skills-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;gap:8px;padding-bottom:8px}.skills-tabs::-webkit-scrollbar{display:none}.skills-tab-btn{flex:0 0 auto;white-space:nowrap;min-height:40px}.skill-cards-grid{grid-template-columns:repeat(2,1fr);gap:12px}.skill-item-card{padding:20px 12px}.skill-item-icon{font-size:2rem}.skill-item-name{font-size:.85rem}.cert-grid{grid-template-columns:1fr;gap:16px}.philosophy-pillars{grid-template-columns:1fr;max-width:100%}.pillar-card{width:100%}.philosophy-card blockquote{font-size:1rem}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-grid .gallery-item{height:160px}.accordion-header{padding:14px 16px;font-size:.88rem}.accordion-header span:first-child{font-size:.85rem}.accordion-row{flex-direction:column;gap:8px;align-items:flex-start!important}.section{padding:40px 0}section{scroll-margin-top:72px}.container{padding-left:16px;padding-right:16px}}@media(max-width:480px){.hero-content:before{width:260px;height:260px;opacity:.08}.hero-image-wrapper{width:180px!important;height:180px!important}.hero-name{font-size:clamp(1.5rem,6vw,2rem)}.hero-role{font-size:.9rem}.btn{padding:10px 16px;font-size:.85rem;min-height:44px}.section-title{font-size:clamp(1.3rem,5vw,1.6rem)}.section-subtitle{font-size:.85rem}.section-badge{font-size:.78rem}.portfolio-card-img{height:180px}.skill-cards-grid{gap:10px}.skill-item-card{padding:16px 10px;border-radius:12px}.skill-item-icon{font-size:1.8rem;margin-bottom:8px}.skill-item-name{font-size:.8rem}.skill-item-badge{font-size:.68rem;padding:3px 10px}.cert-card{padding:18px;gap:12px}.gallery-grid .gallery-item{height:120px}.about-stats{grid-template-columns:repeat(3,1fr);gap:10px}.about-stat{padding:12px 10px}.about-stat .number{font-size:1.4rem}.about-info-item{align-items:flex-start;padding:12px}.penilaian-card,.portfolio-card-body{padding:16px}.footer{padding:24px 0 16px}.footer-sitemap ul{columns:1}.modal-container{max-width:100%;margin:8px;border-radius:12px}.modal-content{padding:20px 12px}.nav-links a{padding:10px 0;font-size:.9rem}.nav-actions{gap:6px}.nav-actions .theme-toggle,.nav-actions .hamburger{width:44px;height:44px}.container{padding-left:12px;padding-right:12px}.section{padding:32px 0}}a,button,.btn,.filter-btn,.tab-btn,.skills-tab-btn,.form-submit,.card-link,.cert-btn,.btn-download-new,.accordion-header,.hamburger,.theme-toggle,.back-to-top{min-height:44px}.portfolio-filter,.portfolio-tabs,.skills-tabs,.life-timeline-track{-webkit-overflow-scrolling:touch}img{max-width:100%;height:auto}html,body{overflow-x:hidden}@media(max-width:640px){.lightbox-content img{max-width:95vw;max-height:80vh;object-fit:contain}.lightbox-close{top:10px;right:10px}.lightbox-prev,.lightbox-next{font-size:1.5rem;width:36px;height:36px}}@media(max-width:320px){.hero-image-wrapper{width:150px!important;height:150px!important}.hero-name{font-size:1.4rem}.hero-badges>div{font-size:.7rem!important;padding:4px 8px!important}.about-stats{grid-template-columns:1fr 1fr 1fr;gap:6px}.skill-cards-grid,.chooser-cards{grid-template-columns:1fr}.portfolio-filter,.portfolio-tabs,.skills-tabs{gap:6px}.filter-btn,.tab-btn,.skills-tab-btn{padding:6px 12px;font-size:.75rem}}@media screen and (min-width:1024px)and (max-width:1440px)and (max-height:900px){html{zoom:.75}.hero,.eportfolio2-wrapper>section{min-height:calc(100vh / .75)!important}.ep2-hero{padding-top:60px!important;padding-bottom:20px!important;justify-content:center!important}.ep2-hero-content{transform:none!important;gap:20px!important}.ep2-hero-top{gap:30px!important}}@media screen and (min-width:1024px)and (max-width:1280px)and (max-height:720px){html{zoom:.67}.hero,.eportfolio2-wrapper>section{min-height:calc(100vh / .67)!important}.ep2-hero{padding-top:40px!important;padding-bottom:20px!important;justify-content:center!important}.ep2-hero-content{transform:none!important;gap:16px!important}}@media screen and (min-width:769px)and (max-width:1023px)and (max-height:800px){html{zoom:.75}}