/* ============================================================
   VARIABLES
   ============================================================ */
:root {
  --navy:#0A1E3D;--navy-mid:#102952;--blue:#1565C0;--blue-light:#1976D2;
  --orange:#E65100;--green:#2E7D32;--white:#FFFFFF;
  --gray-50:#F8FAFC;--gray-100:#F1F5F9;--gray-200:#E2E8F0;
  --gray-400:#94A3B8;--gray-600:#475569;--gray-800:#1E293B;
  --font-display:'Barlow Condensed',sans-serif;--font-body:'Barlow',sans-serif;
  --radius:10px;--shadow:0 4px 24px rgba(10,30,61,0.10);--shadow-lg:0 8px 40px rgba(10,30,61,0.16);
  --transition:all 0.22s ease;
}

/* ============================================================
   BASE
   ============================================================ */
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--font-body);color:var(--gray-800);background:var(--white);overflow-x:hidden;}
img{max-width:100%;display:block;}
a{text-decoration:none;}

/* ============================================================
   HERO
   ============================================================ */
.pct-hero{position:relative;background:linear-gradient(105deg,var(--navy) 0%,var(--navy-mid) 55%,#1a3a6e 100%);display:flex;flex-direction:column;overflow:hidden;min-height:640px;}
.pct-hero::before{content:'';position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1581092160562-40aa08e78837?w=600&q=80') center/cover no-repeat;opacity:0.18;}
.pct-hero-grid-overlay{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,0.03) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,0.03) 40px);}
.pct-container{position:relative;z-index:2;display:grid;grid-template-columns:1fr 420px;gap:56px;align-items:center;width:100%;max-width:1320px;margin:0 auto;padding:80px 60px 60px;}
.pct-hero-content{padding-bottom:0;}
.pct-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);color:#90CAF9;font-size:13px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:8px 16px;border-radius:24px;margin-bottom:24px;}
.pct-hero h1{font-family:var(--font-display);font-size:clamp(36px,5vw,58px);font-weight:800;line-height:1.08;color:var(--white);text-transform:uppercase;letter-spacing:0.01em;margin-bottom:20px;}
.pct-hero h1 em{font-style:normal;color:#FFB74D;}
.pct-hero-sub{font-size:16px;color:rgba(255,255,255,0.75);line-height:1.7;max-width:480px;margin-bottom:36px;}
.pct-hero-cta{display:flex;gap:16px;flex-wrap:wrap;}
.pct-hero-image-wrap{display:flex;justify-content:flex-end;align-items:flex-end;padding-bottom:0;}
.pct-hero-image-wrap img{width:100%;max-width:420px;height:400px;object-fit:cover;object-position:top center;border-radius:16px 16px 0 0;filter:drop-shadow(0 -8px 32px rgba(0,0,0,0.4));}

/* STATS BAR */
.pct-hero-stats{background:rgba(10,30,61,0.92);border-top:1px solid rgba(255,255,255,0.1);width:100%;margin-top:auto;}
.pct-hero-stats-inner{max-width:1320px;margin:0 auto;padding:18px 60px;display:flex;align-items:stretch;}
.pct-stat-item{flex:1;text-align:center;padding:12px 12px;border-right:1px solid rgba(255,255,255,0.1);min-width:0;}
.pct-stat-item:last-child{border-right:none;}
.pct-stat-num{font-family:var(--font-display);font-size:28px;font-weight:700;color:#FFB74D;line-height:1.1;margin-bottom:6px;}
.pct-stat-label{font-size:11px;color:rgba(255,255,255,0.6);font-weight:600;text-transform:uppercase;letter-spacing:0.06em;line-height:1.4;}

/* ============================================================
   SECTIONS
   ============================================================ */
.pct-section{padding:96px 0;}
.pct-section-alt{background:var(--gray-50);}
.pct-section-title{font-family:var(--font-display);font-size:clamp(26px,3vw,38px);font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:0.02em;text-align:center;margin-bottom:14px;line-height:1.2;}
.pct-section-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:56px;}
.pct-section-divider .pct-line{height:2px;width:70px;background:var(--gray-200);border-radius:2px;}
.pct-section-divider .pct-dot{width:10px;height:10px;background:var(--blue);border-radius:50%;}

/* ============================================================
   BUTTONS
   ============================================================ */
.pct-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:15px;padding:14px 28px;border-radius:var(--radius);border:none;cursor:pointer;transition:var(--transition);letter-spacing:0.02em;text-decoration:none;justify-content:center;}
.pct-btn-primary{background:var(--blue-light);color:var(--white);box-shadow:0 4px 16px rgba(21,101,192,0.35);}
.pct-btn-primary:hover{background:#1565C0;transform:translateY(-2px);}
.pct-btn-orange{background:var(--orange);color:var(--white);box-shadow:0 4px 16px rgba(230,81,0,0.35);}
.pct-btn-orange:hover{background:#BF360C;transform:translateY(-2px);}
.pct-btn-green{background:var(--green);color:var(--white);box-shadow:0 4px 16px rgba(46,125,50,0.3);}
.pct-btn-green:hover{background:#1B5E20;transform:translateY(-2px);}
.pct-btn-blue-outline{background:transparent;color:var(--blue);border:2px solid var(--blue);}
.pct-btn-blue-outline:hover{background:var(--blue);color:var(--white);}
.pct-btn-sm{padding:9px 20px;font-size:13px;}
.pct-btn-full{width:100%;justify-content:center;}
.pct-btn-register-blue{background:var(--blue);color:white;}
.pct-btn-register-blue:hover{background:var(--navy);transform:translateY(-1px);}
.pct-btn-register-green{background:var(--green);color:white;}
.pct-btn-register-green:hover{background:#1B5E20;transform:translateY(-1px);}
.pct-btn-cta{padding:15px 38px;font-size:15px;}

/* ============================================================
   WHY CARDS
   ============================================================ */
.pct-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.pct-why-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:32px 24px;box-shadow:var(--shadow);transition:all 0.25s ease;position:relative;overflow:hidden;min-width:0;word-break:break-word;display:flex;flex-direction:column;}
.pct-why-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--blue);transform:scaleX(0);transition:transform 0.3s ease;}
.pct-why-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.pct-why-card:hover::after{transform:scaleX(1);}
.pct-why-icon{width:56px;height:56px;background:#E3F2FD;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:18px;flex-shrink:0;}
.pct-why-card h3{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:0.03em;margin-bottom:12px;line-height:1.3;}
.pct-why-card p{font-size:14px;color:var(--gray-600);line-height:1.7;flex:1;}

/* ============================================================
   TRAINING CARDS
   ============================================================ */
.pct-training-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.pct-training-card{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:all 0.25s ease;display:flex;flex-direction:column;min-width:0;word-break:break-word;}
.pct-training-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.pct-card-header{padding:24px 24px 0;display:flex;align-items:center;gap:12px;}
.pct-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;padding:6px 12px;border-radius:6px;white-space:nowrap;flex-shrink:0;line-height:1;}
.pct-badge-premium{background:var(--navy);color:var(--white);}
.pct-badge-free{background:var(--green);color:var(--white);}
.pct-badge-popular{background:var(--orange);color:var(--white);}
.pct-card-body{padding:18px 24px 24px;flex:1;}
.pct-card-body h3{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--navy);text-transform:uppercase;line-height:1.25;margin-bottom:18px;letter-spacing:0.02em;}
.pct-card-meta{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;}
.pct-meta-row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--gray-600);line-height:1.5;}
.pct-meta-icon{font-size:16px;width:22px;flex-shrink:0;text-align:center;}
.pct-meta-label{font-weight:600;color:var(--gray-800);min-width:72px;}
.pct-card-footer{padding:0 24px 24px;padding-top:0;}

