:root{--navy:#071d35;--navy2:#0c2d50;--blue:#135d8d;--gold:#d8ae52;--gold2:#f0cf7b;--ink:#132033;--muted:#6d7786;--soft:#f3f6f8;--line:#dfe5ea;--white:#fff;--green:#17815b;--red:#b84040;--shadow:0 18px 50px rgba(7,29,53,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}p{line-height:1.7;color:var(--muted)}h1,h2,h3{margin-top:0;line-height:1.15}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{width:min(790px,calc(100% - 40px))}
.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(7,29,53,.08)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:grid;grid-template-columns:38px auto;grid-template-rows:20px 18px;align-items:center}.brand>span{grid-row:1/3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:var(--navy)}.brand b{font-family:"Playfair Display";letter-spacing:1px;font-size:18px}.brand small{text-transform:uppercase;font-size:9px;letter-spacing:2px;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.main-nav>a:not(.btn):hover{color:var(--gold)}.nav-toggle{display:none;border:0;background:none;font-size:24px}
.btn{border:0;display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:7px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-small{padding:10px 17px;font-size:13px}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--navy);box-shadow:0 10px 25px rgba(216,174,82,.25)}.btn-navy{background:var(--navy);color:#fff}.btn-outline{border:1px solid var(--line)}.btn-ghost{border:1px solid rgba(255,255,255,.28);color:#fff}.btn-block{width:100%}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 20%,#184e71 0,transparent 32%),linear-gradient(135deg,#06182d,#0a3453);color:#fff;padding:105px 0 120px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px}.hero-grid{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:85px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.2px;color:var(--gold2)}.eyebrow.dark{color:#9b741d}.hero h1{font-family:"Playfair Display";font-size:60px;max-width:750px;margin:20px 0}.hero h1 em{color:var(--gold2);font-style:normal}.hero-copy>p{font-size:18px;color:#ccd7df;max-width:660px}.actions{display:flex;gap:12px;margin:30px 0}.trust{display:flex;gap:22px;color:#bdcbd5;font-size:12px}.hero-panel{position:relative;border:1px solid rgba(255,255,255,.17);padding:36px;background:rgba(255,255,255,.06);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.hero-panel:after{content:"";position:absolute;width:70px;height:4px;background:var(--gold);left:36px;top:0}.hero-panel .compass{font-size:42px;color:var(--gold2);margin-bottom:55px}.hero-panel>span{font-size:10px;letter-spacing:2px;color:var(--gold2)}.hero-panel h2{font-family:"Playfair Display";font-size:31px;margin:13px 0 35px}.panel-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.15);padding-top:22px}.panel-meta div{display:flex;flex-direction:column}.panel-meta small{color:#aabcc9;margin-top:3px}.wave{position:absolute;bottom:-1px;width:100%;height:40px;background:#fff;clip-path:polygon(0 85%,18% 30%,36% 68%,57% 18%,75% 60%,100% 15%,100% 100%,0 100%)}
.section{padding:90px 0}.section-soft{background:var(--soft)}.section-head{text-align:center;max-width:650px;margin:0 auto 45px}.section-head h2,.price-wrap h2{font-family:"Playfair Display";font-size:39px;margin:12px 0}.cards.three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{padding:32px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 8px 30px rgba(7,29,53,.04)}.feature i{width:45px;height:45px;display:grid;place-items:center;background:#edf4f6;color:var(--navy);font-style:normal;font-size:20px;border-radius:50%}.feature h3{margin:22px 0 8px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.timeline article{position:relative;padding:28px 20px 10px;border-top:2px solid #bdc9d2}.timeline article:before{content:"";position:absolute;top:-6px;left:0;width:10px;height:10px;background:var(--gold);border-radius:50%}.timeline b{color:var(--gold);font-size:28px}.timeline h3{margin:14px 0 4px}.price-wrap{display:grid;grid-template-columns:1fr 360px;gap:90px;align-items:center}.price-card{padding:35px;background:var(--navy);color:#fff;display:flex;flex-direction:column;border-radius:10px;box-shadow:var(--shadow)}.price-card strong{font-size:38px;color:var(--gold2);margin:12px 0}.price-card small{color:#aabcc9;margin-bottom:25px}.cta{text-align:center;padding:75px 0;color:#fff;background:linear-gradient(rgba(6,25,45,.86),rgba(6,25,45,.92)),radial-gradient(circle at center,#17628a,#071d35)}.cta h2{font-family:"Playfair Display";font-size:40px;margin:10px 0 28px}.cta span{color:var(--gold2);text-transform:uppercase;letter-spacing:2px;font-size:12px}footer{padding:50px 0;background:#051425;color:#fff}.footer-grid{display:flex;justify-content:space-between}.footer-grid p{color:#8fa1ae;font-size:13px}
.page-hero{background:var(--navy);color:#fff;padding:80px 0}.page-hero.compact{padding:58px 0}.page-hero h1{font-family:"Playfair Display";font-size:44px;margin:13px 0 8px}.page-hero p{color:#bdcbd5}.form-section{background:var(--soft)}.form-card{padding:38px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.form-title{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;margin:5px 0 24px}.form-title:not(:first-child){margin-top:42px}.form-title>b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold2)}.form-title h2{font-size:20px;margin:0}.form-title p{margin:3px 0 0;font-size:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.span-2{grid-column:1/3}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:#344054}input,select,textarea{width:100%;border:1px solid #ced7de;border-radius:6px;padding:12px 13px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#4d89aa;box-shadow:0 0 0 3px rgba(77,137,170,.12)}textarea{min-height:95px;resize:vertical}.check{flex-direction:row;align-items:flex-start;margin:28px 0}.check input{width:auto;margin-top:3px}
.success-page{min-height:75vh;background:var(--soft)}.success-card{text-align:center;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:55px;border-radius:10px}.success-icon{width:70px;height:70px;margin:0 auto 25px;border-radius:50%;display:grid;place-items:center;background:#e8f5ef;color:var(--green);font-size:26px;font-weight:bold}.success-card h1{font-family:"Playfair Display";font-size:37px;margin:14px 0}.credential{display:grid;grid-template-columns:1fr 1fr;text-align:left;background:var(--soft);padding:20px;margin:25px 0}.credential div{display:flex;flex-direction:column;padding:0 18px}.credential div+div{border-left:1px solid var(--line)}.credential small{color:var(--muted)}.credential strong{font-size:18px;margin-top:5px}
.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-art{padding:15vh 12%;color:#fff;background:radial-gradient(circle at 30% 80%,#185b7f,transparent 35%),linear-gradient(145deg,#06182d,#0b3657);display:flex;flex-direction:column;justify-content:center}.auth-art h1{font-family:"Playfair Display";font-size:49px;margin:17px 0}.auth-art p{color:#c7d4dc;max-width:520px}.auth-box{display:grid;place-items:center;padding:40px}.auth-box form{width:min(420px,100%)}.auth-box h2{font-size:28px;margin:45px 0 8px}.auth-box form>p{margin-bottom:30px}.auth-box label{margin:18px 0}.auth-box form>small{display:block;text-align:center;color:var(--muted);margin-top:20px}
.access-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.access-points span{padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:11px;color:#d9e2e8}.auth-box label small{display:inline;color:var(--muted);font-weight:500}.auth-box form>small a{color:var(--blue);font-weight:700}.credential.single{grid-template-columns:1fr;text-align:center}.credential.single strong{font-size:25px;letter-spacing:2px}.actions.center{justify-content:center;flex-wrap:wrap}.delivery-note{font-size:12px;margin-top:20px}
.dashboard-head{background:var(--soft);padding:48px 0;border-bottom:1px solid var(--line)}.dashboard-head .container{display:flex;justify-content:space-between;align-items:center}.dashboard-head h1{font-family:"Playfair Display";font-size:38px;margin:10px 0 5px}.dashboard-head p{margin:0}.status-pill{background:#e5f2eb;color:#176944;padding:10px 15px;border-radius:20px;font-size:12px;font-weight:800}.dashboard-body{padding-top:35px}.notice{display:flex;gap:17px;padding:20px;border-radius:8px;margin-bottom:30px}.notice.navy{background:var(--navy);color:#fff}.notice>div:first-child{font-size:25px}.notice p{color:#b8c7d2;margin:4px 0}.progress-track{display:flex;justify-content:space-between;margin:35px 0 50px;position:relative}.progress-track:before{content:"";position:absolute;top:17px;left:3%;right:3%;height:2px;background:var(--line)}.progress-track>div{position:relative;z-index:1;width:12%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px}.progress-track i{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#e7ebee;color:#7c8993;font-style:normal;font-size:12px}.progress-track .done i{background:var(--gold);color:var(--navy)}.progress-track small{font-size:9px;line-height:1.3}.dashboard-grid{display:grid;grid-template-columns:1fr 285px;gap:28px}.action-card{display:flex;gap:25px;padding:30px;background:linear-gradient(145deg,var(--navy),var(--navy2));color:#fff;border-radius:10px;margin-bottom:25px}.action-card p{color:#bdcbd5}.action-card .card-icon{flex:0 0 52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--navy);font-weight:800}.tag{color:var(--gold2);font-size:10px;font-weight:800;letter-spacing:1.5px}.action-card h2{margin:7px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-head h3,.panel-head p{margin:0}.panel-head p{font-size:12px;margin-top:4px}.panel-head>a{color:var(--blue);font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:13px 18px;background:#f7f9fa;color:#65727d;font-size:10px;text-transform:uppercase;letter-spacing:.8px}td{padding:15px 18px;border-top:1px solid #edf0f2}td small{display:block;color:var(--muted);margin-top:4px}.empty{text-align:center!important;color:var(--muted);padding:35px!important}.badge{display:inline-block;padding:6px 9px;border-radius:20px;font-size:9px;font-weight:800;background:#eef1f3;color:#5e6972}.badge.terverifikasi,.badge.lengkap{background:#e4f4eb;color:var(--green)}.badge.menunggu{background:#fff3d9;color:#906c18}.badge.ditolak{background:#fae8e8;color:var(--red)}.profile-card,.help-card{border:1px solid var(--line);padding:25px;border-radius:9px;margin-bottom:20px}.profile-card{text-align:center}.profile-avatar{width:62px;height:62px;margin:auto;border-radius:50%;background:var(--navy);color:var(--gold2);display:grid;place-items:center;font-size:24px}.profile-card h3{margin:14px 0 2px}.profile-card p{font-size:12px;margin:0}.profile-card hr{border:0;border-top:1px solid var(--line);margin:20px 0}.profile-card small,.profile-card>b{display:block;text-align:left;margin-top:10px}.help-card{background:#f7fafb}.help-card p{font-size:13px}.help-card a{color:var(--blue);font-weight:700;font-size:13px}
.participant-summary{display:grid;grid-template-columns:1fr 1.2fr 2fr 1.2fr;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 25px rgba(7,29,53,.04)}.participant-summary>div{padding:18px;border-right:1px solid var(--line)}.participant-summary>div:last-child{border:0}.participant-summary small,.participant-summary b{display:block}.participant-summary small{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-bottom:6px}.participant-summary b{font-size:12px}.action-card .actions{margin:18px 0 0;flex-wrap:wrap}.action-card form{margin:0}
.payment-layout{display:grid;grid-template-columns:320px 1fr;gap:25px}.bank-card{padding:32px;background:var(--navy);color:#fff;border-radius:10px;height:max-content}.bank-card>span,.bank-card small{color:#abbcc8}.bank-card strong{display:block;color:var(--gold2);font-size:30px;margin:8px 0 25px}.bank-card hr{border:0;border-top:1px solid rgba(255,255,255,.15);margin-bottom:25px}.bank-card h3{margin:8px 0}.account{font-size:23px;letter-spacing:2px;margin:12px 0}.bank-card p{color:#bdcbd5;font-size:12px}.back{display:block;margin-top:18px;text-align:center;color:var(--muted);font-size:13px}
.test-rules{display:flex;justify-content:center;gap:20px;margin:25px 0;color:var(--muted);font-size:12px}.exam-head{position:sticky;top:0;z-index:30;background:var(--navy);color:#fff;padding:18px 0}.exam-head .container{display:flex;align-items:center;justify-content:space-between}.exam-head span{color:var(--gold2);font-size:10px;letter-spacing:1.5px}.exam-head h2{font-size:18px;margin:4px 0}.timer{padding:10px 20px;background:var(--gold);color:var(--navy);font-size:20px;font-weight:800;border-radius:5px}.exam{background:var(--soft)}.question{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:18px}.question-no{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold2);font-weight:700}.question h3{font-size:17px;margin:8px 0 20px}.option{margin:9px 0}.option input{display:none}.option span{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:6px;font-weight:500}.option span b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--soft)}.option input:checked+span{border-color:var(--gold);background:#fffaf0}.option input:checked+span b{background:var(--gold)}
.toast{position:fixed;z-index:99;top:88px;right:25px;max-width:420px;padding:15px 20px;border-radius:7px;color:#fff;box-shadow:var(--shadow);animation:toast 5s forwards}.toast.success{background:var(--green)}.toast.error{background:var(--red)}@keyframes toast{0%,80%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-10px);visibility:hidden}}
/* Admin */
.admin{background:#f2f5f7}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--navy);padding:28px 20px;color:#fff;display:flex;flex-direction:column;z-index:30}.brand-light small{color:#8ea3b3}.sidebar nav{display:flex;flex-direction:column;gap:7px;margin-top:45px}.sidebar nav a{padding:12px 14px;border-radius:6px;color:#b7c6d0;font-size:13px}.sidebar nav a:hover{background:rgba(255,255,255,.08);color:#fff}.sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.13);padding-top:20px;display:flex;align-items:center;gap:11px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy);font-weight:800}.sidebar-user b,.sidebar-user small{display:block;font-size:11px}.sidebar-user small{color:#8ea3b3;margin-top:3px}.admin-main{margin-left:245px;padding:38px;min-height:100vh}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.admin-top h1{font-size:31px;margin:8px 0 3px}.admin-top p{margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stat-grid article{position:relative;background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.stat-grid i{position:absolute;right:20px;top:20px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:#eef4f6}.stat-grid small,.stat-grid strong,.stat-grid span{display:block}.stat-grid small{color:var(--muted)}.stat-grid strong{font-size:30px;margin:15px 0 5px}.stat-grid span{font-size:10px;color:#8a949c}.admin-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:20px}.chart-panel{padding-bottom:20px}.bar-chart{height:230px;padding:25px 30px 0;display:flex;align-items:flex-end;gap:22px}.bar-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar-chart span{position:relative;display:block;width:65%;min-height:8px;background:linear-gradient(var(--gold2),var(--gold));border-radius:4px 4px 0 0}.bar-chart span b{position:absolute;top:-20px;width:100%;text-align:center;font-size:10px}.bar-chart small{font-size:9px;color:var(--muted)}.quick-panel>a{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line);font-size:13px}.quick-panel>a i{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:var(--soft);font-style:normal}.quick-panel>a span{flex:1}.quick-panel>a small{display:block;color:var(--muted);margin-top:3px}.filters{display:flex;gap:12px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:18px}.filters input{flex:1}.filters select{max-width:260px}.icon-btn{color:var(--blue);font-weight:700}.detail-grid{display:grid;grid-template-columns:1fr 340px;gap:20px}.detail-card dl{display:grid;grid-template-columns:180px 1fr;padding:8px 22px}.detail-card dt,.detail-card dd{padding:12px 0;border-bottom:1px solid #edf0f2}.detail-card dt{color:var(--muted);font-size:12px}.detail-card dd{margin:0;font-size:13px}.file-row{display:flex;align-items:center;gap:13px;padding:17px 22px;border-bottom:1px solid var(--line)}.file-row i{background:#fae8e8;color:var(--red);padding:8px;font-size:9px}.file-row span{flex:1}.file-row small{display:block;color:var(--muted);margin-top:3px}.file-row a{color:var(--blue);font-size:12px}.compact-form{padding:23px}.compact-form h3{margin-bottom:22px}.compact-form label{margin-bottom:16px}.mini-row{display:flex;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);font-size:11px}.inline-actions{display:flex;gap:5px}.inline-actions input{max-width:130px;padding:7px}.inline-actions button{border:0;border-radius:4px;padding:7px 10px;cursor:pointer}.approve{background:#dff2e7;color:var(--green)}.reject{background:#fae5e5;color:var(--red)}.question-admin-grid{display:grid;grid-template-columns:370px 1fr;gap:20px}.question-list article{display:flex;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid var(--line)}.question-list article span{font-size:9px;color:#9b741d;font-weight:800;letter-spacing:1px}.question-list article h3{font-size:15px;margin:7px 0}.question-list article small{color:var(--muted)}.question-list article>div:last-child{display:flex;gap:8px;align-items:flex-start}.question-list button,.question-list a{border:0;background:none;color:var(--blue);font-size:11px;cursor:pointer}.question-list button{color:var(--red)}.score{font-size:20px;color:var(--navy)}
@media(max-width:900px){.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;box-shadow:var(--shadow)}.main-nav.open{display:flex}.nav-toggle{display:block}.hero-grid,.price-wrap,.auth-page,.payment-layout,.dashboard-grid,.admin-grid,.detail-grid,.question-admin-grid{grid-template-columns:1fr}.hero{padding-top:70px}.hero h1{font-size:43px}.hero-panel{display:none}.cards.three,.timeline{grid-template-columns:1fr 1fr}.sidebar{position:relative;width:100%;height:auto}.sidebar nav{margin-top:20px;flex-direction:row;overflow:auto}.sidebar-user{display:none}.admin-main{margin-left:0;padding:25px}.stat-grid{grid-template-columns:1fr 1fr}.auth-art{display:none}.auth-page{min-height:80vh}.side-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.progress-track{overflow:auto}.progress-track>div{min-width:110px}.participant-summary{grid-template-columns:1fr 1fr}.participant-summary>div:nth-child(2){border-right:0}.participant-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.filters{flex-wrap:wrap}}
@media(max-width:600px){.container,.narrow{width:min(100% - 26px,1160px)}.hero h1{font-size:37px}.hero{padding:65px 0 90px}.actions,.trust{flex-direction:column}.section{padding:60px 0}.cards.three,.timeline,.grid-2,.credential,.stat-grid,.side-column,.participant-summary{grid-template-columns:1fr}.participant-summary>div{border-right:0;border-bottom:1px solid var(--line)!important}.span-2{grid-column:auto}.price-wrap{gap:30px}.footer-grid{flex-direction:column}.form-card{padding:24px}.page-hero h1{font-size:35px}.success-card{padding:35px 22px}.credential div+div{border:0;border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.dashboard-head .container,.admin-top{align-items:flex-start;gap:15px;flex-direction:column}.action-card{flex-direction:column}.test-rules{flex-direction:column}.admin-main{padding:18px}.sidebar{padding:20px 15px}.detail-card dl{grid-template-columns:1fr}.detail-card dt{padding-bottom:0}.filters select{max-width:none}.question{grid-template-columns:1fr}.table-wrap table{min-width:700px}}

/* Premium institutional theme */
:root{
  --navy:#06182b;--navy2:#0a2b49;--blue:#155c86;--gold:#c69a42;--gold2:#e8c979;
  --ink:#101d2c;--muted:#687585;--soft:#f4f6f7;--line:#dce2e6;
  --shadow:0 24px 70px rgba(5,24,43,.10);--shadow-sm:0 10px 32px rgba(5,24,43,.07)
}
body{background:#fbfcfc;letter-spacing:-.01em}
body.public:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;border:1px solid rgba(198,154,66,.12)}
h1,h2{letter-spacing:-.035em}
.topbar{height:84px;background:rgba(251,252,252,.92);border-bottom:1px solid rgba(6,24,43,.08);box-shadow:0 4px 24px rgba(6,24,43,.035)}
.nav-wrap{height:84px}
.brand{grid-template-columns:43px auto;grid-template-rows:22px 16px}
.brand>span{width:36px;height:36px;border-radius:4px;background:linear-gradient(145deg,#0c3152,var(--navy));box-shadow:inset 0 0 0 1px rgba(232,201,121,.28),0 7px 18px rgba(6,24,43,.15)}
.brand b{font-size:19px;letter-spacing:1.8px;color:var(--navy)}
.brand small{font-size:8px;letter-spacing:2.5px}
.main-nav{gap:31px}.main-nav>a:not(.btn){position:relative;color:#344355}
.main-nav>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--gold);transition:.25s}
.main-nav>a:not(.btn):hover:after{right:0}
.btn{min-height:47px;padding:14px 24px;border-radius:3px;letter-spacing:.01em;box-shadow:none}
.btn-small{min-height:40px;padding:10px 18px}.btn-gold{background:linear-gradient(135deg,#edcf82,#c99b42);box-shadow:0 12px 28px rgba(198,154,66,.22)}
.btn-gold:hover{box-shadow:0 17px 34px rgba(198,154,66,.30)}.btn-navy{background:linear-gradient(135deg,#0b3152,#06182b);box-shadow:0 12px 28px rgba(6,24,43,.17)}
.btn-outline{background:#fff;border-color:#ccd5dc}.btn-ghost{border-color:rgba(232,201,121,.35);background:rgba(255,255,255,.035)}
.hero{min-height:680px;display:flex;align-items:center;padding:112px 0 135px;background:
radial-gradient(circle at 78% 43%,rgba(30,104,138,.27),transparent 28%),
radial-gradient(circle at 7% 96%,rgba(198,154,66,.10),transparent 26%),
linear-gradient(120deg,#041321 0%,#071f35 55%,#0a3450 100%)}
.hero:before{opacity:.65;background-size:64px 64px;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px)}
.hero:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(232,201,121,.10);border-radius:50%;right:-150px;top:-150px;box-shadow:0 0 0 70px rgba(232,201,121,.025),0 0 0 140px rgba(232,201,121,.018)}
.hero-grid{gap:110px}.hero-copy{padding-left:24px;border-left:1px solid rgba(232,201,121,.28)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2.8px}
.eyebrow:before{content:"";width:26px;height:1px;background:currentColor}
.hero h1{font-size:66px;line-height:1.03;margin:24px 0 26px;max-width:780px;text-shadow:0 12px 40px rgba(0,0,0,.16)}
.hero h1 em{background:linear-gradient(90deg,#e8c979,#f3d995);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{font-size:17px;line-height:1.85;max-width:635px}.hero .actions{margin:34px 0}.trust{padding-top:24px;border-top:1px solid rgba(255,255,255,.09)}
.hero-panel{padding:43px 39px 34px;border-color:rgba(232,201,121,.25);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035));box-shadow:0 32px 80px rgba(0,0,0,.24)}
.hero-panel:after{height:2px;width:90px;background:linear-gradient(90deg,var(--gold2),transparent)}
.hero-panel .compass{margin-bottom:61px;font-size:35px}.panel-seal{position:absolute;right:32px;top:28px;width:66px;height:66px;border:1px solid rgba(232,201,121,.35);border-radius:50%;display:grid;place-items:center;color:var(--gold2)}
.panel-seal:after{content:"";position:absolute;inset:5px;border:1px dashed rgba(232,201,121,.25);border-radius:50%}.panel-seal span{font-size:20px}.panel-seal small{position:absolute;bottom:10px;font-size:6px;letter-spacing:1px}
.hero-panel h2{font-size:33px;line-height:1.18}.panel-meta{padding-top:25px}.panel-foot{margin-top:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:8px;letter-spacing:1.3px;text-transform:uppercase;color:#91a7b6}
.wave{height:58px;clip-path:polygon(0 88%,14% 54%,31% 77%,48% 42%,66% 73%,84% 47%,100% 68%,100% 100%,0 100%)}
.section{padding:105px 0}.section-head{margin-bottom:56px}.section-head h2,.price-wrap h2{font-size:44px;margin:15px 0}.section-soft{background:linear-gradient(180deg,#f5f7f8,#eef2f4)}
.feature{position:relative;padding:38px 34px;border-radius:4px;border-color:#dfe5e8;box-shadow:var(--shadow-sm);overflow:hidden;transition:.28s}
.feature:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold2));transition:.3s}
.feature:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.feature:hover:after{width:100%}.feature i{width:50px;height:50px;border-radius:3px;background:linear-gradient(145deg,#edf3f5,#e5ecef);box-shadow:inset 0 0 0 1px #dce5e9}
.feature h3{font-family:"Playfair Display";font-size:21px}.timeline article{padding:35px 23px 14px;border-top-color:#cbd4da}.timeline b{font-family:"Playfair Display";font-size:35px}
.price-card{border-radius:4px;padding:43px 39px;background:linear-gradient(145deg,#071d33,#0b3454);box-shadow:0 28px 70px rgba(6,24,43,.20);border:1px solid rgba(232,201,121,.22)}
.price-card strong{font-family:"Playfair Display";font-size:43px}.cta{position:relative;overflow:hidden;padding:90px 0;background:radial-gradient(circle at 50% 120%,rgba(24,97,133,.7),transparent 42%),linear-gradient(130deg,#041321,#092c48)}
.cta:before,.cta:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(232,201,121,.12);transform:rotate(45deg)}.cta:before{left:-115px;top:-115px}.cta:after{right:-115px;bottom:-115px}
.cta h2{font-size:46px}footer{padding:62px 0;background:#03101d;border-top:1px solid rgba(232,201,121,.17)}
.page-hero{position:relative;overflow:hidden;padding:83px 0;background:radial-gradient(circle at 80% 0,rgba(24,97,133,.45),transparent 35%),linear-gradient(130deg,#041321,#092c48)}
.page-hero:after{content:"";position:absolute;right:5%;top:-160px;width:330px;height:330px;border:1px solid rgba(232,201,121,.12);border-radius:50%}.page-hero h1{font-size:48px}
.form-section,.dashboard-body{background:linear-gradient(180deg,#f3f6f7,#fbfcfc)}
.form-card{border-radius:4px;border-color:#dce3e7;padding:44px;box-shadow:0 26px 70px rgba(5,24,43,.09)}
.form-title{border-bottom-color:#e1e6e9}.form-title>b{border-radius:3px;background:linear-gradient(145deg,#0d385c,#06182b);box-shadow:0 7px 16px rgba(6,24,43,.18)}.form-title h2{font-family:"Playfair Display";font-size:23px}
input,select,textarea{border-radius:3px;border-color:#cfd8de;background:#fcfdfd;padding:13px 14px}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(198,154,66,.10);background:#fff}
.auth-art{background:radial-gradient(circle at 25% 90%,rgba(20,99,136,.55),transparent 35%),linear-gradient(145deg,#03101d,#092f4e)}.auth-art:before{content:"PENTARU";position:absolute;left:6%;bottom:3%;font-family:"Playfair Display";font-size:100px;color:rgba(255,255,255,.025);letter-spacing:10px}.auth-art{position:relative;overflow:hidden}.auth-art h1{font-size:54px}.auth-box{background:linear-gradient(145deg,#fff,#f7f9fa)}.auth-box form{padding:20px}
.success-card{border-radius:4px;padding:62px;border-top:3px solid var(--gold);box-shadow:var(--shadow)}.success-icon{border-radius:4px;background:linear-gradient(145deg,#e8f5ef,#dcefe5);box-shadow:0 10px 25px rgba(23,129,91,.12)}
.dashboard-head{padding:56px 0;background:linear-gradient(135deg,#eef3f5,#fafbfb)}.dashboard-head h1{font-size:43px}.status-pill{border-radius:3px;border:1px solid #c9e6d6}
.participant-summary,.panel,.profile-card,.help-card{border-radius:4px;box-shadow:var(--shadow-sm)}.progress-track i{border-radius:3px}.progress-track .done i{box-shadow:0 7px 18px rgba(198,154,66,.22)}
.action-card{border-radius:4px;padding:36px;background:radial-gradient(circle at 90% 0,rgba(25,94,130,.45),transparent 32%),linear-gradient(145deg,#041321,#0a2f4d);border:1px solid rgba(232,201,121,.18);box-shadow:0 25px 60px rgba(6,24,43,.18)}
.action-card .card-icon{border-radius:3px;background:linear-gradient(145deg,#edcf82,#c99b42)}.profile-card,.help-card{background:#fff}
.bank-card{border-radius:4px;padding:39px;background:linear-gradient(145deg,#041321,#0a3150);border:1px solid rgba(232,201,121,.18);box-shadow:var(--shadow)}
.question{border-radius:4px;box-shadow:var(--shadow-sm)}.question-no,.option span,.option span b{border-radius:3px}
.sidebar{width:262px;padding:31px 22px;background:radial-gradient(circle at 30% 90%,rgba(20,89,124,.30),transparent 28%),linear-gradient(180deg,#03111f,#071f36);border-right:1px solid rgba(232,201,121,.14)}
.sidebar .brand b{color:#fff}.sidebar nav{margin-top:53px}.sidebar nav a{position:relative;border-radius:3px;padding:14px 15px}.sidebar nav a:hover{background:linear-gradient(90deg,rgba(232,201,121,.12),rgba(255,255,255,.035));color:#fff}.sidebar nav a:hover:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--gold)}
.admin-main{margin-left:262px;padding:46px;background:linear-gradient(145deg,#f0f3f5,#f8f9fa)}.admin-top h1{font-family:"Playfair Display";font-size:38px}.stat-grid{gap:20px}
.stat-grid article{min-height:154px;border-radius:4px;padding:25px;border-color:#dce3e7;box-shadow:var(--shadow-sm);overflow:hidden}.stat-grid article:after{content:"";position:absolute;right:-30px;bottom:-48px;width:110px;height:110px;border:1px solid rgba(198,154,66,.14);transform:rotate(45deg)}
.stat-grid i{border-radius:3px;background:linear-gradient(145deg,#eef3f5,#e1eaee)}.stat-grid strong{font-family:"Playfair Display";font-size:36px}
.admin .panel{border-color:#dbe2e6}.panel-head{padding:22px 24px}.panel-head h3{font-family:"Playfair Display";font-size:19px}
th{padding:15px 18px;background:#eef2f4;color:#536270}td{padding:17px 18px}.badge{border-radius:3px;letter-spacing:.3px}
.toast{border-radius:3px;border-left:3px solid rgba(255,255,255,.55)}
@media(max-width:900px){.topbar,.nav-wrap{height:76px}.main-nav{top:76px}.hero{min-height:auto}.hero-copy{padding-left:18px}.admin-main{margin-left:0;padding:28px}.sidebar{width:100%}}
@media(max-width:600px){.hero-copy{padding-left:0;border-left:0}.hero h1{font-size:40px}.hero-copy>p{font-size:15px}.section-head h2,.price-wrap h2{font-size:36px}.form-card{padding:26px}.auth-box{padding:25px}.success-card{padding:39px 23px}.admin-main{padding:18px}.cta h2{font-size:37px}}

/* Premium registration proof card */
.registration-card-page{
  min-height:calc(100vh - 80px);
  padding:120px 0 90px;
  background:
    radial-gradient(circle at 12% 14%,rgba(8,113,180,.12),transparent 30%),
    linear-gradient(180deg,#f2f7fb,#fff);
}
.registration-card-wrap{max-width:1080px}
.success-card-premium{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);
  gap:28px;
  align-items:stretch;
}
.success-card-copy{
  padding:36px;
  border:1px solid #dce8f0;
  border-radius:28px;
  background:#fff;
  box-shadow:0 24px 70px rgba(6,45,91,.09);
}
.success-card-copy h1{
  margin:14px 0 12px;
  color:#062d55;
  font-family:"Plus Jakarta Sans","Inter",sans-serif;
  font-size:42px;
  line-height:1.08;
  letter-spacing:-1.7px;
}
.success-card-copy p{
  margin:0 0 25px;
  color:#5f7486;
  font-size:15px;
  line-height:1.75;
}
.success-card-copy .actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.registration-id-card{
  position:relative;
  overflow:hidden;
  padding:28px;
  border-radius:30px;
  color:#fff;
  background:
    radial-gradient(circle at 100% 0,rgba(255,194,71,.24),transparent 32%),
    linear-gradient(135deg,#03172f,#063b72 58%,#062d55);
  box-shadow:0 32px 90px rgba(3,30,58,.22);
}
.registration-id-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg,rgba(255,255,255,.08),transparent 33%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 42px);
}
.registration-id-card>*{position:relative;z-index:1}
.id-card-top{
  display:grid;
  grid-template-columns:76px 1fr;
  gap:16px;
  align-items:center;
  padding-bottom:22px;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.id-card-top img{
  width:76px;
  height:76px;
  object-fit:contain;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.22));
}
.id-card-top span{
  display:block;
  color:#9bd9ff;
  font-size:11px;
  font-weight:950;
  letter-spacing:1.2px;
  text-transform:uppercase;
}
.id-card-top h2{
  margin:5px 0 0;
  color:#fff;
  font-family:"Plus Jakarta Sans","Inter",sans-serif;
  font-size:26px;
  letter-spacing:-.9px;
}
.id-card-number{
  margin:24px 0;
  padding:22px;
  border:1px solid rgba(255,194,71,.4);
  border-radius:22px;
  background:rgba(255,194,71,.12);
}
.id-card-number small{
  display:block;
  color:#ffd36d;
  font-size:11px;
  font-weight:950;
  letter-spacing:1.8px;
}
.id-card-number strong{
  display:block;
  margin-top:8px;
  font-family:"Plus Jakarta Sans","Inter",sans-serif;
  font-size:38px;
  letter-spacing:2.5px;
}
.registration-id-card dl{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:12px 14px;
  margin:0;
}
.registration-id-card dt{
  color:#a8c9dd;
  font-size:12px;
  font-weight:850;
}
.registration-id-card dd{
  margin:0;
  color:#fff;
  font-size:13px;
  font-weight:900;
  line-height:1.45;
}
.id-card-footer{
  margin-top:24px;
  padding-top:18px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid rgba(255,255,255,.16);
}
.id-card-footer p{
  max-width:360px;
  margin:0;
  color:#cde4f4;
  font-size:12px;
  line-height:1.6;
}
.id-card-footer b{
  color:#ffc247;
  white-space:nowrap;
  font-size:13px;
}
@media(max-width:900px){
  .success-card-premium{grid-template-columns:1fr}
  .registration-card-page{padding-top:95px}
}
@media(max-width:560px){
  .success-card-copy,.registration-id-card{padding:22px;border-radius:22px}
  .success-card-copy h1{font-size:32px}
  .id-card-top{grid-template-columns:58px 1fr}
  .id-card-top img{width:58px;height:58px}
  .id-card-number strong{font-size:28px;letter-spacing:1.2px}
  .registration-id-card dl{grid-template-columns:1fr}
  .id-card-footer{align-items:flex-start;flex-direction:column}
}

/* Premium participant dashboard + payment confirmation */
.dashboard-head{
  position:relative;
  overflow:hidden;
  padding:92px 0 74px !important;
  color:#fff;
  background:
    radial-gradient(circle at 90% 0,rgba(42,162,230,.44),transparent 32%),
    linear-gradient(135deg,#03172f,#063d73 58%,#0871bc) !important;
  border-bottom:0 !important;
}
.dashboard-head:before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 44px);
}
.dashboard-head .container{position:relative;z-index:1}
.dashboard-head .eyebrow{color:#ffd36d !important}
.dashboard-head h1{
  color:#fff;
  font-family:"Plus Jakarta Sans","Inter",sans-serif !important;
  font-size:48px !important;
  letter-spacing:-1.8px;
}
.dashboard-head p{color:#d7e8f3}
.dashboard-head .status-pill{
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(255,255,255,.13);
  color:#fff;
  box-shadow:0 15px 35px rgba(0,0,0,.12);
  backdrop-filter:blur(10px);
}
.dashboard-body{
  padding:54px 0 95px !important;
  background:linear-gradient(180deg,#eef6fb,#fff 54%) !important;
}
.dashboard-body .notice.navy{
  margin-top:-92px;
  padding:24px 28px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  background:linear-gradient(135deg,#062d55,#075894);
  box-shadow:0 24px 70px rgba(6,45,91,.16);
}
.participant-summary{
  overflow:hidden;
  border-radius:20px !important;
  border-color:#d9e8f1 !important;
  box-shadow:0 18px 50px rgba(6,45,91,.07) !important;
}
.participant-summary>div{padding:20px 22px !important}
.participant-summary small{font-size:10px !important;font-weight:950;color:#7f94a5 !important}
.participant-summary b{font-size:14px !important;color:#062d55}
.progress-track{
  padding:22px;
  border:1px solid #dbe9f2;
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 50px rgba(6,45,91,.06);
}
.progress-track:before{left:7%;right:7%;background:#cfe0ec}
.progress-track i{
  border-radius:13px !important;
  background:#edf5fa;
  color:#7890a0;
}
.progress-track .done i{
  background:linear-gradient(145deg,#0871bc,#2aa2e6) !important;
  color:#fff !important;
}
.progress-track small{font-size:10px !important;font-weight:850;color:#425a6b}
.premium-action-card,
.action-card{
  border-radius:24px !important;
  background:
    radial-gradient(circle at 94% 0,rgba(255,194,71,.2),transparent 32%),
    linear-gradient(135deg,#031b36,#075996) !important;
  box-shadow:0 28px 75px rgba(6,45,91,.18) !important;
}
.action-card h2{
  font-family:"Plus Jakarta Sans","Inter",sans-serif;
  font-size:27px;
  letter-spacing:-.8px;
}
.action-card p{font-size:15px;line-height:1.72;color:#d7e8f3 !important}
.action-card .card-icon{
  width:58px !important;
  height:58px !important;
  flex-basis:58px !important;
  border-radius:18px !important;
}
.dashboard-grid .panel,
.profile-card,
.help-card{
  border-radius:20px !important;
  border-color:#d9e8f1 !important;
  box-shadow:0 18px 50px rgba(6,45,91,.07) !important;
}
.profile-avatar{
  border-radius:20px !important;
  background:linear-gradient(145deg,#062d55,#0871bc) !important;
  color:#fff !important;
}
.payment-premium-hero{
  position:relative;
  overflow:hidden;
  padding:94px 0 82px;
  color:#fff;
  background:
    radial-gradient(circle at 86% 0,rgba(42,162,230,.42),transparent 31%),
    linear-gradient(135deg,#03172f,#063d73 58%,#0871bc);
}
.payment-premium-hero:after{
  content:"";
  position:absolute;
  right:8%;
  top:-80px;
  width:260px;
  height:260px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
}
.payment-premium-hero .container{position:relative;z-index:1}
.payment-premium-hero h1{
  margin:12px 0 10px;
  font-family:"Plus Jakarta Sans","Inter",sans-serif;
  font-size:48px;
  letter-spacing:-1.8px;
}
.payment-premium-hero p{max-width:650px;color:#d7e8f3;font-size:16px;line-height:1.7}
.payment-premium-section{
  padding:72px 0 98px !important;
  background:linear-gradient(180deg,#eef6fb,#fff);
}
.payment-premium-layout{
  max-width:920px;
  display:grid;
  grid-template-columns:360px 1fr;
  gap:28px;
  align-items:stretch;
}
.premium-bank-card{
  position:relative;
  overflow:hidden;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 100% 0,rgba(255,194,71,.22),transparent 34%),
    linear-gradient(145deg,#031b36,#075894) !important;
  box-shadow:0 26px 70px rgba(6,45,91,.18);
}
.premium-bank-card strong{
  font-family:"Plus Jakarta Sans","Inter",sans-serif;
  font-size:34px !important;
  color:#79d1ff !important;
  letter-spacing:-1px;
}
.bank-chip{
  display:inline-flex;
  padding:8px 12px;
  border:1px solid rgba(255,194,71,.35);
  border-radius:999px;
  background:rgba(255,194,71,.13);
  color:#ffd36d;
  font-size:12px;
  font-weight:950;
}
.premium-bank-card .account{
  padding:13px 15px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.08);
  letter-spacing:2.2px;
}
.payment-note{
  margin-top:22px;
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  color:#d7e8f3;
  font-size:12px;
  line-height:1.6;
}
.premium-payment-form{
  border-radius:26px !important;
  border-color:#d9e8f1 !important;
  box-shadow:0 26px 70px rgba(6,45,91,.09) !important;
}
.form-kicker{
  color:#0871b4;
  font-size:11px;
  font-weight:950;
  letter-spacing:1.8px;
}
.premium-payment-form h2{
  margin:8px 0 8px;
  color:#062d55;
  font-family:"Plus Jakarta Sans","Inter",sans-serif;
  font-size:29px;
  letter-spacing:-.9px;
}
.premium-payment-form p{
  margin:0 0 22px;
  color:#63798b;
  font-size:14px;
  line-height:1.65;
}
.premium-payment-form input{
  min-height:50px;
  border-radius:14px;
  background:#f8fbfe;
}
@media(max-width:900px){
  .payment-premium-layout{grid-template-columns:1fr}
  .dashboard-body .notice.navy{margin-top:0}
}
@media(max-width:600px){
  .dashboard-head h1,.payment-premium-hero h1{font-size:36px !important}
  .dashboard-head{padding:78px 0 54px !important}
}

/* Participant dashboard precision pass */
.participant-dashboard-head{
  padding:128px 0 82px !important;
  min-height:315px;
}
.participant-dashboard-head .container{
  max-width:930px;
}
.participant-dashboard-head h1{
  margin:10px 0 8px !important;
}
.participant-dashboard-head .status-pill{
  align-self:flex-start;
  margin-top:35px;
}
.participant-dashboard-body{
  padding-top:34px !important;
}
.participant-dashboard-body>.container{
  max-width:930px;
}
.participant-dashboard-body .participant-status-card{
  margin-top:-76px !important;
  margin-bottom:24px !important;
  min-height:92px;
  align-items:center;
  border-radius:22px !important;
}
.participant-status-card>div:first-child{
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(255,255,255,.12);
  color:#ffc247;
  font-size:11px !important;
  font-weight:950;
  letter-spacing:.8px;
}
.participant-status-card b{
  display:block;
  margin-bottom:4px;
  font-size:15px;
}
.participant-status-card p{
  margin:0 !important;
  font-size:14px;
}
.participant-dashboard-body .participant-summary{
  margin-bottom:28px;
  grid-template-columns:1.1fr 1.35fr 2.15fr 1.35fr;
}
.participant-dashboard-body .participant-summary>div{
  min-height:82px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.participant-progress{
  margin:0 0 36px !important;
  min-height:108px;
  align-items:center;
}
.participant-progress:before{
  top:37px !important;
}
.participant-progress>div{
  width:14%;
}
.participant-progress i{
  width:42px !important;
  height:42px !important;
  font-weight:950;
}
.participant-progress small{
  max-width:105px;
  min-height:28px;
  display:block;
}
.participant-dashboard-body .dashboard-grid{
  grid-template-columns:minmax(0,1fr) 250px !important;
  gap:24px !important;
  align-items:start;
}
.participant-dashboard-body .action-card{
  min-height:218px;
  margin-bottom:24px !important;
  padding:34px 36px !important;
  align-items:center;
}
.participant-dashboard-body .action-card h2{
  margin:8px 0 12px !important;
  font-size:28px !important;
}
.participant-dashboard-body .action-card .btn{
  margin-top:6px;
  min-height:48px;
  border-radius:13px;
}
.payment-history-card{
  overflow:hidden;
  margin-bottom:0 !important;
}
.payment-history-card .panel-head{
  min-height:74px;
}
.participant-dashboard-body .profile-card,
.participant-dashboard-body .help-card{
  padding:24px 22px;
  border-radius:22px !important;
}
.participant-dashboard-body .profile-avatar{
  width:66px;
  height:66px;
  font-size:24px;
}
.participant-dashboard-body .profile-card h3{
  font-family:"Plus Jakarta Sans","Inter",sans-serif;
  color:#062d55;
}
.participant-dashboard-body .profile-card b{
  line-height:1.35;
}
.participant-dashboard-body .help-card a{
  display:inline-flex;
  margin-top:6px;
  font-weight:950;
}
@media(max-width:900px){
  .participant-dashboard-head{padding:104px 0 58px !important}
  .participant-dashboard-body .participant-status-card{margin-top:0 !important}
  .participant-dashboard-body .dashboard-grid{grid-template-columns:1fr !important}
  .participant-dashboard-body .side-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}
}
@media(max-width:650px){
  .participant-dashboard-body .participant-summary{grid-template-columns:1fr}
  .participant-progress{
    overflow:auto;
    justify-content:flex-start;
  }
  .participant-progress>div{min-width:120px}
  .participant-dashboard-body .side-column{grid-template-columns:1fr}
  .participant-dashboard-body .action-card{padding:26px !important}
}

/* ATEKMAR blue and white premium identity */
:root{
  --navy:#062d5b;--navy2:#084987;--blue:#0a67b2;--blue-bright:#1685d1;
  --gold:#0a67b2;--gold2:#75c8ff;--ink:#10253d;--muted:#65768a;
  --soft:#f3f8fc;--line:#d8e5ef;--white:#fff;
  --shadow:0 24px 65px rgba(6,45,91,.11);--shadow-sm:0 10px 30px rgba(6,45,91,.075)
}
body{font-family:"Manrope",sans-serif;background:#fff;color:var(--ink)}
h1,h2,h3,.feature h3,.form-title h2,.panel-head h3,.admin-top h1,.stat-grid strong,.price-card strong{
  font-family:"Plus Jakarta Sans",sans-serif
}
.eyebrow{color:#6fc4ff}.eyebrow.dark{color:var(--blue)}
.eyebrow:before{background:currentColor}
.topbar{height:88px;background:rgba(255,255,255,.96);border-bottom:1px solid #dbe8f2;box-shadow:0 8px 35px rgba(6,45,91,.055)}
.nav-wrap{height:88px}
.brand{display:flex;align-items:center;gap:12px;grid-template:none}
.brand>img{width:52px;height:52px;object-fit:contain;flex:0 0 52px}
.brand-copy{display:flex;flex-direction:column;line-height:1}
.brand-copy b{font-family:"Plus Jakarta Sans",sans-serif;color:var(--navy);font-size:19px;font-weight:800;letter-spacing:1.4px}
.brand-copy small{margin-top:6px;color:#6a7c8e;font-size:8px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}
.main-nav{gap:25px}.main-nav>a:not(.btn){font-weight:700;font-size:13px;color:#334d66}
.main-nav>a:not(.btn):after{background:var(--blue)}
.admin-login-link{padding:10px 15px!important;border:1px solid #c8dae8;border-radius:5px;color:var(--navy)!important;background:#f7fbfe}
.admin-login-link:after{display:none}.admin-login-link:hover{background:#eaf5fc;color:var(--blue)!important}
.btn{border-radius:6px}.btn-gold{color:#fff;background:linear-gradient(135deg,#0b73c5,#07539a);box-shadow:0 12px 30px rgba(10,103,178,.22)}
.btn-gold:hover{box-shadow:0 18px 36px rgba(10,103,178,.3)}.btn-navy{background:linear-gradient(135deg,#0a579d,#062d5b)}
.btn-outline{border-color:#bfd3e3;color:var(--navy);background:#fff}
.hero{min-height:700px;background:
radial-gradient(circle at 82% 20%,rgba(35,143,210,.35),transparent 30%),
radial-gradient(circle at 8% 94%,rgba(49,156,220,.18),transparent 27%),
linear-gradient(125deg,#041e3c 0%,#063768 52%,#0b65a5 100%)}
.hero:before{background-size:72px 72px;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)}
.hero:after{border-color:rgba(117,200,255,.18);box-shadow:0 0 0 70px rgba(117,200,255,.04),0 0 0 140px rgba(117,200,255,.025)}
.hero-copy{border-left-color:rgba(117,200,255,.42)}.hero h1{font-size:64px;font-weight:700}.hero h1 em{background:linear-gradient(90deg,#8dd6ff,#fff);-webkit-background-clip:text;background-clip:text}
.hero-copy>p{color:#d6e8f5}.hero .btn-ghost{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.06)}
.trust{color:#c7dfef}.hero-panel{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.65);color:var(--ink);box-shadow:0 35px 90px rgba(2,20,38,.30);border-radius:10px}
.hero-panel:after{background:linear-gradient(90deg,var(--blue),#80d0ff)}.hero-panel>span{color:var(--blue);font-weight:800}
.hero-panel h2{color:var(--navy);font-size:31px}.hero-logo{width:126px;height:126px;margin:0 auto 31px;padding:6px;border-radius:50%;background:#fff;box-shadow:0 12px 30px rgba(6,45,91,.13)}
.hero-logo img{width:100%;height:100%;object-fit:contain}.panel-meta{border-top-color:#dbe7ef}.panel-meta small{color:#718297}.panel-foot{border-top-color:#dbe7ef;color:#718297;text-align:center}
.wave{background:#fff}.section{padding:100px 0}.section-head h2,.price-wrap h2{font-weight:700;color:var(--navy)}
.feature{border-color:#dce8f1;border-radius:9px}.feature:after{background:linear-gradient(90deg,var(--blue),#64bff4)}.feature i{background:#eaf5fc;color:var(--blue);border-radius:7px}
.feature:hover{border-color:#b7d7ed}.timeline article:before{background:var(--blue)}.timeline b{color:var(--blue)}
.section-soft{background:linear-gradient(180deg,#f5f9fc,#edf5fa)}
.wave-section{background:#fff}.wave-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wave-cards article{position:relative;padding:34px;border:1px solid #dce8f1;border-radius:10px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden;transition:.25s}
.wave-cards article:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:#cddde8}
.wave-cards article.active{border-color:#71b9e7;box-shadow:0 24px 60px rgba(10,103,178,.15);transform:translateY(-7px);background:linear-gradient(145deg,#fff,#f2f9fe)}
.wave-cards article.active:before{background:linear-gradient(90deg,#075ba4,#24a0e8)}
.wave-top{display:flex;justify-content:space-between;align-items:center}.wave-top>span{font-size:11px;color:#8ca0b0;font-weight:800;letter-spacing:2px}
.wave-top>b{padding:6px 9px;border-radius:20px;background:#dff3ff;color:#05629f;font-size:9px;letter-spacing:1px}
.wave-cards h3{font-size:25px;color:var(--navy);margin:27px 0 9px}.wave-cards p{font-size:15px;color:#334f69;margin:0 0 17px}.wave-cards small{display:block;color:#8291a0}
.wave-cards a{display:inline-block;margin-top:25px;color:var(--blue);font-size:12px;font-weight:800}
.price-card{background:linear-gradient(145deg,#073c70,#0867ac);border-color:#55aee1}.price-card strong{color:#fff}.price-card small{color:#d4ebf7}.price-card .btn-navy{background:#fff;color:var(--navy)}
.cta{background:radial-gradient(circle at 50% 120%,rgba(38,150,215,.7),transparent 42%),linear-gradient(130deg,#031b36,#075b99)}
.cta:before,.cta:after{border-color:rgba(128,210,255,.18)}footer{background:#031b35;border-top:0}.footer-grid{align-items:center}.footer-brand{display:flex;align-items:center;gap:17px}.footer-brand img{width:68px;height:68px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}.footer-admin{display:inline-block;margin-top:8px;color:#8fd5ff;font-size:12px;font-weight:700}
.page-hero{background:radial-gradient(circle at 80% 0,rgba(50,160,223,.5),transparent 35%),linear-gradient(130deg,#041f3e,#0763a6)}
.form-section,.dashboard-body{background:linear-gradient(180deg,#f2f7fb,#fff)}.form-card{border-color:#d5e4ef;border-radius:9px}.form-title>b{background:linear-gradient(145deg,#0871bf,#06447e);border-radius:6px}
input:focus,select:focus,textarea:focus{border-color:#1785cc;box-shadow:0 0 0 3px rgba(23,133,204,.12)}
.auth-art{background:radial-gradient(circle at 25% 90%,rgba(27,145,211,.6),transparent 35%),linear-gradient(145deg,#031a34,#075a99)}
.auth-campus-logo{width:130px;height:130px;margin-bottom:30px;background:#fff;border-radius:50%;padding:5px;box-shadow:0 18px 45px rgba(0,0,0,.2)}.auth-campus-logo img{width:100%;height:100%;object-fit:contain}
.auth-box{background:linear-gradient(145deg,#fff,#f1f7fb)}.success-card{border-top-color:var(--blue)}.success-icon{background:#e4f4fd;color:var(--blue)}
.dashboard-head{background:linear-gradient(135deg,#edf6fc,#fff)}.status-pill{background:#e5f5ff;color:#0868a6;border-color:#b7dff5}
.progress-track .done i{background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(10,103,178,.23)}
.action-card{background:radial-gradient(circle at 90% 0,rgba(45,159,221,.55),transparent 32%),linear-gradient(145deg,#041d3a,#07609f);border-color:#2989c4}
.action-card .card-icon{color:#fff;background:linear-gradient(145deg,#2aa2e6,#0871bc)}.tag{color:#8cd7ff}.bank-card{background:linear-gradient(145deg,#041d3a,#07609f);border-color:#2989c4}
.sidebar{background:radial-gradient(circle at 30% 90%,rgba(25,135,197,.32),transparent 28%),linear-gradient(180deg,#03172e,#053e70);border-right-color:#15598c}
.sidebar .brand{gap:10px}.sidebar .brand>img{width:48px;height:48px;flex-basis:48px}.sidebar .brand-copy b{color:#fff}.sidebar .brand-copy small{color:#a9cce2}
.sidebar nav a:hover{background:linear-gradient(90deg,rgba(55,170,232,.2),rgba(255,255,255,.04))}.sidebar nav a:hover:before{background:#63c8ff}
.admin-main{background:linear-gradient(145deg,#edf4f9,#fafcfd)}.stat-grid article:after{border-color:rgba(20,123,187,.16)}.stat-grid i{color:var(--blue);background:#e9f4fa}
.badge.terverifikasi,.badge.lengkap{background:#e1f4fd;color:#086ba7}.toast{border-left-color:#72caff}
@media(max-width:900px){.brand>img{width:45px;height:45px;flex-basis:45px}.main-nav{padding:25px}.wave-cards{grid-template-columns:1fr}.wave-cards article.active{transform:none}}
@media(max-width:600px){.topbar,.nav-wrap{height:76px}.brand-copy b{font-size:16px}.brand-copy small{font-size:7px}.hero h1{font-size:39px}.hero-panel{display:block;padding:30px;margin-top:20px}.hero-logo{width:95px;height:95px}.wave-cards{gap:15px}.footer-brand{align-items:flex-start}.footer-brand img{width:54px;height:54px}}

/* Landing page composition based on approved visual reference */
.public .topbar{position:absolute;top:0;left:0;right:0;height:88px;background:transparent;border:0;box-shadow:none;color:#fff}
.public .nav-wrap{height:88px}.public .brand-copy b,.public .main-nav>a:not(.btn){color:#fff}.public .brand-copy small{color:#c7dbea}
.public .brand>img{width:63px;height:63px;flex-basis:63px;filter:drop-shadow(0 5px 12px rgba(0,0,0,.22))}.public .brand-copy b{font-size:22px}.public .brand-copy small{line-height:1.35;letter-spacing:.65px}
.public .main-nav>a:not(.btn):after{background:#f2b632}.public .admin-login-link{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.06);color:#fff!important}
.reference-hero{height:690px;min-height:690px;padding:0;background:#031d3e;display:block;overflow:hidden}
.reference-hero .hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,22,47,.18),rgba(3,22,47,0) 47%),url("hero-cadets-port.png");background-position:center 30px;background-size:cover;background-repeat:no-repeat}
.reference-hero:before{display:none}.reference-hero:after{display:none}.reference-hero .hero-grid{height:100%;display:flex;align-items:center;position:relative;z-index:2}
.reference-hero .hero-copy{width:47%;padding:70px 0 0;border:0}.hero-badge{display:inline-block;padding:9px 24px;border-radius:22px;background:linear-gradient(135deg,#ffc84c,#e9a622);color:#08264c;font-size:13px;font-weight:800;letter-spacing:.3px}
.reference-hero h1{font-family:"Plus Jakarta Sans",sans-serif;font-size:55px;line-height:1.08;font-weight:800;letter-spacing:-2.4px;margin:18px 0 19px;color:#fff;text-shadow:0 5px 20px rgba(0,0,0,.18)}
.reference-hero h1 em{font-style:normal;color:#f4b633;background:none;-webkit-text-fill-color:initial}.reference-hero .hero-copy>p{max-width:570px;font-size:15px;line-height:1.7;color:#eef6fb}
.reference-hero .actions{margin-top:27px}.reference-hero .btn{min-width:180px}.reference-hero .btn-gold{background:linear-gradient(135deg,#ffc94c,#eba622);color:#09274b}
.reference-hero .btn-ghost{background:rgba(3,25,53,.34);border-color:#e1edf5;color:#fff}
.stats-strip{position:relative;z-index:5;margin-top:-74px}.stats-strip>.container{width:min(650px,calc(100% - 40px));margin-left:max(calc((100% - 1160px)/2),20px);display:grid;grid-template-columns:repeat(4,1fr);background:#052651;color:#fff;border-radius:17px;padding:22px 13px;box-shadow:0 18px 45px rgba(3,28,59,.22)}
.stats-strip .container>div{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;align-items:center;padding:5px 18px;border-right:1px solid rgba(255,255,255,.25)}.stats-strip .container>div:last-child{border:0}
.stats-strip i{grid-row:1/3;color:#f2b632;font-size:29px;font-style:normal}.stats-strip strong{color:#f2b632;font-size:23px;line-height:1}.stats-strip span{font-size:12px;line-height:1.25;margin-top:5px}
.compact-section{padding:98px 0 14px}.reference-title{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px}.reference-title span{width:43px;height:2px;background:#e8ad2d}.reference-title h2{font-size:22px;text-transform:uppercase;color:#082850;margin:0;letter-spacing:-.4px}
.registration-flow{position:relative;display:grid;grid-template-columns:repeat(7,1fr);padding:24px 14px 20px;background:#fff;border-radius:16px;box-shadow:0 12px 38px rgba(6,45,91,.12);border:1px solid #e5edf3}
.registration-flow:before{content:"";position:absolute;left:7%;right:7%;top:70px;border-top:2px dashed #8aa0b4}
.registration-flow article{position:relative;text-align:center;padding:0 8px;z-index:1}.registration-flow article>b{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#082b58;color:#fff;font-size:11px}
.registration-flow i{width:68px;height:68px;margin:0 auto 14px;border:2px solid #082b58;border-radius:50%;background:#fff;display:grid;place-items:center;color:#082b58;font-size:25px;font-style:normal}.registration-flow h3{font-size:11px;margin:0 0 3px;color:#102c4b}.registration-flow p{font-size:9px;line-height:1.25;margin:0;color:#354c65}
.content-section{padding:32px 0 25px}.two-showcase{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}.study-card{display:grid;grid-template-columns:1.55fr .85fr;min-height:335px;background:#062b59;color:#fff;border-radius:15px;overflow:hidden;box-shadow:var(--shadow-sm)}
.study-card>div:first-child{padding:30px}.study-card>div>span{font-size:10px;font-weight:800}.study-card h2{color:#f4ba37;font-size:25px;line-height:1.2;margin:16px 0 12px}.study-card p{color:#edf5fa;font-size:11px;line-height:1.55}.study-card ul{list-style:none;padding:0;margin:18px 0 0}.study-card li{font-size:10px;margin:8px 0}.study-card li:before{content:"✓";display:inline-grid;place-items:center;width:15px;height:15px;margin-right:8px;border-radius:50%;background:#f4b634;color:#082a55;font-weight:900}
.study-image{background-image:linear-gradient(rgba(8,46,88,.05),rgba(8,46,88,.05)),url("hero-cadets-port.png");background-size:auto 100%;background-position:88% center}
.wave-table{padding:0 18px 20px;background:#fff;border:1px solid #e3ecf2;border-radius:15px;box-shadow:var(--shadow-sm)}.wave-table>.reference-title{margin:10px 0 13px}.wave-table>.reference-title h2{font-size:18px}
.wave-table>div:not(.reference-title){display:flex;align-items:center;justify-content:space-between;border:1px solid #e0e8ee;border-radius:10px;margin:9px 0;overflow:hidden;min-height:70px;background:#fff}.wave-table>div:not(.reference-title)>span{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:55%;padding:10px 16px;background:#08366b;color:#fff}.wave-table>div.active>span{background:linear-gradient(135deg,#f5bd38,#e9a827);color:#082950}.wave-table b{text-transform:uppercase;font-size:14px}.wave-table small{font-size:10px;margin-top:4px}.wave-table em{font-style:normal;font-size:10px;font-weight:800;color:#0b3767;padding:10px}.wave-table>p{font-size:8px;margin:8px 3px 0;color:#546477}
.advantages{padding:20px 0 28px}.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.advantage-grid article{display:flex;align-items:center;gap:14px;padding:20px 17px;background:#fff;border:1px solid #e3ebf1;border-radius:13px;box-shadow:var(--shadow-sm)}.advantage-grid i{flex:0 0 50px;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#082d5d;color:#fff;font-style:normal;font-weight:800;font-size:18px}.advantage-grid h3{font-size:14px;margin:0 0 5px}.advantage-grid p{font-size:9px;line-height:1.35;margin:0}
.reference-cta{padding:27px 0;background:#052651}.reference-cta .container{display:flex;align-items:center;justify-content:space-between}.reference-cta .container>div{display:flex;align-items:center;gap:18px}.reference-cta small{font-size:47px;color:#f2b632}.reference-cta h2{text-align:left;font-size:21px;line-height:1.3;margin:0}.reference-cta .btn{min-width:210px}
.public footer{padding:34px 0;background:#031d3d}.public .footer-brand img{width:75px;height:75px}.public footer p{font-size:11px}.public .footer-admin{color:#f2b632}
@media(max-width:1180px){.public .main-nav{gap:15px}.public .main-nav>a:not(.btn){font-size:11px}.public .admin-login-link{padding:8px 10px!important}.public .btn-small{padding:9px 13px}}
@media(max-width:1000px){.public .main-nav{background:#052651}.reference-hero{height:680px}.reference-hero .hero-photo{background-position:58% 45px}.reference-hero .hero-copy{width:56%}.reference-hero h1{font-size:45px}.stats-strip>.container{margin:0 auto;width:min(800px,calc(100% - 40px))}.registration-flow{overflow-x:auto;grid-template-columns:repeat(7,130px)}.two-showcase{grid-template-columns:1fr}.advantage-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.public .topbar{position:absolute}.public .brand>img{width:48px;height:48px;flex-basis:48px}.public .brand-copy b{font-size:18px}.public .brand-copy small{font-size:6px}.reference-hero{height:980px;background:linear-gradient(#031d3e,#052954)}.reference-hero .hero-photo{inset:auto 0 0;height:500px;background-image:linear-gradient(180deg,#052954 0%,rgba(5,41,84,.05) 30%),url("hero-cadets-port.png");background-position:64% bottom;background-size:auto 500px;background-repeat:no-repeat;opacity:.9}.reference-hero .hero-grid{align-items:flex-start;padding-top:125px}.reference-hero .hero-copy{width:100%;position:relative;z-index:2}.reference-hero h1{font-size:38px;line-height:1.1;letter-spacing:-1.5px}.reference-hero .hero-copy>p{font-size:13px;max-width:100%;padding-right:5px}.reference-hero .actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}.reference-hero .btn{min-width:0;padding:12px 9px;font-size:11px}.stats-strip{margin-top:-45px}.stats-strip>.container{grid-template-columns:1fr 1fr}.stats-strip .container>div:nth-child(2){border-right:0}.stats-strip .container>div{border-bottom:1px solid rgba(255,255,255,.18)}.study-card{grid-template-columns:1fr}.study-image{min-height:210px}.advantage-grid{grid-template-columns:1fr}.reference-cta .container{flex-direction:column;text-align:center;gap:20px}.reference-cta h2{text-align:left;font-size:17px}}

/* Premium registration form */
.registration-hero{padding:135px 0 65px;background:radial-gradient(circle at 85% 0,rgba(36,143,205,.5),transparent 32%),linear-gradient(125deg,#031d3e,#075b98)}
.registration-hero .container{display:flex;justify-content:space-between;align-items:center}.registration-hero h1{font-size:46px;line-height:1.1;margin:14px 0}.registration-hero p{color:#d7e8f3;margin-bottom:0}
.registration-wave{min-width:255px;padding:23px 27px;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px);display:flex;flex-direction:column}
.registration-wave small{color:#9bd9ff;font-size:9px;font-weight:800;letter-spacing:1.7px}.registration-wave strong{font-size:25px;margin:6px 0}.registration-wave span{color:#d7e8f3;font-size:12px}
.registration-steps{position:relative;z-index:3;background:#fff;border-bottom:1px solid #dce8f0;box-shadow:0 8px 25px rgba(6,45,91,.05)}.registration-steps>.container{height:92px;display:flex;align-items:center;justify-content:center;gap:28px}
.registration-steps div{display:flex;align-items:center;gap:11px;color:#8b9aa7}.registration-steps div>b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e7eef3;color:#718393}.registration-steps div span{display:flex;flex-direction:column}.registration-steps strong{font-size:12px}.registration-steps small{font-size:9px;margin-top:3px}.registration-steps div.active{color:#083b70}.registration-steps div.active>b{background:#0a67ad;color:#fff;box-shadow:0 8px 20px rgba(10,103,173,.22)}
.registration-steps i{width:85px;height:1px;background:#d2dce4}
.registration-page{padding:58px 0 90px}.registration-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:28px;align-items:start}.registration-form{padding:38px 42px;box-shadow:0 18px 55px rgba(6,45,91,.09)}
.registration-form .form-title{margin-bottom:27px}.registration-form .form-title:not(:first-of-type){margin-top:48px}.registration-form label{font-size:12px;color:#243d55}.registration-form input,.registration-form select,.registration-form textarea{min-height:48px;background:#fafdff;border-color:#ccdae5}.registration-form textarea{min-height:105px}
.upload-grid{gap:16px}.upload-box{position:relative;min-height:175px;padding:24px;border:1.5px dashed #9fc4dc;border-radius:9px;background:#f3f9fd;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.2s}.upload-box:hover{border-color:#0a75bd;background:#eaf6fd}.upload-box>span{font-size:29px;color:#0a67ad}.upload-box>b{font-size:13px;color:#153d61}.upload-box>small{font-size:9px;color:#728595}.upload-box input{min-height:0;margin-top:9px;padding:7px;background:#fff;font-size:10px}
.consent{padding:17px 19px;margin:28px 0 20px;border-radius:7px;background:#f1f7fb;border:1px solid #d6e6f1}.consent span{line-height:1.5}.registration-submit{height:55px;font-size:14px;justify-content:space-between;padding-left:25px;padding-right:25px}
.registration-aside{position:sticky;top:25px}.aside-card{padding:25px;background:#fff;border:1px solid #dae6ee;border-radius:10px;box-shadow:var(--shadow-sm);margin-bottom:18px}.aside-card.primary{color:#fff;background:radial-gradient(circle at 100% 0,rgba(51,160,219,.4),transparent 30%),linear-gradient(145deg,#031d3d,#075891);border:0}.aside-card.primary img{width:73px;height:73px;object-fit:contain;background:#fff;border-radius:50%;padding:3px;margin-bottom:18px}.aside-card.primary>span{display:block;color:#8ed5ff;font-size:9px;font-weight:800;letter-spacing:1.5px}.aside-card h3{font-size:18px;line-height:1.3;margin:8px 0 14px}.aside-card.primary ul{list-style:none;padding:0;margin:20px 0 0}.aside-card.primary li{position:relative;padding-left:22px;margin:12px 0;font-size:11px;color:#d9e9f4}.aside-card.primary li:before{content:"✓";position:absolute;left:0;color:#69c8ff;font-weight:900}.aside-card p{font-size:12px;line-height:1.55}.aside-card a{font-size:11px;color:#0871b8;font-weight:800}
.security-note{padding:18px 20px;border:1px solid #cee5d8;border-radius:9px;background:#f0faf4}.security-note b{font-size:11px;color:#187049}.security-note p{font-size:10px;margin:5px 0 0;color:#62766b}
@media(max-width:900px){.registration-layout{grid-template-columns:1fr}.registration-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.registration-aside .security-note{grid-column:1/3}.registration-wave{min-width:225px}}
@media(max-width:600px){.registration-hero{padding:105px 0 42px}.registration-hero .container{align-items:flex-start;flex-direction:column;gap:25px}.registration-hero h1{font-size:34px}.registration-wave{width:100%}.registration-steps>.container{height:auto;padding:18px 13px;gap:8px;justify-content:space-between}.registration-steps div span{display:none}.registration-steps i{flex:1}.registration-page{padding:28px 0 60px}.registration-form{padding:24px 18px}.registration-form .form-title:not(:first-of-type){margin-top:38px}.upload-grid{grid-template-columns:1fr}.registration-aside{display:block}.registration-aside .security-note{margin-bottom:15px}}

/* Final dashboard overlap fix */
body.public .participant-dashboard-head{
  padding:120px 0 70px !important;
  min-height:300px !important;
  overflow:visible !important;
}
body.public .participant-dashboard-head .container{
  width:min(100% - 32px, 930px) !important;
  align-items:flex-start !important;
}
body.public .participant-dashboard-head h1{
  font-size:46px !important;
  line-height:1.08 !important;
  color:#fff !important;
}
body.public .participant-dashboard-head p{
  color:#e3f1fa !important;
  font-size:15px !important;
}
body.public .participant-dashboard-head .status-pill{
  margin-top:38px !important;
  white-space:nowrap;
}
body.public .participant-dashboard-body{
  padding-top:42px !important;
  background:linear-gradient(180deg,#eef6fb 0,#fff 72%) !important;
}
body.public .participant-dashboard-body>.container{
  width:min(100% - 32px, 930px) !important;
}
body.public .participant-status-card{
  margin-top:0 !important;
  margin-bottom:26px !important;
  position:relative;
  z-index:2;
  transform:none !important;
  overflow:visible !important;
}
body.public .participant-status-card>div:first-child{
  font-size:10px !important;
}
body.public .participant-dashboard-body .participant-summary,
body.public .participant-progress,
body.public .participant-dashboard-body .dashboard-grid{
  position:relative;
  z-index:1;
}
body.public .participant-progress{
  margin-top:28px !important;
}
@media(max-width:900px){
  body.public .participant-dashboard-head{
    padding:102px 0 48px !important;
    min-height:auto !important;
  }
}
/* =====================================================
   PROGRAM STUDI PREMIUM
======================================================*/

.program-section{
    padding:90px 0;
    background:
        radial-gradient(circle at top left,#f3f8ff 0,#ffffff 45%,#eef5ff 100%);
}

.program-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:35px;
    align-items:start;
}

.program-card-premium{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#071d45,#0c3b74,#0d4d92);
    border-radius:30px;
    padding:40px;
    color:#fff;
    box-shadow:
    0 25px 70px rgba(0,25,70,.18);
}

.program-card-premium::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    right:-140px;
    bottom:-140px;
    border-radius:50%;
    background:rgba(255,255,255,.05);
}

.program-card-premium::after{
    content:'MPLM';
    position:absolute;
    right:25px;
    bottom:-10px;
    font-size:120px;
    font-weight:900;
    color:rgba(255,255,255,.04);
    letter-spacing:5px;
}

.program-topline{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:25px;
}

.program-topline span{
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    color:#ffc857;
}

.program-topline em{
    font-style:normal;
    background:#ffc857;
    color:#092852;
    padding:10px 20px;
    border-radius:50px;
    font-weight:800;
}

.program-card-premium h2{
    font-size:40px;
    line-height:1.2;
    margin-bottom:18px;
    font-weight:800;
}

.program-lead{
    color:#dbe7ff;
    font-size:17px;
    line-height:1.8;
}

.program-code{
    margin:30px 0;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
    padding:18px 22px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.1);
    font-weight:700;
}

.program-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    list-style:none;
    margin:0;
    padding:0;
}

.program-feature-grid li{
    display:flex;
    gap:15px;
    align-items:flex-start;
    padding:18px;
    border-radius:18px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.08);
    transition:.35s;
}

.program-feature-grid li:hover{
    transform:translateY(-6px);
    background:rgba(255,255,255,.12);
}

.program-feature-grid b{
    min-width:44px;
    height:44px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#ffc857;
    color:#082346;
    font-size:14px;
}

.program-feature-grid span{
    color:#edf4ff;
    line-height:1.6;
}

.program-link{
    margin-top:35px;
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 30px;
    border-radius:60px;
    background:#ffc857;
    color:#082346;
    font-weight:800;
    transition:.35s;
}

.program-link:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(255,200,87,.35);
}



/* =====================================================
   GELOMBANG PREMIUM
======================================================*/

.wave-premium-card{
    background:#fff;
    border-radius:30px;
    padding:35px;
    box-shadow:0 25px 60px rgba(12,55,110,.08);
    border:1px solid #edf2fa;
}

.wave-calendar-grid{
    display:flex;
    flex-direction:column;
    gap:22px;
    margin-top:25px;
}

.calendar-wave{
    display:grid;
    grid-template-columns:95px 1fr auto;
    gap:22px;
    align-items:center;
    padding:22px;
    border-radius:24px;
    border:2px solid #edf2fa;
    transition:.35s;
    background:#fff;
}

.calendar-wave:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,60,120,.08);
}

.calendar-wave.active{
    border-color:#ffc857;
    background:linear-gradient(135deg,#fff8eb,#ffffff);
}

.calendar-wave>b{
    width:90px;
    height:90px;
    border-radius:20px;
    background:linear-gradient(135deg,#0a2b5f,#134c8f);
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    font-size:15px;
    line-height:1.5;
    font-weight:800;
    letter-spacing:1px;
}

.calendar-wave.active>b{
    background:linear-gradient(135deg,#ffc857,#ffb800);
    color:#082346;
}

.calendar-wave strong{
    display:block;
    font-size:27px;
    color:#0b2b56;
    margin-bottom:8px;
}

.calendar-wave small{
    color:#7a8ba5;
    font-size:15px;
}

.calendar-dates{
    display:flex;
    align-items:center;
    gap:18px;
}

.calendar-dates time{
    width:78px;
    height:78px;
    border-radius:18px;
    border:2px solid #edf2fa;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background:#fff;
}

.calendar-dates time small{
    font-size:11px;
    color:#8ea2bc;
    text-transform:uppercase;
    margin-bottom:6px;
}

.calendar-dates time{
    font-size:30px;
    font-weight:800;
    color:#103b74;
}

.calendar-dates i{
    width:28px;
    height:3px;
    background:#ffc857;
    border-radius:30px;
}

.wave-footnote{
    text-align:center;
    margin-top:30px;
    padding:16px;
    border-radius:16px;
    background:#f6f9fd;
    color:#6d7f95;
    font-size:14px;
}


/* =====================================================
   RESPONSIVE
======================================================*/

@media(max-width:1100px){

.program-grid{
grid-template-columns:1fr;
}

}

@media(max-width:768px){

.program-card-premium{
padding:28px;
}

.program-card-premium h2{
font-size:30px;
}

.program-feature-grid{
grid-template-columns:1fr;
}

.calendar-wave{
grid-template-columns:1fr;
text-align:center;
}

.calendar-wave>b{
margin:auto;
}

.calendar-dates{
justify-content:center;
margin-top:15px;
}

}