@font-face{font-family:Sans;src:url('assets/sans.ttf')}@font-face{font-family:Sans;src:url('assets/sans-bold.ttf');font-weight:700}@font-face{font-family:Editorial;src:url('assets/serif.ttf')}
:root{--paper:#fdfcf9;--ink:#20201d;--gold:#9a7c3a;--muted:#77776e;--line:#e6e4dc;--ease:cubic-bezier(.22,.8,.2,1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}body{font-family:Sans,Arial,sans-serif}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.welcome-shell{min-height:100svh;display:flex;flex-direction:column;padding:0 6vw;overflow:hidden}header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px}header{height:100px;flex-shrink:0}.brand{font-size:18px;font-weight:700;letter-spacing:-.7px}.brand span{font-weight:400}.header-caption{font-size:9px;letter-spacing:1.6px;color:var(--muted)}main{flex:1;display:grid;grid-template-columns:1.25fr 1fr;gap:8vw;align-content:center;padding:55px 0 70px;position:relative}main:before{content:'';position:absolute;top:5%;right:-27vw;width:45vw;height:45vw;border:1px solid #d6c6a133;border-radius:50%;pointer-events:none;z-index:0}h1,h2,p{margin:0}h1,h2{font-family:Editorial,Georgia,serif;font-weight:400;letter-spacing:-.055em;line-height:1.12}h1{font-size:4.15vw}h1>span{font-size:.93em}h1 em,h2 em{font-weight:400;color:var(--gold)}h2{font-size:3.4vw;margin:25px 0}main>div{position:relative;z-index:1}.kicker{font-size:.64vw;font-weight:700;letter-spacing:.17em;margin-bottom:35px;display:flex;gap:10px;align-items:center}.kicker>span{width:5px;height:5px;background:var(--gold);border-radius:50%}.welcome-id{font-size:1.05vw;line-height:1.9;color:var(--muted);margin-top:27px}.welcome-id strong{font-weight:400;color:var(--ink)}.expertise{display:flex;flex-wrap:wrap;gap:28px;margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}.expertise>span{font-size:.56vw;letter-spacing:.08em;font-weight:700;line-height:1.8}.expertise small{display:block;font-size:.66vw;color:var(--muted);letter-spacing:0;font-weight:400;margin-top:5px}.language-panel{border-left:1px solid var(--line);padding-left:4vw;max-width:590px;align-self:center}.panel-number{font-size:.63vw;color:var(--gold);letter-spacing:.14em}.question{font-size:1vw;line-height:1.8}.question>span{display:block;color:var(--muted);font-size:.85em;margin-top:3px}.language-options{display:flex;flex-direction:column;gap:14px;margin-top:26px}.language-card{display:flex;align-items:center;gap:20px;padding:23px 22px;border:1px solid var(--ink);border-radius:3px;transition:background .25s,border-color .25s,transform .35s,box-shadow .35s;min-height:92px;position:relative}.language-card.english{background:var(--ink);color:var(--paper);animation:enter-left .85s var(--ease) both;animation-delay:.18s}.language-card.indonesian{background:var(--paper);border-color:#b69546;animation:enter-right .85s var(--ease) both;animation-delay:.28s}.language-code{font-family:Editorial,Georgia,serif;font-size:27px;letter-spacing:-1px;border-right:1px solid #aaa6;padding-right:20px}.language-label{flex:1}.language-label strong{display:block;font-size:15px}.language-label small{display:block;font-size:10px;margin-top:8px;opacity:.7}.arrow{font-size:24px;transition:transform .3s}.language-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #20201d0a;border-color:var(--gold)}.language-card.english:hover{background:#36332b}.language-card.indonesian:hover{background:#f4ead055}.language-card:hover .arrow{transform:translate(3px,-3px)}.choice-note{font-size:9px;line-height:1.9;color:var(--muted);margin-top:20px}footer{height:72px;border-top:1px solid var(--line);font-size:8px;letter-spacing:1px;color:var(--muted);flex-shrink:0}footer i{font-style:normal;padding:0 5px}.welcome-copy{animation:arrive 1s var(--ease) both}.language-panel>h2,.question{animation:arrive 1s var(--ease) both;animation-delay:.08s}a[aria-disabled=true]{pointer-events:none}
@keyframes enter-left{from{opacity:0;translate:-45px 0}to{opacity:1;translate:0 0}}@keyframes enter-right{from{opacity:0;translate:45px 0}to{opacity:1;translate:0 0}}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.language-panel{max-width:none}.language-card{padding:1.6vw;min-height:6.4vw}.language-code{font-size:1.9vw}.language-label strong{font-size:1.05vw}.language-label small{font-size:.7vw}.choice-note{font-size:.65vw}}
@media(max-width:800px),(orientation:portrait){.welcome-shell{padding:0 7.4vw}header{height:72px}.brand{font-size:14px}.header-caption{font-size:6px;letter-spacing:.7px;max-width:115px;line-height:1.8;text-align:right}main{display:flex;flex-direction:column;gap:0;padding:22px 0 32px;justify-content:center}main:before{display:none}.kicker{font-size:7px;letter-spacing:1px;margin-bottom:23px}h1{font-size:8.9vw;letter-spacing:-.055em;line-height:1.13}.welcome-id{font-size:11px;margin-top:16px;line-height:1.8}.expertise{margin-top:22px;padding-top:15px;gap:13px;justify-content:space-between}.expertise>span{font-size:5.4px;letter-spacing:0}.expertise small{font-size:7px;margin-top:3px}.language-panel{border:0;padding:0;max-width:none;align-self:stretch;margin-top:29px}.panel-number{display:none}h2{display:none}.question{font-size:13px}.question>span{font-size:10px;margin-top:3px}.language-options{gap:11px;margin-top:17px}.language-card{padding:17px 19px;min-height:76px;gap:18px}.language-code{font-size:25px;padding-right:18px}.language-label strong{font-size:14px}.language-label small{font-size:9px;margin-top:6px}.arrow{font-size:22px}.choice-note{font-size:8px;line-height:1.7;margin-top:13px}footer{height:54px;font-size:5.5px;letter-spacing:.4px;gap:15px}footer>span:first-child{max-width:125px;line-height:1.8}}
@media(orientation:portrait) and (min-width:700px){main{max-width:540px;margin:auto;width:100%}h1{font-size:53px}.kicker{font-size:9px}.welcome-id{font-size:15px}.expertise>span{font-size:8px}.expertise small{font-size:10px}.language-label strong{font-size:18px}.language-label small{font-size:12px}.language-card{min-height:95px}.question{font-size:18px}.question>span{font-size:13px}}
@media(max-height:740px) and (max-width:600px){header{height:55px}main{padding:14px 0 17px}.kicker{margin-bottom:15px}h1{font-size:8.5vw}.welcome-id{margin-top:11px;font-size:10px}.expertise{margin-top:15px;padding-top:12px}.language-panel{margin-top:19px}.language-card{min-height:68px;padding:13px 17px}.language-options{margin-top:12px;gap:9px}.choice-note{margin-top:9px}footer{height:43px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}