:root{--black:#090909;--card:#171714;--card2:#201d17;--gold:#d3aa58;--gold2:#f0d285;--cream:#f7f0df;--muted:#a49d8e;--line:rgba(211,170,88,.2);--green:#6bc391;--red:#e68176;--shadow:0 18px 55px rgba(0,0,0,.28)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#0c0c0b;color:var(--cream);font-size:15px}body{background:radial-gradient(circle at 85% 4%,rgba(140,103,39,.2),transparent 22%),#0c0c0b}a{text-decoration:none;color:inherit}button,input{font:inherit}.portal-shell{width:min(580px,100%);min-height:100vh;margin:auto;background:linear-gradient(180deg,#10100e,#0b0b0a);box-shadow:0 0 80px rgba(0,0,0,.5);padding-bottom:92px}.portal-top{height:74px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(13,13,12,.92);backdrop-filter:blur(15px)}.portal-logo{display:flex;align-items:center;gap:11px}.portal-logo>span{width:39px;height:39px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font:24px Georgia}.portal-logo b,.portal-logo small{display:block}.portal-logo b{font:700 1rem Georgia;letter-spacing:.13em}.portal-logo small{font-size:.51rem;color:var(--gold2);letter-spacing:.16em;margin-top:3px}.bell{position:relative;font-size:26px;color:var(--gold2)}.bell i{position:absolute;right:-5px;top:-4px;min-width:17px;height:17px;border-radius:12px;background:var(--gold);color:#151109;font:700 10px/17px sans-serif;text-align:center}.portal-main{padding:23px 18px}.portal-greeting p{margin:0;color:var(--muted);font-size:.78rem}.portal-greeting h1{font:600 1.75rem Georgia;margin:5px 0}.portal-greeting>span{color:var(--gold2);font-size:.68rem;letter-spacing:.09em}.countdown-card{margin:21px 0 14px;padding:24px;border-radius:16px;background:radial-gradient(circle at 88% 18%,rgba(240,210,133,.18),transparent 28%),linear-gradient(130deg,#242016,#11110f);border:1px solid rgba(211,170,88,.35);box-shadow:var(--shadow)}.countdown-card>small{font-size:.58rem;letter-spacing:.18em;color:var(--gold2);font-weight:800}.countdown-card>div{display:flex;align-items:center;gap:12px;margin:8px 0 17px}.countdown-card>div b{font:600 3.7rem Georgia;color:var(--gold2);line-height:1}.countdown-card>div span{color:#c2b9a5;font-size:.72rem;line-height:1.35}.countdown-card h2{font:600 1.2rem Georgia;margin:0 0 5px}.countdown-card p{color:var(--muted);font-size:.72rem;margin:0}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.quick-grid a{background:var(--card);border:1px solid var(--line);padding:15px;border-radius:12px}.quick-grid i,.quick-grid b,.quick-grid span{display:block}.quick-grid i{width:33px;height:33px;border-radius:9px;background:#2a2418;color:var(--gold2);display:grid;place-items:center;font-style:normal;font-size:.8rem}.quick-grid b{font-size:.78rem;margin:10px 0 4px}.quick-grid span{font-size:.64rem;color:var(--muted)}.p-card{background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:0 10px 32px rgba(0,0,0,.16);margin-bottom:13px}.p-card-head{min-height:66px;padding:16px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.p-card-head small{color:var(--gold2);font-size:.55rem;letter-spacing:.13em}.p-card-head h3{font-size:.9rem;margin:4px 0 0}.status-chip,.doc-status,.notice-type{padding:5px 8px;border-radius:12px;background:#292419;color:var(--gold2);font-size:.58rem;font-weight:800}.trip-summary dl,.account-info dl{display:grid;grid-template-columns:115px 1fr;gap:13px;margin:0;padding:17px}.trip-summary dt,.account-info dt{color:var(--muted);font-size:.68rem}.trip-summary dd,.account-info dd{margin:0;font-size:.73rem;font-weight:700}.p-page-title{margin:5px 2px 21px}.p-page-title>small{color:var(--gold2);font-size:.58rem;letter-spacing:.15em;font-weight:800}.p-page-title h1{font:600 1.75rem Georgia;margin:5px 0}.p-page-title p{color:var(--muted);font-size:.73rem;margin:0}.payment-hero{padding:22px;background:linear-gradient(120deg,#2b2315,#171510);border:1px solid rgba(211,170,88,.4);border-radius:14px;margin-bottom:14px}.payment-hero>small{color:var(--gold2);font-size:.57rem;letter-spacing:.14em}.payment-hero>b{display:block;font:600 2rem Georgia;margin:8px 0 17px}.payment-hero>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-hero span,.payment-hero strong{display:block}.payment-hero span{font-size:.61rem;color:var(--muted)}.payment-hero strong{font-size:.72rem;color:var(--cream);margin-top:4px}.p-list article{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--line)}.p-list article:last-child{border:0}.list-icon{width:31px;height:31px;flex:0 0 31px;border-radius:9px;background:#292419;color:var(--gold2);display:grid;place-items:center}.p-list article>div{flex:1;min-width:0}.p-list b,.p-list small,.p-list strong{display:block}.p-list b{font-size:.74rem}.p-list small{font-size:.61rem;color:var(--muted);margin-top:4px}.p-list strong{text-align:right;font-size:.7rem}.doc-status.valid{background:rgba(107,195,145,.15);color:var(--green)}.doc-status.perlu-revisi,.doc-status.kedaluwarsa{background:rgba(230,129,118,.14);color:var(--red)}.timeline article{position:relative;padding-left:28px;margin-bottom:12px}.timeline article:before{content:"";position:absolute;left:8px;top:17px;bottom:-24px;width:1px;background:var(--line)}.timeline article:last-child:before{display:none}.timeline article>span{position:absolute;left:3px;top:14px;width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(211,170,88,.12)}.timeline .p-card{padding:17px}.timeline small{color:var(--gold2);font-size:.59rem}.timeline h3{font-size:.85rem;margin:7px 0}.timeline b{font-size:.68rem}.timeline p,.notice-list p{color:var(--muted);font-size:.68rem;line-height:1.6;margin:7px 0 0}.timeline.itinerary article>span{left:0;top:12px;width:22px;height:22px;display:grid;place-items:center;color:#171109;font-size:.61rem;font-weight:800;box-shadow:none}.notice-list .p-card{padding:17px}.notice-list article>div{display:flex;align-items:center;justify-content:space-between}.notice-list article>div small{color:var(--muted);font-size:.58rem}.notice-list h3{font-size:.88rem;margin:13px 0 0}.profile-card{text-align:center;margin-bottom:14px}.profile-card>span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#967032,#e0bd6b);color:#1b1409;font:700 2rem Georgia;margin:auto}.profile-card h2{font:600 1.25rem Georgia;margin:12px 0 4px}.profile-card p{color:var(--gold2);font-size:.67rem;margin:0}.password-card{padding:18px}.password-card h3{margin:0 0 17px;font-size:.9rem}.password-card label,.portal-login-card label{display:block;color:#c7bead;font-size:.66rem;margin:13px 0 6px}.password-card input,.portal-login-card input{width:100%;height:45px;border:1px solid #3d382e;border-radius:8px;background:#0c0c0b;color:#fff;padding:0 12px}.password-card button,.portal-login-card button{width:100%;height:47px;border:0;border-radius:8px;margin-top:17px;background:linear-gradient(135deg,#ad8135,#e1c06f);color:#181108;font-weight:800}.logout-link{display:block;text-align:center;color:var(--red);font-size:.73rem;padding:16px}.p-empty{text-align:center;padding:38px 18px}.p-empty b,.p-empty span{display:block}.p-empty b{font-size:.84rem}.p-empty span{color:var(--muted);font-size:.69rem;margin-top:6px}.p-alert{padding:11px 13px;border-radius:8px;margin-bottom:13px;font-size:.72rem}.p-alert.success{background:rgba(107,195,145,.13);border:1px solid rgba(107,195,145,.3);color:#9ce0b9}.p-alert.danger{background:rgba(230,129,118,.12);border:1px solid rgba(230,129,118,.3);color:#f0a29a}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(580px,100%);height:76px;padding:8px 10px max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(18,18,16,.96);backdrop-filter:blur(15px);border-top:1px solid var(--line);z-index:30}.bottom-nav a{text-align:center;color:#777164;font-size:.57rem}.bottom-nav i,.bottom-nav span{display:block}.bottom-nav i{font-style:normal;font-size:1rem;height:30px;line-height:30px}.bottom-nav a.active{color:var(--gold2)}
.portal-login{background:radial-gradient(circle at 80% 10%,#3b2c14,transparent 29%),#080808}.portal-login-wrap{min-height:100vh;width:min(900px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:1fr 390px;align-items:center;gap:80px}.portal-login-brand>span{width:67px;height:67px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font:39px Georgia}.portal-login-brand>small{display:block;color:var(--gold2);letter-spacing:.18em;font-size:.6rem;margin-top:27px}.portal-login-brand h1{font:600 clamp(2.7rem,7vw,4.8rem) Georgia;letter-spacing:.08em;margin:8px 0}.portal-login-brand p{color:var(--muted)}.portal-login-card{background:rgba(23,23,20,.98);border:1px solid rgba(211,170,88,.3);padding:31px;border-radius:14px;box-shadow:var(--shadow)}.portal-login-card h2{font:600 1.65rem Georgia;margin:0 0 7px}.portal-login-card>p{color:var(--muted);font-size:.73rem;line-height:1.6;margin:0 0 20px}.login-help{display:block;color:#716c62;text-align:center;font-size:.61rem;line-height:1.5;margin-top:16px}
@media(max-width:740px){.portal-login-wrap{display:block;width:min(100% - 30px,430px);padding:35px 0}.portal-login-brand{text-align:center;margin-bottom:25px}.portal-login-brand>span{margin:auto}.portal-login-brand>small{margin-top:13px}.portal-login-brand h1{font-size:2.3rem}.portal-login-brand p{font-size:.72rem}.portal-login-card{padding:25px}}@media(max-width:370px){.portal-main{padding-left:13px;padding-right:13px}.countdown-card{padding:20px}.quick-grid{gap:8px}.portal-login-card{padding:20px}}
.agent-ref-card{margin:20px 0 13px;padding:20px;background:linear-gradient(120deg,#2b2315,#171510);border:1px solid rgba(211,170,88,.4);border-radius:14px}.agent-ref-card small,.agent-ref-card b{display:block}.agent-ref-card small{font-size:.56rem;letter-spacing:.14em;color:var(--gold2)}.agent-ref-card>b{font:600 1.5rem Georgia;margin:8px 0}.agent-ref-card input{width:100%;height:38px;background:#0d0d0b;border:1px solid #3e372a;color:#aaa;padding:0 10px;border-radius:7px;font-size:.62rem}.agent-ref-card a{display:block;text-align:center;background:var(--gold);color:#181108;padding:10px;border-radius:7px;font-size:.68rem;font-weight:800;margin-top:9px}.agent-stats a>b{font-size:1rem;margin-bottom:3px}.target-progress{height:7px;background:#2d2a24;margin:18px;border-radius:8px;overflow:hidden}.target-progress i{display:block;height:100%;background:linear-gradient(90deg,#ad8135,#edcf82)}.target-card>p{padding:0 18px 18px;color:var(--muted);font-size:.66rem}.agent-lead form{display:flex;gap:8px;margin-top:14px}.agent-lead select{flex:1;height:38px;background:#0d0d0b;color:#ddd;border:1px solid #3c372d;border-radius:7px;padding:0 8px}.agent-lead button{border:0;border-radius:7px;background:var(--gold);color:#191208;font-weight:800;padding:0 12px}.sub-title{margin-top:22px}.sub-title h2{font:600 1.25rem Georgia;margin:5px 0}.referral-page{background:radial-gradient(circle at 75% 10%,#3c2d14,transparent 28%),#080808}.referral-wrap{width:min(880px,calc(100% - 30px));min-height:100vh;margin:auto;display:grid;grid-template-columns:1fr 420px;gap:70px;align-items:center}.referral-wrap>header>span{width:66px;height:66px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font:38px Georgia}.referral-wrap>header small{display:block;color:var(--gold2);letter-spacing:.16em;font-size:.6rem;margin-top:25px}.referral-wrap>header h1{font:600 clamp(2.4rem,5vw,4rem) Georgia;margin:10px 0}.referral-wrap>header p{color:var(--muted)}.referral-card{background:var(--card);border:1px solid rgba(211,170,88,.3);padding:29px;border-radius:14px;box-shadow:var(--shadow)}.referral-card h2{font:600 1.45rem Georgia;margin:15px 0 6px}.referral-card>p{color:var(--muted);font-size:.7rem;line-height:1.5}.referral-card label{display:block;color:#c7bead;font-size:.65rem;margin:12px 0 6px}.referral-card input,.referral-card select,.referral-card textarea{width:100%;border:1px solid #3d382e;border-radius:7px;background:#0c0c0b;color:#fff;padding:0 11px}.referral-card input,.referral-card select{height:43px}.referral-card textarea{min-height:70px;padding-top:10px}.referral-card button{width:100%;height:46px;border:0;border-radius:7px;background:linear-gradient(135deg,#ad8135,#e1c06f);font-weight:800;color:#181108;margin-top:17px}.referred-by{display:block;text-align:center;color:#746e62;font-size:.58rem;margin-top:14px}.ref-success{text-align:center;padding:35px 8px}.ref-success b{font:600 1.8rem Georgia;color:var(--gold2)}.ref-success p{color:var(--muted);line-height:1.7;font-size:.75rem}
@media(max-width:760px){.referral-wrap{display:block;width:min(100% - 28px,440px);padding:35px 0}.referral-wrap>header{text-align:center;margin-bottom:25px}.referral-wrap>header>span{margin:auto}.referral-wrap>header small{margin-top:12px}.referral-wrap>header h1{font-size:2rem}.referral-card{padding:23px}}