*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--imr-color-surface-canvas);color:var(--imr-color-content-primary);font:var(--imr-typography-body-medium)}body{min-height:100vh;background-image:linear-gradient(120deg,var(--imr-color-surface-canvas) 45%,color-mix(in srgb,var(--imr-color-selection-surface) 70%,transparent)),url('assets/supergraphic-pattern-primary.svg');background-position:center,calc(100% + 18rem) calc(100% + 20rem);background-repeat:no-repeat;background-size:auto,46rem}.topbar{height:72px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--imr-color-border-default);background:color-mix(in srgb,var(--imr-color-surface-raised) 92%,transparent)}.brand,.logo{display:block}.logo{width:176px;height:auto}.logo-dark,.immer-dark{display:none}.controls{display:flex;align-items:center;gap:10px}.language select,.icon-button{min-height:40px;border:1px solid var(--imr-color-border-default);border-radius:var(--imr-radius-full);background:var(--imr-color-surface-control);color:var(--imr-color-content-primary);font:var(--imr-typography-label-medium)}.language select{padding:0 34px 0 14px}.icon-button{width:40px;cursor:pointer;font-size:20px}.icon-button:focus-visible,.language select:focus-visible,a:focus-visible{outline:3px solid var(--imr-color-border-focus);outline-offset:3px}.page{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:clamp(48px,8vw,112px) 0;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:clamp(40px,7vw,92px);align-items:center}.intro{display:grid;gap:24px}.eyebrow{margin:0;color:var(--imr-color-content-brand);font:var(--imr-typography-label-medium);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.intro h1{margin:0;max-width:700px;font:var(--imr-typography-display-medium);letter-spacing:-.02em}.lead{max-width:650px;margin:0;color:var(--imr-color-content-secondary);font:var(--imr-typography-body-large)}.availability{display:flex;gap:14px;align-items:flex-start;max-width:560px;padding:18px;border:1px solid var(--imr-color-feedback-info-border);border-radius:var(--imr-radius-large);background:var(--imr-color-feedback-info-surface);color:var(--imr-color-feedback-info-content)}.availability .status-dot{width:10px;height:10px;margin-top:6px;border-radius:50%;background:currentColor;flex:none}.availability p{margin:4px 0 0}.principles{display:grid;gap:12px;margin:0;padding:0;list-style:none}.principles li{display:flex;align-items:center;gap:10px}.principles li::before{content:'✓';display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--imr-color-selection-surface);color:var(--imr-color-selection-content);font-weight:700}.access-card{display:grid;gap:28px;padding:clamp(24px,4vw,40px);border:1px solid var(--imr-color-border-default);border-radius:var(--imr-radius-large);background:var(--imr-color-surface-raised);box-shadow:var(--imr-elevation-3)}.card-heading{display:grid;gap:10px}.card-heading h2{margin:0;font:var(--imr-typography-headline-medium)}.card-heading p:last-child{margin:0;color:var(--imr-color-content-secondary)}.sign-in-placeholder{display:grid;gap:14px}.placeholder-row{display:grid;gap:6px;padding:14px 16px;border:1px solid var(--imr-color-border-disabled);border-radius:var(--imr-radius-medium);background:var(--imr-color-surface-disabled);color:var(--imr-color-content-disabled)}.placeholder-row strong{letter-spacing:.2em}.sign-in-placeholder button{min-height:48px;border:0;border-radius:var(--imr-radius-full);background:var(--imr-color-action-primary-background-disabled);color:var(--imr-color-action-primary-content-disabled);font:var(--imr-component-button-typography-filled-large);cursor:not-allowed}.sign-in-placeholder>p{margin:0;color:var(--imr-color-content-secondary);font:var(--imr-typography-body-small)}.training-link{padding-top:24px;border-top:1px solid var(--imr-color-border-default)}.training-link p{margin:0 0 8px;color:var(--imr-color-content-secondary)}.training-link a{color:var(--imr-color-content-link);font-weight:600}.training-link a:hover{text-decoration-thickness:2px}footer{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:24px 0 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--imr-color-border-default);color:var(--imr-color-content-secondary);font:var(--imr-typography-body-small)}.immer{width:84px;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-lang="id"]{display:none}html[data-language="id"] [data-lang="en"]{display:none}html[data-language="id"] [data-lang="id"]{display:inline}html[data-imr-theme="dark"] body{background-image:linear-gradient(120deg,var(--imr-color-surface-canvas) 45%,color-mix(in srgb,var(--imr-color-selection-surface) 70%,transparent)),url('assets/supergraphic-pattern-inverse.svg')}html[data-imr-theme="dark"] .logo-light,html[data-imr-theme="dark"] .immer-light{display:none}html[data-imr-theme="dark"] .logo-dark,html[data-imr-theme="dark"] .immer-dark{display:block}@media(max-width:760px){body{background-position:center,calc(100% + 18rem) 100%}.topbar{height:64px;padding:0 16px}.logo{width:142px}.page{width:min(100% - 28px,560px);padding:36px 0 52px;grid-template-columns:1fr;gap:36px}.intro h1{font:var(--imr-typography-display-small)}.access-card{padding:24px}footer{width:calc(100% - 28px);align-items:flex-end}.principles{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}