:root { --pa-ink:#172234; --pa-muted:#667085; --pa-line:#d8e0e8; --pa-blue:#075baa; --pa-red:#e71920; --pa-soft:#f3f6f9; --pa-green:#087a55; }
.account-certificate-sample { display:grid; grid-template-columns:minmax(0,320px) minmax(0,1fr); align-items:center; gap:28px; padding:28px 0; border-block:1px solid var(--pa-line); margin:24px 0; }
.account-certificate-image { display:block; position:relative; min-width:0; }
.account-certificate-image img { display:block; width:100%; height:auto; aspect-ratio:1.414; object-fit:contain; }
.account-certificate-image > span { position:absolute; left:10px; bottom:10px; background:#fff; color:var(--pa-blue); padding:5px 9px; font-size:11px; font-weight:800; border:1px solid var(--pa-line); }
.account-certificate-copy { min-width:0; }
.account-certificate-copy h2 { font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; font-size:22px; line-height:1.3; margin:0 0 12px; letter-spacing:0; }
.account-certificate-copy p { font-size:14px; line-height:1.6; color:var(--pa-muted); margin:0 0 12px; }
.account-certificate-cta { display:inline-block; padding:11px 16px; background:var(--pa-blue); color:#fff; border-radius:6px; font-weight:700; text-decoration:none; }
.account-certificate-image:focus-visible,.account-certificate-cta:focus-visible { outline:3px solid var(--pa-blue); outline-offset:4px; }
@media(max-width:600px) { .account-certificate-sample { grid-template-columns:minmax(0,1fr); gap:16px; padding:20px 0; } .account-certificate-image { width:min(100%,280px); margin:auto; } .account-certificate-copy h2 { font-size:20px; } }
.participant-auth-overlay { position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:18px; background:rgba(12,22,36,.68); overflow-y:auto; }
.participant-auth-overlay[hidden] { display:none!important; }
.participant-auth-card { position:relative; width:min(470px,100%); padding:27px; color:var(--pa-ink); background:#fff; border-radius:8px; border-top:4px solid var(--pa-red); box-shadow:0 25px 80px rgba(0,0,0,.25); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.participant-auth-close { position:absolute; top:13px; right:13px; width:36px; height:36px; border:1px solid var(--pa-line); border-radius:50%; color:var(--pa-muted); background:#fff; font-size:24px; line-height:1; cursor:pointer; }
.participant-auth-brand { display:flex; align-items:center; gap:12px; padding-right:35px; }
.participant-auth-brand img { width:64px; height:64px; object-fit:contain; }
.participant-auth-brand span { color:var(--pa-blue); font-size:11px; font-weight:800; }
.participant-auth-brand h2 { margin:3px 0 0; font-size:22px; letter-spacing:0; }
.participant-auth-copy { margin:18px 0; color:var(--pa-muted); line-height:1.55; }
.participant-auth-card form { display:grid; gap:13px; }
.participant-auth-card label { display:grid; gap:6px; color:#344054; font-size:13px; font-weight:750; }
.participant-auth-card label small { color:var(--pa-muted); font-size:11px; font-weight:500; }
.participant-auth-card .participant-remember,.account-login .participant-remember { display:flex; align-items:center; gap:9px; font-weight:650; }
.participant-auth-card .participant-remember input,.account-login .participant-remember input { width:18px; height:18px; min-height:0; margin:0; accent-color:var(--pa-blue); }
.participant-auth-card input { width:100%; min-height:45px; padding:10px 12px; border:1px solid #aeb9c7; border-radius:6px; color:var(--pa-ink); background:#fff; font:inherit; outline:none; }
.participant-auth-card input:focus { border-color:var(--pa-blue); box-shadow:0 0 0 3px rgba(7,91,170,.12); }
.participant-password-control { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:stretch; }
.participant-password-control input { min-width:0; border-radius:6px 0 0 6px!important; }
.participant-password-toggle { min-width:72px; padding:0 10px; color:var(--pa-blue); background:#f5f8fb; border:1px solid #aeb9c7; border-left:0; border-radius:0 6px 6px 0; font-size:12px; font-weight:800; cursor:pointer; }
.participant-gate-note { margin:0 0 16px; padding:14px 16px; display:flex; align-items:center; justify-content:space-between; gap:14px; grid-column:1/-1; color:var(--pa-ink); background:#eef6ff; border:1px solid #b8d5ef; border-left:4px solid var(--pa-blue); border-radius:6px; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.participant-gate-note strong,.participant-gate-note span { display:block; }
.participant-gate-note span { margin-top:3px; color:#536273; font-size:12px; line-height:1.45; }
.participant-gate-note button { flex:0 0 auto; min-height:39px; padding:8px 12px; color:#fff; background:var(--pa-blue); border:0; border-radius:5px; font-weight:800; cursor:pointer; }
.participant-auth-primary { min-height:44px; padding:10px 14px; color:#fff; background:var(--pa-blue); border:0; border-radius:6px; font-weight:800; cursor:pointer; }
.participant-auth-primary:disabled { opacity:.65; cursor:wait; }
.participant-auth-switch { width:100%; margin-top:8px; padding:9px; color:var(--pa-blue); background:transparent; border:0; font-weight:750; cursor:pointer; }
.participant-auth-status { min-height:20px; margin:8px 0 0; color:var(--pa-green); font-size:12px; line-height:1.45; }
.participant-auth-status.error { color:#b42318; }

.participant-header-account { position:relative; z-index:55; flex:0 0 auto; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.participant-account-trigger { min-height:46px; max-width:220px; padding:5px 10px 5px 6px; display:grid; grid-template-columns:36px minmax(0,1fr) 10px; align-items:center; gap:8px; color:var(--pa-ink); background:#fff; border:1px solid var(--pa-line); border-radius:7px; cursor:pointer; }
.participant-account-trigger:hover,.participant-account-trigger:focus-visible,.participant-header-account.open .participant-account-trigger { border-color:#8eb8dc; background:#f4f9fd; outline:none; }
.participant-account-avatar { width:36px; height:36px; display:grid; place-items:center; color:#fff; background:var(--pa-blue); border-radius:50%; font-size:12px; font-weight:850; }
.participant-header-account.is-premium .participant-account-trigger { border-color:#d4aa24; background:#fffbea; }
.participant-header-account.is-premium .participant-account-avatar { color:#102b4c; background:#f4c542; }
.participant-header-account.is-premium .participant-account-trigger-copy small { color:#9a6500; font-weight:900; }
.participant-account-trigger-copy { min-width:0; text-align:left; }
.participant-account-trigger-copy strong,.participant-account-trigger-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.participant-account-trigger-copy strong { font-size:12px; }
.participant-account-trigger-copy small { margin-top:2px; color:var(--pa-muted); font-size:10px; }
.participant-account-chevron { width:7px; height:7px; border-right:2px solid #667085; border-bottom:2px solid #667085; transform:translateY(-2px) rotate(45deg); transition:transform .16s ease; }
.participant-header-account.open .participant-account-chevron { transform:translateY(2px) rotate(225deg); }
.participant-account-menu { position:absolute; top:calc(100% + 9px); right:0; width:min(300px,calc(100vw - 28px)); padding:8px; color:var(--pa-ink); background:#fff; border:1px solid var(--pa-line); border-top:3px solid var(--pa-blue); border-radius:7px; box-shadow:0 20px 45px rgba(17,35,55,.2); }
.participant-account-summary { padding:10px 10px 12px; border-bottom:1px solid #e9eef3; }
.participant-account-summary strong,.participant-account-summary span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.participant-account-summary strong { font-size:14px; }
.participant-account-summary span { margin-top:4px; color:var(--pa-muted); font-size:11px; }
.participant-account-menu>a,.participant-account-menu>button { width:100%; min-height:42px; margin-top:4px; padding:9px 10px; display:block; color:var(--pa-ink); background:#fff; border:0; border-radius:5px; text-align:left; text-decoration:none; font:inherit; font-size:12px; font-weight:750; cursor:pointer; }
.participant-account-menu>a:hover,.participant-account-menu>a:focus-visible,.participant-account-menu>button:hover,.participant-account-menu>button:focus-visible { background:#edf6fd; outline:none; }
.participant-account-menu>a span,.participant-account-menu>a small { display:block; }
.participant-account-menu>a small { margin-top:3px; color:var(--pa-muted); font-size:10px; font-weight:550; }
.participant-account-menu>.participant-account-logout { color:#b42318; border-top:1px solid #edf0f3; border-radius:0 0 5px 5px; }
.participant-account-link-hidden,.participant-account-legacy-hidden,.premium-nav-hidden { display:none!important; }
.participant-login-link { flex:0 0 auto; min-height:42px; padding:9px 14px; display:inline-grid; place-items:center; color:#fff; background:var(--pa-blue); border:1px solid var(--pa-blue); border-radius:6px; text-decoration:none; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; font-size:12px; font-weight:850; white-space:nowrap; }
.participant-login-link:hover,.participant-login-link:focus-visible { background:#064b8c; outline:3px solid rgba(7,91,170,.16); }

.account-page { min-height:100vh; margin:0; color:var(--pa-ink); background:#edf2f6; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.account-page * { box-sizing:border-box; }
.account-page [hidden] { display:none!important; }
.account-header { min-height:70px; padding:10px clamp(16px,4vw,48px); display:flex; align-items:center; justify-content:space-between; gap:16px; background:#fff; border-bottom:1px solid var(--pa-line); }
.account-brand { display:flex; align-items:center; gap:11px; color:inherit; text-decoration:none; }
.account-brand img { width:48px; height:48px; object-fit:contain; }
.account-brand span { color:var(--pa-blue); font-size:11px; font-weight:800; }
.account-brand strong { display:block; margin-top:2px; }
.account-header nav { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.account-header a.account-link,.account-header button { min-height:39px; padding:9px 13px; border:1px solid #acbac8; border-radius:6px; color:var(--pa-blue); background:#fff; font-weight:750; text-decoration:none; cursor:pointer; }
.account-main { width:min(1180px,calc(100% - 32px)); margin:0 auto; padding:34px 0 50px; }
.account-loading { width:min(470px,100%); min-height:210px; margin:4vh auto; padding:30px; display:grid; place-items:center; align-content:center; gap:10px; text-align:center; background:#fff; border:1px solid var(--pa-line); border-top:4px solid var(--pa-blue); border-radius:8px; box-shadow:0 18px 55px rgba(20,32,48,.1); }
.account-loading small { color:var(--pa-muted); }
.account-loading-spinner { width:34px; height:34px; border:3px solid #dce7f0; border-top-color:var(--pa-blue); border-radius:50%; animation:account-spin .75s linear infinite; }
@keyframes account-spin { to { transform:rotate(360deg); } }
.account-login { width:min(470px,100%); margin:4vh auto; padding:30px; background:#fff; border:1px solid var(--pa-line); border-top:4px solid var(--pa-red); border-radius:8px; box-shadow:0 18px 55px rgba(20,32,48,.1); }
.account-login h1 { margin:0 0 8px; font-size:27px; }
.account-login>p { margin:0 0 22px; color:var(--pa-muted); line-height:1.55; }
.account-login form { display:grid; gap:14px; }
.account-login label { display:grid; gap:6px; color:#344054; font-size:13px; font-weight:750; }
.account-login input { min-height:46px; padding:10px 12px; border:1px solid #adb8c5; border-radius:6px; font:inherit; }
.account-login .participant-password-control input { width:100%; }
.account-form-links { display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.account-form-links button { padding:7px 0; color:var(--pa-blue); background:transparent; border:0; font-weight:700; cursor:pointer; }
.account-status { min-height:20px; margin:12px 0 0; color:var(--pa-muted); font-size:13px; }
.account-status.error { color:#b42318; }
.account-heading { display:flex; justify-content:space-between; align-items:end; gap:18px; margin-bottom:22px; }
.account-heading p { margin:0 0 5px; color:var(--pa-blue); font-size:12px; font-weight:800; }
.account-heading h1 { margin:0; font-size:clamp(26px,4vw,36px); }
.account-heading span { color:var(--pa-muted); font-size:13px; }
.account-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; margin-bottom:20px; }
.account-summary article { min-height:106px; padding:17px; display:grid; align-content:space-between; background:#fff; border:1px solid var(--pa-line); border-radius:7px; }
.account-summary article:nth-child(1){border-top:3px solid var(--pa-blue)} .account-summary article:nth-child(2){border-top:3px solid var(--pa-red)} .account-summary article:nth-child(3){border-top:3px solid var(--pa-green)} .account-summary article:nth-child(4){border-top:3px solid #f0a000}
.account-summary span,.account-summary small { color:var(--pa-muted); }
.account-summary strong { margin:6px 0; font-size:25px; }
.account-summary article { position:relative; }
.account-summary article:has(button) { padding:0; align-content:stretch; }
.account-summary button { width:100%; min-height:106px; padding:17px; display:grid; align-content:space-between; border:0; border-radius:4px; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.account-summary button:hover { background:#f2f7fc; }
.account-summary button:focus-visible { outline:3px solid var(--pa-blue); outline-offset:3px; }
#riwayat-akun { scroll-margin-top:100px; }
@media(max-width:480px){.account-summary button{min-height:96px;padding:12px}}
.account-profile-panel,.account-services,.account-whatsapp-groups,.account-premium { margin-bottom:20px; padding:22px; background:#fff; border:1px solid var(--pa-line); border-radius:7px; }
.account-profile-panel { border-top:3px solid var(--pa-blue); }
.account-services { border-top:3px solid var(--pa-red); }
.account-whatsapp-groups { border-top:3px solid #16a267; }
.account-premium { color:#fff; background:#102b4c; border-color:#102b4c; border-left:6px solid #f4c542; }
.account-premium-heading { display:flex; align-items:start; justify-content:space-between; gap:18px; }
.account-premium-heading span { color:#f7d95c; font-size:11px; font-weight:900; }
.account-premium-heading h2 { margin:4px 0 6px; font-size:23px; }
.account-premium-heading p { margin:0; color:#dbe8f4; line-height:1.5; }
.account-premium-heading>strong { padding:7px 10px; color:#7a4f00; background:#ffe99a; border-radius:4px; font-size:11px; white-space:nowrap; }
.account-premium-heading>strong.active { color:#075b3c; background:#bcefd7; }
.account-premium-action { width:max-content; min-height:43px; margin-top:18px; padding:10px 15px; display:grid; place-items:center; color:#102b4c; background:#f7d95c; border-radius:5px; text-decoration:none; font-size:13px; font-weight:900; }
.account-premium-tests { margin-top:20px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.account-premium-tests a { min-height:118px; padding:14px; display:grid; align-content:start; gap:5px; color:#172234; background:#fff; border-top:4px solid #075baa; text-decoration:none; }
.account-premium-tests a:nth-child(2) { border-top-color:#e71920; }
.account-premium-tests a:nth-child(3) { border-top-color:#087a55; }
.account-premium-tests a:nth-child(4) { border-top-color:#e0a000; }
.account-premium-tests span,.account-premium-tests small { display:block; }
.account-premium-tests span { color:#536273; font-size:12px; line-height:1.4; }
.account-premium-tests small { margin-top:auto; color:#075baa; font-weight:800; }
.account-premium-tests a.used-up { opacity:.48; pointer-events:none; }
.account-section-heading { display:flex; align-items:start; justify-content:space-between; gap:18px; margin-bottom:18px; }
.account-section-heading span { color:var(--pa-blue); font-size:11px; font-weight:800; }
.account-section-heading h2 { margin:4px 0 5px; font-size:21px; }
.account-section-heading p { margin:0; color:var(--pa-muted); line-height:1.5; }
.account-section-heading>strong { padding:6px 9px; color:#9b2c24; background:#fff0ee; border-radius:4px; font-size:12px; white-space:nowrap; }
.account-section-heading>strong.complete { color:#06613f; background:#dff6eb; }
.account-profile-panel form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.account-profile-panel label { display:grid; gap:6px; color:#344054; font-size:12px; font-weight:750; }
.account-profile-panel input,.account-profile-panel select { width:100%; min-height:44px; padding:9px 11px; border:1px solid #adb8c5; border-radius:5px; background:#fff; font:inherit; }
.account-profile-panel input[readonly] { color:#5d6878; border-color:#d6dce4; background:#f3f5f8; cursor:not-allowed; }
.account-profile-panel.profile-complete { border-top-color:#16a267; }
.account-profile-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) auto; gap:12px; align-items:stretch; }
.account-profile-summary[hidden] { display:none; }
.account-profile-summary>div { min-width:0; padding:12px 14px; border:1px solid var(--pa-line); border-radius:5px; background:#f8fafc; }
.account-profile-summary span,.account-profile-summary strong { display:block; overflow-wrap:anywhere; }
.account-profile-summary span { margin-bottom:5px; color:var(--pa-muted); font-size:10px; font-weight:800; text-transform:uppercase; }
.account-profile-summary strong { font-size:13px; }
.account-profile-summary button { min-height:44px; align-self:center; padding:10px 14px; border:1px solid var(--pa-blue); border-radius:5px; color:var(--pa-blue); background:#fff; font:inherit; font-size:12px; font-weight:850; cursor:pointer; }
.profile-wide { grid-column:1/-1; }
.profile-identity-warning { padding:15px 17px; border-left:4px solid #f0a000; background:#fff8dd; }
.profile-identity-warning strong { display:block; margin-bottom:5px; color:#684700; font-size:13px; }
.profile-identity-warning p { margin:0; color:#685b35; font-size:12px; line-height:1.6; }
.profile-identity-warning.locked { border-left-color:var(--pa-green); background:#e8f7ef; }
.profile-identity-warning.locked strong { color:#075b3c; }
.profile-identity-warning.locked p { color:#326350; }
.profile-identity-confirmation { display:flex!important; align-items:flex-start; grid-template-columns:none!important; gap:10px!important; padding:13px 15px; border:1px solid var(--pa-line); border-radius:5px; background:#f8fafc; line-height:1.5; }
.profile-identity-confirmation input { width:18px!important; min-height:18px!important; margin-top:1px; accent-color:var(--pa-blue); }
.profile-identity-confirmation span { flex:1; }
.account-profile-status { min-height:18px; margin:0; color:var(--pa-green); font-size:12px; }
.account-profile-status.error { color:#b42318; }
.account-services>h3 { margin:20px 0 10px; font-size:14px; }
.account-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.account-service-grid a { min-height:132px; padding:16px; display:grid; align-content:start; gap:7px; color:var(--pa-ink); background:#fff; border:1px solid var(--pa-line); border-left:4px solid var(--pa-blue); border-radius:6px; text-decoration:none; }
.account-service-grid a:nth-child(2) { border-left-color:var(--pa-red); }
.account-service-grid a:nth-child(3) { border-left-color:#e0a000; }
.account-service-grid a.ielts-academic-panel,.account-premium-tests a.ielts-academic-panel { border-color:#075baa; background:#eef6ff; }
.account-service-grid a.ielts-general-panel,.account-premium-tests a.ielts-general-panel { border-color:#16845b; background:#eef9f3; }
.ielts-academic-panel b { color:#075baa; }
.ielts-general-panel b,.account-service-grid a.ielts-general-panel strong { color:#106342; }
.account-service-grid a span { min-height:36px; color:var(--pa-muted); font-size:12px; line-height:1.45; }
.account-service-grid a strong { margin-top:auto; color:var(--pa-blue); font-size:12px; }
.account-service-grid a.locked { opacity:.48; cursor:not-allowed; filter:grayscale(.35); }
.account-whatsapp-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.account-whatsapp-grid article { min-height:92px; padding:14px; display:grid; grid-template-columns:42px minmax(0,1fr); gap:10px 12px; align-items:center; border:1px solid #b9ddcc; border-left:4px solid #16a267; border-radius:6px; background:#f5fcf8; }
.account-whatsapp-grid img { width:42px; height:42px; padding:8px; border-radius:50%; background:#16a267; }
.account-whatsapp-grid strong,.account-whatsapp-grid span { display:block; }
.account-whatsapp-grid strong { font-size:14px; }
.account-whatsapp-grid span { margin-top:3px; color:var(--pa-muted); font-size:11px; line-height:1.4; }
.account-whatsapp-grid a { min-height:38px; padding:8px 11px; display:grid; grid-column:1/-1; place-items:center; color:#fff; background:#087a55; border-radius:5px; text-decoration:none; font-size:12px; font-weight:800; }
.account-whatsapp-grid a:hover,.account-whatsapp-grid a:focus-visible { background:#06613f; outline:3px solid rgba(8,122,85,.16); }
.account-whatsapp-note { margin:13px 0 0; color:var(--pa-muted); font-size:11px; line-height:1.5; }
.account-panel { overflow:hidden; background:#fff; border:1px solid var(--pa-line); border-radius:7px; }
.account-history-heading { margin:0; padding:20px 22px; align-items:center; }
.account-history-toggle { flex:0 0 auto; min-height:42px; padding:9px 14px; color:#fff; background:var(--pa-blue); border:0; border-radius:5px; font:inherit; font-size:12px; font-weight:800; cursor:pointer; }
.account-history-toggle:hover,.account-history-toggle:focus-visible { background:#064b8c; outline:3px solid rgba(7,91,170,.16); }
.account-tabs { display:flex; overflow-x:auto; border-bottom:1px solid var(--pa-line); }
.account-tabs button { min-height:52px; padding:0 17px; white-space:nowrap; color:var(--pa-muted); background:#fff; border:0; border-bottom:3px solid transparent; font-weight:750; cursor:pointer; }
.account-tabs button.active { color:var(--pa-blue); border-bottom-color:var(--pa-blue); }
.account-list { display:grid; }
.account-item { padding:18px; display:grid; grid-template-columns:minmax(180px,1.4fr) minmax(140px,1fr) minmax(120px,.8fr); gap:16px; align-items:center; border-bottom:1px solid #ebeff3; }
.account-item:last-child { border-bottom:0; }
.account-certificate-actions { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.account-certificate-actions button { padding:10px 16px; border:0; border-radius:6px; background:#075baa; color:#fff; font:inherit; font-weight:700; cursor:pointer; }
.account-certificate-actions button:disabled { opacity:.6; cursor:wait; }
.account-certificate-actions small { overflow-wrap:anywhere; }
.manual-payment-dialog { width:min(700px,calc(100% - 24px)); max-height:90vh; padding:0; border:0; border-radius:8px; background:white; color:#1d2939; }
.manual-payment-dialog::backdrop { background:rgba(0,0,0,.6); }
.manual-payment-shell { max-height:90vh; overflow:auto; }
.manual-payment-header { display:flex; justify-content:space-between; align-items:center; padding:18px; border-top:4px solid #075baa; }
.manual-payment-header h2 { margin:4px 0; font-size:22px; }
.manual-payment-header button { width:40px; height:40px; font-size:24px; border:1px solid #ccd5df; background:white; border-radius:6px; }
.manual-payment-summary { padding:18px; background:#eaf3ff; display:grid; gap:10px; }
.manual-payment-summary div { display:grid; gap:4px; }
.manual-payment-summary strong { font-size:20px; }
.manual-payment-summary small { overflow-wrap:anywhere; }
.manual-payment-form { display:grid; gap:18px; padding:18px; }
.manual-methods { border:0; padding:0; margin:0; }
.manual-methods label span { display:inline-grid; gap:3px; padding:8px; }
.manual-method-detail { display:grid; gap:8px; justify-items:center; text-align:center; }
.manual-method-detail img { display:block; width:min(100%,320px); height:auto; }
.manual-proof-fields { display:grid; gap:14px; }
.manual-proof-fields label { display:grid; gap:6px; }
.manual-proof-fields input { width:100%; min-width:0; padding:10px; border:1px solid #aebdca; border-radius:6px; font:inherit; }
.manual-payment-actions { display:flex; flex-wrap:wrap; gap:10px; }
.manual-payment-actions button,.manual-copy-button { padding:12px; border:1px solid #075baa; border-radius:6px; background:white; color:#075baa; font:inherit; cursor:pointer; }
.manual-payment-actions button[type=submit] { background:#075baa; color:white; }
.manual-payment-status { margin:0; overflow-wrap:anywhere; }
.manual-payment-status.error { color:#ae2929; }
.manual-payment-status.success { color:#12613d; }
.manual-payment-dialog [hidden] { display:none!important; }
.account-item strong,.account-item span,.account-item small { display:block; }
.account-item small { margin-top:4px; color:var(--pa-muted); }
.account-pill { width:max-content; padding:4px 8px; color:#06613f; background:#dff6eb; border-radius:4px; font-size:11px; font-weight:800; }
.account-empty { padding:48px 20px; text-align:center; color:var(--pa-muted); }
.account-empty strong { display:block; margin-bottom:7px; color:var(--pa-ink); font-size:18px; }
.account-history-footer { min-height:62px; padding:12px 18px; display:flex; align-items:center; justify-content:space-between; gap:14px; border-top:1px solid var(--pa-line); color:var(--pa-muted); font-size:12px; }
.account-history-footer button { min-height:38px; padding:8px 12px; color:var(--pa-blue); background:#f2f7fc; border:1px solid #a9c8e3; border-radius:5px; font:inherit; font-size:12px; font-weight:800; cursor:pointer; }
@media(max-width:1250px){.site-header .participant-account-trigger{grid-template-columns:36px 10px;max-width:none}.site-header .participant-account-trigger-copy{display:none}}
@media(max-width:980px){.site-header>.participant-header-account{margin-left:auto}.site-header>.participant-header-account+.mobile-menu-toggle{margin-left:0}}
@media(max-width:760px){.account-summary{grid-template-columns:1fr 1fr}.account-item{grid-template-columns:1fr;gap:8px}.account-heading,.account-section-heading,.account-premium-heading{align-items:start;flex-direction:column}.account-history-toggle{width:100%}.account-history-footer{align-items:stretch;flex-direction:column}.account-history-footer button{width:100%}.account-profile-panel form{grid-template-columns:1fr}.account-profile-summary{grid-template-columns:1fr 1fr}.account-profile-summary button{grid-column:1/-1;width:100%}.account-service-grid,.account-premium-tests,.account-whatsapp-grid{display:flex;overflow-x:auto;gap:10px;padding:2px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:thin}.account-service-grid a,.account-premium-tests a,.account-whatsapp-grid article{flex:0 0 min(82vw,300px);scroll-snap-align:start}.account-services,.account-premium,.account-profile-panel,.account-whatsapp-groups{padding:18px}.profile-wide{grid-column:auto}.account-header{padding:9px 12px}.account-brand span{display:none}.account-header a.account-link{display:none}.account-header nav{margin-left:auto}.account-header button{padding:7px 9px;font-size:11px}.participant-account-trigger{grid-template-columns:36px 10px;max-width:none}.participant-account-trigger-copy{display:none}}
@media(max-width:480px){.participant-auth-card,.account-login{padding:22px 18px}.participant-auth-brand img{width:54px;height:54px}.participant-auth-brand h2{font-size:19px}.account-main{width:min(100% - 22px,1180px);padding-top:22px}.account-summary{gap:8px}.account-summary article{min-height:96px;padding:12px}.account-summary strong{font-size:20px}.participant-gate-note{align-items:stretch;flex-direction:column}.participant-gate-note button{width:100%}.participant-account-trigger{min-height:42px;padding:3px 7px 3px 4px;grid-template-columns:34px 9px;gap:6px}.participant-account-avatar{width:34px;height:34px}.participant-account-menu{position:fixed;top:70px;right:10px;width:min(300px,calc(100vw - 20px))}}
@media(max-width:420px){.participant-login-link{min-height:38px;padding:7px 9px;font-size:10px}.site-header>.participant-login-link{margin-left:auto}.site-header>.brand span{display:none}}
.certificate-reminder, .certificate-reminder-dialog {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}
.certificate-reminder {
  margin: 24px 0;
  padding: 24px 0;
  border-top: 3px solid #0864ac;
  border-bottom: 1px solid #d5e1e9;
}
.certificate-reminder h2, .certificate-reminder-dialog h2 {
  margin: 0 0 14px;
  font-size: 22px;
  line-height: 1.3;
  color: #12304b;
}
.certificate-reminder p, .certificate-reminder-dialog p {
  font-size: 15px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.certificate-reminder-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 0;
  border-top: 1px solid #d5e1e9;
}
.certificate-reminder-row > div { min-width: 0; }
.certificate-reminder-row strong { overflow-wrap: anywhere; }
.certificate-reminder-row p { margin: 6px 0 0; }
.certificate-reminder-row button {
  background: #0961a9;
  color: #fff;
  border: 0;
  border-radius: 6px;
  padding: 12px 18px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.certificate-reminder-row button:disabled { opacity: .6; cursor: default; }
.certificate-reminder-dialog {
  width: min(560px, calc(100% - 24px));
  max-height: calc(100dvh - 32px);
  box-sizing: border-box;
  overflow-y: auto;
  border: 0;
  border-top: 5px solid #0961a9;
  border-radius: 8px;
  padding: 26px;
  color: #263747;
  background: white;
}
.certificate-reminder-dialog::backdrop { background: rgb(12 25 38 / 55%); }
.certificate-reminder-dialog h2 { padding-right: 38px; }
.certificate-reminder-close {
  position: absolute; right: 14px; top: 14px;
  width: 36px; height: 36px; border: 0; background: #eef3f6;
  border-radius: 6px; font-size: 26px; cursor: pointer;
}
.account-result-details { grid-column: 1 / -1; width: 100%; min-width: 0; border-top: 1px solid #dce3e8; padding-top: 12px; }
.account-result-details summary { color: #0961a9; font-weight: 700; cursor: pointer; padding: 10px 0; }
.account-result-details summary:focus-visible { outline: 2px solid #0961a9; outline-offset: 3px; }
.account-result-report { padding: 12px 0; overflow-wrap: anywhere; line-height: 1.6; }
.account-result-report h3 { font-size: 18px; line-height: 1.4; margin: 0 0 8px; }
.account-result-report h4 { font-size: 16px; margin: 20px 0 8px; }
.account-result-report p { margin: 6px 0; white-space: pre-wrap; }
.certificate-reminder-later {
  display: block; margin: 12px auto 0; padding: 10px 16px;
  border: 0; background: transparent; color: #0961a9;
  font: inherit; font-weight: 700; cursor: pointer;
}
@media (max-width: 600px) {
  .certificate-reminder-dialog { padding: 20px; }
  .certificate-reminder-dialog h2 { font-size: 20px; }
  .certificate-reminder-row { flex-direction: column; align-items: stretch; gap: 8px; }
  .certificate-reminder-row button { width: 100%; }
}