/* ============================================================
   SERIES TOGGLE
   ============================================================ */
.pct-series-toggle{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:14px 24px;cursor:pointer;transition:var(--transition);}
.pct-series-toggle:hover{background:var(--gray-100);}
.pct-toggle-content{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--gray-700);font-size:13px;font-weight:600;letter-spacing:0.02em;}
.pct-toggle-icon{font-size:15px;transition:transform 0.3s ease;}
.pct-toggle-icon.collapsed{transform:rotate(-90deg);}

/* ============================================================
   SERIES CONTAINER
   ============================================================ */
.pct-series-container{background:var(--white);border-top:1px solid var(--gray-200);max-height:0;overflow:hidden;transition:max-height 0.4s ease,opacity 0.3s ease;opacity:0;}
.pct-series-container.expanded{max-height:2000px;opacity:1;}

/* ============================================================
   SERIES ITEM
   ============================================================ */
.pct-series-item{padding:16px 24px;border-bottom:1px solid var(--gray-200);transition:background 0.2s ease;}
.pct-series-item:hover{background:var(--gray-50);}
.pct-series-item:last-child{border-bottom:none;}
.pct-series-header{display:flex;align-items:flex-start;gap:12px;}
.pct-series-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:5px 11px;border-radius:6px;background:var(--blue);color:white;white-space:nowrap;flex-shrink:0;line-height:1.3;}
.pct-series-title{font-size:14px;color:var(--navy);font-weight:500;line-height:1.5;flex:1;padding-top:2px;}

/* ============================================================
   TABLE
   ============================================================ */
