.experience-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100dvh;background:#f5f8fb;color:#172f39;font:16px/1.6 var(--font-body,Inter,sans-serif)}.experience-shell>aside{background:white;padding:30px 20px;border-right:1px solid #dfe8ec}.experience-logo{width:160px;max-width:100%;object-fit:contain}.experience-shell nav{display:grid;gap:7px}.experience-shell nav a{color:#405964;text-decoration:none;padding:10px 14px;border-radius:12px}.experience-shell nav a[aria-current]{background:#e4f3f9;color:#096480;font-weight:700}.experience-shell main{padding:40px clamp(20px,4vw,64px);max-width:1220px;width:100%;min-width:0}.experience-shell h1{font-size:clamp(25px,3vw,38px);letter-spacing:-.025em;line-height:1.2}.experience-shell header{margin-bottom:36px}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin:24px 0}.experience-shell article,.experience-card{padding:24px;border:1px solid #dfe8ec;border-radius:18px;background:white;margin:16px 0}.experience-grid article{margin:0}.experience-shell button,.experience-public button,.experience-lab-submit button,.experience-axel button{border:1px solid #b8d7e1;background:#edf7fb;color:#174f62;border-radius:10px;padding:9px 14px;cursor:pointer;font:inherit;margin:6px 6px 6px 0}.experience-shell button:disabled{opacity:.5;cursor:default}.experience-shell label,.experience-public label,.experience-lab-submit label,.experience-axel label{display:grid;gap:6px;margin:12px 0}.experience-shell input,.experience-shell textarea,.experience-shell select,.experience-public input,.experience-public textarea,.experience-public select,.experience-lab-submit textarea,.experience-lab-submit select,.experience-axel select{font:inherit;border:1px solid #b8cbd5;border-radius:8px;padding:10px;max-width:100%;background:white;color:#17323c}.experience-choice{display:flex!important;align-items:center;gap:10px!important}.experience-shell fieldset{border:1px solid #d5e3ea;border-radius:12px;margin:18px 0;padding:18px}.experience-shell pre,.experience-public pre,.experience-lab-submit pre{overflow:auto;max-height:400px;background:#eef4f7;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere}.experience-shell p,.experience-public p{white-space:pre-wrap;overflow-wrap:anywhere}.experience-shell video{width:100%;max-height:560px;background:#10252e;border-radius:16px}.experience-links{display:flex;flex-wrap:wrap;gap:12px}.experience-links a{padding:10px 16px;border:1px solid #d1e1e9;border-radius:10px;color:#17586d}.experience-public{max-width:1050px;margin:0 auto;padding:48px 24px;font:16px/1.7 var(--font-body,Inter,sans-serif);color:#17323c}.experience-public details{border:1px solid #d7e4ea;padding:22px;border-radius:14px;margin:18px 0}.experience-public summary{cursor:pointer;font-weight:700}.experience-public form{max-width:800px}.experience-certificate{text-align:center;border:double 5px #82b4c8!important}.experience-certificate button{display:inline-block}.experience-lab-submit,.experience-axel{border:1px solid #cbdfe8;background:#f4fafc;border-radius:16px;padding:22px;margin:28px 0;color:#17323c}.experience-lab-submit summary,.experience-axel summary{cursor:pointer;font-weight:700}.experience-shell a:focus-visible,.experience-shell button:focus-visible,.experience-public button:focus-visible{outline:3px solid #268db7;outline-offset:3px}
@media(max-width:760px){.experience-shell{display:block}.experience-shell>aside{padding:18px}.experience-shell nav{display:flex;overflow:auto}.experience-shell nav a{white-space:nowrap}.experience-shell main{padding:24px 16px}.experience-shell article{padding:18px}.experience-public{padding:24px 16px}.experience-shell h1{font-size:27px}}
@media print{body:has(.experience-certificate) *{visibility:hidden}body:has(.experience-certificate) .experience-certificate,body:has(.experience-certificate) .experience-certificate *{visibility:visible}.experience-certificate{position:absolute;inset:0;page-break-inside:avoid}.experience-certificate button,.experience-certificate a{display:none!important}}

.experience-shell h2{margin:0 0 16px}.experience-shell h3{margin:24px 0 8px}.experience-shell article h3{margin:6px 0 10px}.experience-shell p{margin:8px 0 14px}.experience-shell h4{margin:12px 0 8px}
.payment-qris{max-width:420px;padding:20px;background:#fff;border:1px solid #dce3e8;border-radius:12px}.payment-qris img{display:block;max-width:100%;height:auto}.payment-qris-code{margin:16px auto;image-rendering:auto}.payment-qris-logo{object-fit:contain}.payment-order{overflow-wrap:anywhere}.payment-order input[type=file]{max-width:100%;min-width:0}