.pct-table-wrap{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--gray-200);}
.pct-table-wrap table{width:100%;border-collapse:collapse;}
.pct-table-wrap thead tr{background:var(--navy);}
.pct-table-wrap thead th{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:0.08em;padding:18px 24px;text-align:left;}
.pct-table-wrap tbody tr{border-bottom:1px solid var(--gray-100);transition:background 0.15s ease;}
.pct-table-wrap tbody tr:last-child{border-bottom:none;}
.pct-table-wrap tbody tr:hover{background:var(--gray-50);}
.pct-table-wrap tbody td{padding:18px 24px;font-size:15px;color:var(--gray-800);vertical-align:middle;line-height:1.5;}
.pct-date-cell{font-weight:700;color:var(--navy);font-size:15px;}
.pct-training-name{display:flex;align-items:center;gap:12px;font-weight:500;}
.pct-training-ico{font-size:20px;}
.pct-training-note{font-size:12px;color:var(--gray-500);margin-top:6px;line-height:1.4;}
.pct-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:5px 11px;border-radius:14px;text-transform:uppercase;letter-spacing:0.04em;min-height:28px;justify-content:center;}
.pct-status-badge.pct-status-full{background:#FFF3E0;color:#E65100;}
.pct-status-badge.pct-status-limited{background:#E8F5E9;color:#2E7D32;}
.pct-status-badge.pct-status-open{background:#E3F2FD;color:#1565C0;}
.pct-cta-section{text-align:center;margin-top:36px;}

/* ============================================================
   EBOOKS
   ============================================================ */
.pct-ebook-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:900px;margin:0 auto;}
.pct-ebook-card{background:var(--navy);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);transition:all 0.25s ease;position:relative;display:flex;flex-direction:column;}
.pct-ebook-card:hover{transform:translateY(-8px) scale(1.01);}
.pct-ebook-premium-tag{position:absolute;top:16px;left:16px;z-index:2;background:var(--orange);color:white;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;padding:6px 13px;border-radius:7px;display:flex;align-items:center;gap:6px;line-height:1;}
.pct-ebook-cover{width:100%;height:220px;object-fit:cover;opacity:0.7;}
.pct-ebook-body{padding:24px 26px 26px;flex:1;display:flex;flex-direction:column;}
.pct-ebook-body h3{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--white);text-transform:uppercase;line-height:1.25;margin-bottom:18px;letter-spacing:0.02em;}
.pct-ebook-body .pct-btn{margin-top:auto;}

/* ============================================================
   CTA BANNER
   ============================================================ */
.pct-cta-banner{background:linear-gradient(105deg,var(--navy) 0%,#1a3a6e 100%);padding:72px 0;position:relative;overflow:hidden;}
.pct-cta-banner::before{content:'';position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1605745341112-85968b19335b?w=1400&q=80') center/cover no-repeat;opacity:0.07;}
.pct-cta-banner .pct-container{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;}
.pct-cta-label{font-family:var(--font-display);font-size:14px;font-weight:700;color:#90CAF9;letter-spacing:0.15em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:12px;}
.pct-cta-label::before,.pct-cta-label::after{content:'';height:1px;width:45px;background:rgba(255,255,255,0.25);}
.pct-cta-banner h2{font-family:var(--font-display);font-size:clamp(28px,3.5vw,42px);font-weight:800;color:var(--white);text-transform:uppercase;letter-spacing:0.03em;margin-bottom:42px;}
.pct-pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;max-width:900px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.15);box-shadow:0 8px 48px rgba(0,0,0,0.3);}
.pct-pricing-col{background:rgba(255,255,255,0.06);border-right:1px solid rgba(255,255,255,0.1);overflow:hidden;display:flex;flex-direction:column;}
.pct-pricing-col:last-child{border-right:none;}
.pct-pricing-col.pct-featured{background:var(--orange);}
.pct-pricing-header{padding:24px 28px 20px;border-bottom:1px solid rgba(255,255,255,0.1);text-align:center;}
.pct-pricing-tier{font-family:var(--font-display);font-size:20px;font-weight:700;color:rgba(255,255,255,0.9);text-transform:uppercase;letter-spacing:0.08em;}
.pct-pricing-col.pct-featured .pct-pricing-tier{color:var(--white);}
.pct-pricing-body{padding:24px 28px;flex:1;}
.pct-pricing-feature{display:flex;align-items:center;gap:12px;font-size:14px;color:rgba(255,255,255,0.75);padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.07);}
.pct-pricing-feature:last-child{border-bottom:none;}
.pct-pricing-col.pct-featured .pct-pricing-feature{color:rgba(255,255,255,0.9);}
.pct-feature-icon{font-size:16px;flex-shrink:0;}
.pct-pricing-footer{padding:20px 28px 28px;display:flex;flex-direction:column;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1200px){
  .pct-hero .pct-container{padding:72px 40px 60px;}
  .pct-hero-stats-inner{padding:16px 40px;}
  .pct-section .pct-container{padding:0 40px;}
  .pct-section-title{margin-bottom:10px;}
  .pct-section-divider{margin-bottom:48px;}
}
@media(max-width:960px){
  .pct-hero .pct-container{grid-template-columns:1fr;padding:64px 32px 48px;}
  .pct-hero-image-wrap{display:none;}
  .pct-why-grid{grid-template-columns:repeat(2,1fr);gap:20px;}
  .pct-training-grid{grid-template-columns:1fr;gap:24px;}
  .pct-ebook-grid{grid-template-columns:1fr;max-width:480px;gap:24px;}
  .pct-pricing-grid{grid-template-columns:1fr;}
  .pct-pricing-col{border-right:none;border-bottom:1px solid rgba(255,255,255,0.1);}
  .pct-pricing-col:last-child{border-bottom:none;}
  .pct-section .pct-container{padding:0 32px;}
  .pct-hero-stats-inner{padding:14px 32px;}
  .pct-section{padding:80px 0;}
}
@media(max-width:640px){
  .pct-why-grid{grid-template-columns:1fr;gap:16px;}
  .pct-hero-stats-inner{padding:12px 12px;flex-wrap:wrap;}
  .pct-stat-item{padding:12px 8px;min-width:calc(50% - 16px);border-right:none;}
  .pct-stat-item:nth-child(2){border-right:none;}
  .pct-stat-item:nth-child(1),.pct-stat-item:nth-child(2){border-bottom:1px solid rgba(255,255,255,0.1);}
  .pct-stat-num{font-size:22px;margin-bottom:6px;}
  .pct-stat-label{font-size:10px;letter-spacing:0.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .pct-section .pct-container{padding:0 16px;}
  .pct-section{padding:64px 0;}
  .pct-table-wrap table{font-size:13px;}
  .pct-table-wrap thead th,.pct-table-wrap tbody td{padding:12px 12px;}
  .pct-hero-content{padding:48px 16px 40px;}
  .pct-hero h1{font-size:32px;}
  .pct-hero-cta{flex-direction:column;gap:12px;}
  .pct-hero-cta .pct-btn{width:100%;justify-content:center;}
  .pct-table-wrap tbody tr{display:block;box-shadow:0 2px 8px rgba(0,0,0,0.05);border-radius:12px;margin-bottom:12px;border:none;background:var(--white);border:1px solid var(--gray-200);}
  .pct-table-wrap thead{display:none;}
  .pct-table-wrap tbody td{display:block;padding:14px 16px;text-align:left;border-bottom:none;vertical-align:middle;}
  .pct-table-wrap tbody td:last-child{padding-top:0;padding-bottom:16px;}
  .pct-table-wrap tbody td:first-child{padding-top:16px;}
  .pct-table-wrap tbody td.pct-date-cell{font-size:16px;color:var(--blue);font-weight:700;padding-bottom:6px;}
  .pct-table-wrap{background:transparent;border:none;box-shadow:none;}
  .pct-table-wrap tbody td:nth-child(1)::before{content:'Tanggal';font-weight:600;color:var(--gray-600);margin-right:8px;}
  .pct-table-wrap tbody td:nth-child(2)::before{content:'';display:none;}
  .pct-table-wrap tbody td:nth-child(3)::before{content:'Status';font-weight:600;color:var(--gray-600);margin-right:8px;}
  .pct-table-wrap tbody td:nth-child(4)::before{content:'';display:none;}
  .pct-training-name{margin-top:8px;}
  .pct-btn-sm{padding:10px 22px;font-size:14px;}
  .pct-status-badge{margin-top:6px;display:inline-flex;}
  .pct-cta-banner{padding:56px 0;}
  .pct-section-title{font-size:24px;margin-bottom:8px;}
  .pct-section-divider{margin-bottom:40px;}
  .pct-cta-section{margin-top:28px;}
  .pct-card-header{padding:20px 20px 0;}
  .pct-card-body{padding:16px 20px 20px;}
  .pct-card-footer{padding:0 20px 20px;}
  .pct-series-item{padding:14px 20px;}
  .pct-series-header{gap:10px;}
  .pct-series-title{font-size:13px;}
  .pct-training-grid{gap:20px;}
  .pct-ebook-grid{gap:24px;}
  .pct-ebook-body{padding:20px 22px 22px;}
  .pct-ebook-body h3{font-size:18px;margin-bottom:16px;}
}