/* ===================================================================
   ICIASTECH 2026 – FULL THEME (PRIMARY: Blue, SECONDARY: Orange, ACCENT: Lime)
   Paste this as your main stylesheet (it already includes resets).
   Adjust brand hexes in :root if needed.
=================================================================== */

/* ===== Brand Palette ===== */
:root{
  /* Brand */
  --primary-700:#005A9E;   /* deep blue base for headers/footers */
  --primary-600:#006BBF;
  --primary-500:#0086E6;   /* PRIMARY */
  --primary-400:#1AA0FF;

  --secondary-700:#C96000;
  --secondary-600:#E56A00;
  --secondary-500:#F58220; /* SECONDARY */
  --secondary-400:#FF9A3A;

  --accent-700:#63AF00;
  --accent-600:#73C400;
  --accent-500:#8BD400;    /* ACCENT */
  --accent-400:#A3E012;

  /* Neutrals */
  --ink-900:#2c3e50;
  --ink-700:#3b4856;
  --ink-600:#4b5a69;
  --ink-500:#666;
  --ink-400:#7f8c8d;
  --surface:#ffffff;
  --muted:#f8f9fa;
  --line:#e9ecef;
}

/* ===== Reset / Base ===== */
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height:1.6;
  color:var(--ink-900);
  background:var(--surface);
}

/* ===== Navigation ===== */
.navbar{
  /*background:linear-gradient(135deg,var(--primary-700) 20%,var(--primary-500) 100%);*/
  
  background:linear-gradient(5deg, #62ac3800 0%, var(--primary-600) 100%);
  
  /* 2) Putih di depan (muda = putih) */
  /*background: linear-gradient(135deg, #ffffff 0%, var(--primary-600) 100%);*/
  
  /*background: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700));*/

  padding:1rem 0;position:fixed;top:0;left:0;width:100%;z-index:1000;
  box-shadow:0 2px 10px rgba(0,0,0,.1)
}
.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}
.navbar-brand{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}
.navbar-nav{display:flex;list-style:none;gap:.5rem;align-items:center}
.nav-item a{
  color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:5px;
  transition:.3s ease;white-space:nowrap
}
.nav-item a:hover,.nav-item.active a{background:rgba(255,255,255,.18);transform:translateY(-2px)}
.dropdown{position:relative}
.dropdown-toggle{cursor:pointer;display:flex;align-items:center;gap:.5rem}
.dropdown-menu{
  position:absolute;top:100%;right:0;background:#fff;min-width:200px;border-radius:8px;
  box-shadow:0 5px 15px rgba(0,0,0,.2);padding:.5rem 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.3s ease;list-style:none
}
.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-item a{color:var(--ink-900);padding:.75rem 1.5rem;display:block;border-radius:0}
.dropdown-item a:hover{background:var(--muted)}
.mobile-menu-btn{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}

/* ===== Hero ===== */
#home{
  position:relative;color:#fff;padding:120px 0 80px;text-align:center;min-height:100vh;
  display:flex;align-items:center;overflow:hidden
}
/* Hero Section */
        #home {
            position: relative;
            color: white;
            padding: 120px 0 80px;
            text-align: center;
            min-height: 100vh;
            display: flex;
            align-items: center;
            overflow: hidden;
        }

        .hero-slider {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

        .hero-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 2s ease-in-out;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .hero-slide.active {
            opacity: 1;
        }

        .hero-slide::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 1;
        }

        .hero-slide:nth-child(1) {
             background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/hero/hero-1.webp");
             background-size: cover;
             background-position: center;
             background-repeat: no-repeat;
         }

        .hero-slide:nth-child(2) {
             background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/hero/hero-2.webp");
             background-size: cover;
             background-position: center;
             background-repeat: no-repeat;
        }

        .hero-slide:nth-child(3) {
             background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/hero/hero-3.webp");
             background-size: cover;
             background-position: center;
             background-repeat: no-repeat;
        }

        .hero-slide:nth-child(4) {
             background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/hero/hero-4.webp");
             background-size: cover;
             background-position: center;
             background-repeat: no-repeat;
        }

        .hero-slide:nth-child(5) {
             background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/hero/hero-4.webp");
             background-size: cover;
             background-position: center;
             background-repeat: no-repeat;
        }

        .hero-content {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 2rem;
            position: relative;
            z-index: 2;
        }

        .slider-indicators {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            z-index: 3;
        }

        .slider-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .slider-dot.active {
            background: white;
            transform: scale(1.2);
        }

        .hero-title {
            font-size: 3.5rem;
            font-weight: bold;
            margin-bottom: 1rem;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }

        .hero-subtitle {
            font-size: 1.5rem;
            margin-bottom: 2rem;
            opacity: 0.9;
        }

        .hero-details {
            font-size: 1.2rem;
            margin-bottom: 3rem;
            line-height: 1.8;
        }

        .btn-primary{
          background:var(--secondary-500);color:#fff;padding:1rem 2rem;border:none;border-radius:50px;
          font-size:1.1rem;cursor:pointer;transition:.3s ease;text-decoration:none;display:inline-block;
          box-shadow:0 10px 20px rgba(245,130,32,.25)
        }
        .btn-primary:hover{background:var(--secondary-600);transform:translateY(-3px);box-shadow:0 14px 24px rgba(245,130,32,.35)}


        /* Section Styles */
        .section {
            padding: 80px 0;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 2rem;
        }

        .section-title {
            text-align: center;
            font-size: 2.5rem;
            margin-bottom: 3rem;
            color: #2c3e50;
        }

        .section-subtitle {
            text-align: center;
            font-size: 1.2rem;
            color: #7f8c8d;
            margin-bottom: 4rem;
        }
/* ===== Sections / Containers ===== */
.section{padding:80px 0}
.container{max-width:1200px;margin:0 auto;padding:0 2rem}
.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--primary-700)}
.section-subtitle{text-align:center;font-size:1.2rem;color:var(--ink-500);margin-bottom:4rem}

/* ===== About ===== */
#about{background:#fff;padding:80px 0}
.about-content{display:flex;flex-wrap:wrap;align-items:flex-start;gap:40px}
.about-visual{flex:1 1 50%;display:flex;flex-direction:column;align-items:center}
.event-illustration{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,.1);border:2px solid #f1f3f4;transition:.3s ease}
.event-illustration:hover{box-shadow:0 15px 40px rgba(0,0,0,.15);border-color:var(--primary-600);transform:translateY(-5px)}
.event-illustration svg{max-width:100%;height:auto;display:block;border-radius:15px}
.event-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}
.stat-item{
  text-align:center;padding:1.5rem;border-radius:15px;color:#fff;
  background:linear-gradient(135deg,var(--primary-600),var(--accent-500));
  box-shadow:0 5px 15px rgba(0,134,230,.28);transition:.3s ease
}
.stat-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,134,230,.4)}
.stat-number{font-size:2rem;font-weight:800;margin-bottom:.5rem}
.stat-label{font-size:.9rem;opacity:.95;text-transform:uppercase;letter-spacing:.5px}

.about-text{flex:1 1 50%}
.about-intro h3{color:var(--primary-600);font-size:1.8rem;margin-bottom:1rem;font-weight:800}
.about-intro p{font-size:1.1rem;line-height:1.7;color:var(--ink-600)}
.about-mission h4,.about-purpose h4{color:var(--ink-900);font-size:1.4rem;margin-bottom:1rem;font-weight:700}
.about-mission p,.about-purpose p{color:var(--ink-500);line-height:1.6;font-size:1rem}
.about-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}
.highlight-item{
  display:flex;align-items:center;gap:.75rem;padding:1rem;background:rgba(0,134,230,.06);
  border-radius:10px;border-left:4px solid var(--primary-600);transition:.3s ease
}
.highlight-item:hover{background:#fff;box-shadow:0 5px 15px rgba(0,134,230,.12);transform:translateX(5px)}
.highlight-icon{font-size:1.5rem}
.highlight-text{font-weight:600;color:var(--ink-900)}

/* ===== Call for Paper ===== */
#event{background:var(--muted)}
.paper-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}
.paper-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:.3s ease}
.paper-card:hover{transform:translateY(-5px)}
.paper-card h3{color:var(--ink-900);margin-bottom:1rem}

/* ===== Important Dates (Timeline) ===== */
#submission{background:#fff}
.timeline-container{max-width:1200px;margin:0 auto;padding:2rem 0;overflow-x:auto}
.timeline-horizontal{display:flex;position:relative;min-width:1000px;padding:2rem 0}
.timeline-line{
  position:absolute;top:50%;left:0;right:0;height:4px;border-radius:2px;z-index:1;
  background:linear-gradient(90deg,var(--primary-600),var(--accent-500))
}
.timeline-item{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}
.timeline-icon{
  width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;color:#fff;margin-bottom:1rem;border:4px solid #fff;transition:.3s ease;
  background:linear-gradient(135deg,var(--primary-600),var(--accent-500));
  box-shadow:0 4px 15px rgba(0,134,230,.30)
}
.timeline-icon:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,134,230,.4)}
.timeline-content{
  text-align:center;background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);
  border:2px solid var(--muted);transition:.3s ease;max-width:180px
}
.timeline-content:hover{border-color:var(--primary-600);transform:translateY(-5px)}
.timeline-date{font-weight:800;color:var(--primary-600);font-size:.9rem;margin-bottom:.5rem}
.timeline-title{font-size:1rem;color:var(--ink-900);line-height:1.4}
.timeline-item:nth-child(even) .timeline-content{margin-top:3rem}
.timeline-item:nth-child(odd) .timeline-content{margin-bottom:3rem}

/* Responsive timeline */
@media (max-width:768px){
  .timeline-horizontal{flex-direction:column;min-width:auto;align-items:center}
  .timeline-line{top:0;bottom:0;left:50%;right:auto;width:4px;height:auto;background:linear-gradient(180deg,var(--primary-600),var(--accent-500))}
  .timeline-item{width:100%;flex-direction:row;margin-bottom:2rem;align-items:center}
  .timeline-item:nth-child(even){flex-direction:row-reverse}
  .timeline-item:nth-child(even) .timeline-content,
  .timeline-item:nth-child(odd) .timeline-content{margin:0 1rem;max-width:250px}
  .timeline-icon{margin:0;flex-shrink:0}
}

/* ===== Submission (How to submit) ===== */
#submission-info{background:#fff}
.submission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}
.submission-card{
  background:var(--muted);border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.1);
  transition:.3s ease;border:2px solid transparent;position:relative;overflow:hidden
}
.submission-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.15);border-color:var(--primary-600)}
.submission-card:before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:.3s ease;
  background:linear-gradient(90deg,var(--primary-600),var(--accent-500))
}
.submission-card:hover:before{opacity:1}
.submission-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--line)}
.submission-icon{
  font-size:2rem;width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;
  background:linear-gradient(135deg,var(--primary-600),var(--accent-500));
  box-shadow:0 4px 15px rgba(0,134,230,.30)
}
.submission-header h3{font-size:1.5rem;color:var(--ink-900);margin:0;font-weight:700}
.submission-content{color:var(--ink-600);line-height:1.6}

/* Type / Buttons */
.submission-type{text-align:center}
.type-label{
  display:inline-block;background:linear-gradient(135deg,var(--primary-600),var(--accent-500));color:#fff;
  padding:.75rem 2rem;border-radius:25px;font-size:1.2rem;font-weight:700;margin-bottom:1rem;
  box-shadow:0 4px 15px rgba(0,134,230,.30)
}
.submission-type p{margin-top:1rem;color:var(--ink-500)}
.dates-list{display:flex;flex-direction:column;gap:1rem}
.date-item{
  display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:10px;
  border-left:4px solid var(--primary-600);transition:.3s ease
}
.date-item:hover{transform:translateX(5px);box-shadow:0 4px 15px rgba(0,134,230,.2)}
.date-item.conference-date{
  border-left-color:var(--secondary-500);
  background:linear-gradient(135deg,rgba(245,130,32,.10),rgba(245,130,32,.05))
}
.date-label{font-weight:600;color:var(--ink-900);flex:1}
.date-value{font-weight:800;color:var(--primary-600);text-align:right}
.conference-date .date-value{color:var(--secondary-500)}
.format-description{margin-bottom:1.5rem;text-align:center;color:var(--ink-500)}
.template-downloads{display:flex;flex-direction:column;gap:1rem}
.template-btn{
  display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border:2px solid var(--primary-600);
  border-radius:10px;text-decoration:none;color:var(--primary-600);font-weight:600;transition:.3s ease
}
.template-btn:hover{background:var(--primary-600);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,134,230,.30)}
.template-icon{font-size:1.5rem}
.latex-template{border-color:var(--accent-500);color:var(--accent-500)}
.latex-template:hover{background:var(--accent-500);color:#fff;box-shadow:0 5px 15px rgba(139,212,0,.30)}
.submission-description{text-align:center;margin-bottom:1.5rem;color:var(--ink-500)}
.submission-btn,.tutorial-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2rem;
  background:linear-gradient(135deg,var(--primary-600),var(--accent-500));color:#fff;text-decoration:none;border-radius:25px;
  font-weight:700;font-size:1.1rem;transition:.3s ease;box-shadow:0 4px 15px rgba(0,134,230,.30)
}
.submission-btn:hover,.tutorial-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,134,230,.4)}
.btn-icon{font-size:1.3rem}

@media (max-width:768px){
  .submission-grid{grid-template-columns:1fr;gap:1.5rem}
  .submission-card{padding:1.5rem}
  .submission-header{flex-direction:column;text-align:center;gap:.75rem}
  .submission-icon{font-size:1.8rem;width:50px;height:50px}
  .submission-header h3{font-size:1.3rem}
  .date-item{flex-direction:column;text-align:center;gap:.5rem}
  .template-downloads{gap:.75rem}
  .template-btn{padding:.875rem 1.25rem;font-size:.95rem}
}

/* ===== Guidelines ===== */
#guidelines{background:var(--muted)}
.guidelines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}
.guideline-card{
  background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.1);
  transition:.3s ease;border:2px solid transparent;position:relative;overflow:hidden
}
.guideline-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.15);border-color:var(--primary-600)}
.guideline-card:before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:.3s ease;
  background:linear-gradient(90deg,var(--primary-600),var(--accent-500))
}
.guideline-card:hover:before{opacity:1}
.overview-card{
  grid-column:1 / -1;
  background:linear-gradient(135deg,rgba(0,134,230,.05),rgba(139,212,0,.05));
  border:2px solid rgba(0,134,230,.2)
}
.overview-card:hover{
  background:linear-gradient(135deg,rgba(0,134,230,.10),rgba(139,212,0,.10));
  border-color:var(--primary-600)
}
.guideline-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f1f3f4}
.guideline-icon{
  font-size:2rem;width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;
  background:linear-gradient(135deg,var(--primary-600),var(--accent-500));box-shadow:0 4px 15px rgba(0,134,230,.30)
}
.guideline-header h3{font-size:1.5rem;color:var(--ink-900);margin:0;font-weight:700}
.guideline-content{color:var(--ink-600);line-height:1.6}

/* Time allocation block */
.time-allocation{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}
.time-item{
  display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;border-radius:15px;color:#fff;
  background:linear-gradient(135deg,var(--primary-600),var(--accent-500))
}
.time-duration{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}
.time-label{font-size:1.1rem;opacity:.95}
.time-breakdown{display:flex;gap:1rem;justify-content:center}
.breakdown-item{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#fff;border-radius:10px;border:2px solid var(--primary-600);flex:1;max-width:120px}
.breakdown-time{font-size:1.5rem;font-weight:800;color:var(--primary-600);margin-bottom:.25rem}
.breakdown-desc{font-size:.9rem;color:var(--ink-500);text-align:center}

.important-note{background:rgba(255,193,7,.1);border:2px solid #ffc107;border-radius:10px;padding:1.5rem}
.important-note p{margin-bottom:.75rem;color:#856404}
.deadline-date{color:#dc3545;font-weight:800;background:rgba(220,53,69,.1);padding:.25rem .5rem;border-radius:5px}

.requirements-list h4{color:var(--ink-900);margin-bottom:1rem;font-size:1.2rem}
.requirement-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--muted);border-radius:10px;border-left:4px solid var(--primary-600)}
.req-icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}
.req-text{flex:1;line-height:1.5}
.req-text em{color:var(--ink-500);font-size:.9rem;display:block;margin-top:.25rem}

.instruction-steps{margin:1.5rem 0}
.step-item{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;background:var(--muted);border-radius:15px;transition:.3s ease}
.step-item:hover{background:#fff;box-shadow:0 5px 15px rgba(0,134,230,.1);transform:translateX(5px)}
.step-number{
  width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;color:#fff;
  background:linear-gradient(135deg,var(--primary-600),var(--accent-500));box-shadow:0 4px 15px rgba(0,134,230,.30)
}
.step-content h5{color:var(--ink-900);margin-bottom:.5rem;font-size:1.1rem}
.step-content p{color:var(--ink-600);margin:0;line-height:1.5}

.alternative-methods{margin-bottom:2rem}
.method-item{margin-bottom:2rem;padding:1.5rem;background:var(--muted);border-radius:15px;border:2px solid transparent;transition:.3s ease}
.method-item:hover{border-color:var(--primary-600);background:#fff;box-shadow:0 5px 15px rgba(0,134,230,.1)}
.method-item h5{color:var(--ink-900);margin-bottom:1rem;font-size:1.2rem}
.method-item p,.method-item ul{color:var(--ink-600)}
.method-item li{margin-bottom:.5rem;line-height:1.5}

.submission-reminder{margin-top:2rem}
.reminder-box{background:linear-gradient(135deg,rgba(40,167,69,.10),rgba(40,167,69,.05));border:2px solid #28a745;border-radius:15px;padding:1.5rem}
.reminder-box h5,.reminder-box p{color:#155724}
.deadline-reminder{background:rgba(220,53,69,.1);border:1px solid #dc3545;border-radius:8px;padding:1rem;margin-top:1rem}

@media (max-width:768px){
  .guidelines-grid{grid-template-columns:1fr;gap:1.5rem}
  .guideline-card{padding:1.5rem}
  .guideline-header{flex-direction:column;text-align:center;gap:.75rem}
  .guideline-icon{font-size:1.8rem;width:50px;height:50px}
  .guideline-header h3{font-size:1.3rem}
  .time-breakdown{flex-direction:column;align-items:center}
  .breakdown-item{max-width:200px;width:100%}
  .time-duration{font-size:2rem}
  .step-item{flex-direction:column;text-align:center;gap:.75rem}
  .step-number{align-self:center}
  .tutorial-btn{padding:.875rem 1.5rem;font-size:.95rem}
}

/* ===== Speakers ===== */
#speakers{background:var(--muted)}
.speakers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}
.speaker-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:.3s ease}
.speaker-card:hover{transform:translateY(-5px)}
.speaker-avatar{
  width:100%;height:200px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:4rem;
  background:linear-gradient(135deg,var(--primary-600),var(--accent-500))
}
.speaker-info{padding:1.5rem;text-align:center}
.speaker-name{font-size:1.3rem;font-weight:800;margin-bottom:.5rem;color:var(--ink-900)}
.speaker-title{color:var(--ink-400);margin-bottom:1rem}

/* ===== Registration / Pricing ===== */
#pricing{background:#fff}
.registration-info{margin:3rem 0;justify-content:center}
.info-card{background:var(--muted);border:2px solid var(--primary-600);border-radius:15px;padding:2rem;max-width:100%;text-align:left}
.info-card h3{color:var(--primary-600);margin-bottom:1rem}
.info-card ul{list-style:none;padding:0}
.info-card li{padding:.5rem 0;position:relative;padding-left:1.5rem}
.info-card li:before{content:"✓";position:absolute;left:0;color:var(--primary-600);font-weight:800}

.registration-table-container{margin:3rem 0;overflow-x:auto;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1)}
.registration-table{width:100%;border-collapse:collapse;background:#fff;border-radius:15px;overflow:hidden}
.registration-table thead{background:linear-gradient(135deg,var(--primary-600),var(--accent-500));color:#fff}
.registration-table th{padding:1.5rem;text-align:left;font-weight:800;font-size:1.1rem}
.registration-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--line)}
.registration-table tbody tr:hover{background:var(--muted)}
.registration-table tbody tr:last-child td{border-bottom:none}
.category-cell{font-weight:600;color:var(--ink-900)}
.price-cell{font-weight:800;font-size:1.1rem;text-align:center}
.price-cell.overseas{color:var(--primary-600)}
.price-cell.local{color:var(--accent-700)}
.registration-actions{margin-top:3rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;text-align:center}
.btn-secondary{
  background:transparent;color:var(--primary-600);padding:1rem 2rem;border:2px solid var(--primary-600);border-radius:50px;
  font-size:1.1rem;cursor:pointer;transition:.3s ease;text-decoration:none;display:inline-block
}
.btn-secondary:hover{background:var(--primary-600);color:#fff;transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,134,230,.28)}

/* ===== Committee ===== */
#committee{background:var(--muted)}
.committee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;margin-top:3rem}
.committee-section{
  background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 10px 30px rgba(0,0,0,.1);
  transition:.3s ease;border:2px solid transparent
}
.committee-section:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.15);border-color:var(--primary-600)}
.committee-section.full-width{grid-column:1 / -1}
.committee-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid #f1f3f4}
.committee-icon{
  font-size:2.5rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1));
  background:linear-gradient(135deg,var(--primary-600),var(--accent-500));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
.committee-header h3{font-size:1.8rem;color:var(--ink-900);margin:0;font-weight:800}
.committee-members{display:flex;flex-direction:column;gap:1.5rem}
.member-card{
  display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--muted);border-radius:15px;
  transition:.3s ease;border:2px solid transparent
}
.member-card:hover{background:#fff;border-color:var(--primary-600);transform:translateX(10px);box-shadow:0 5px 15px rgba(0,134,230,.2)}
.member-avatar{
  font-size:3rem;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;
  background:linear-gradient(135deg,var(--primary-600),var(--accent-500));box-shadow:0 4px 15px rgba(0,134,230,.30)
}
.member-info h4{font-size:1.1rem;color:var(--ink-900);margin-bottom:.5rem;font-weight:700;line-height:1.3}
.member-info p{color:var(--ink-400);margin:0;font-size:.95rem;line-height:1.4}
.member-role{color:var(--primary-600)!important;font-weight:600;font-style:italic}
.tpc-chair-section,.tpc-members-section{margin-bottom:2rem}
.tpc-subtitle{font-size:1.3rem;color:var(--primary-600);margin-bottom:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem}
.tpc-subtitle:before{content:"▶";color:var(--primary-600)}
.chair-card{background:linear-gradient(135deg,rgba(0,134,230,.10),rgba(139,212,0,.10));border:2px solid var(--primary-600)}
.tpc-members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}

@media (max-width:768px){
  .committee-grid{grid-template-columns:1fr;gap:2rem}
  .committee-section{padding:2rem}
  .committee-header{flex-direction:column;text-align:center;gap:.5rem}
  .committee-icon{font-size:2rem}
  .committee-header h3{font-size:1.5rem}
  .member-card{flex-direction:column;text-align:center;gap:1rem}
  .member-card:hover{transform:translateY(-5px)}
  .member-avatar{font-size:2.5rem;width:70px;height:70px}
  .tpc-members-grid{grid-template-columns:1fr}
}
@media (max-width:480px){
  .committee-section{padding:1.5rem}
  .member-info h4{font-size:1rem}
  .member-info p{font-size:.9rem}
}

/* ===== Contact ===== */
#contact{background:var(--primary-700);color:#fff}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:3rem}
.contact-info{
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.05));
  padding:2.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(10px);box-shadow:0 15px 35px rgba(0,0,0,.2)
}
.contact-info h3{margin-bottom:2rem;font-size:1.8rem;text-align:center;color:#fff;font-weight:700;position:relative;padding-bottom:1rem}
.contact-info h3:after{
  content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);
  width:60px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--secondary-500),var(--accent-500))
}
.contact-item{
  display:flex;align-items:center;margin-bottom:1.5rem;gap:1.5rem;padding:1.25rem;background:rgba(255,255,255,.08);
  border-radius:15px;border:1px solid rgba(255,255,255,.1);transition:.3s ease;position:relative;overflow:hidden
}
.contact-item:hover{background:rgba(255,255,255,.15);transform:translateX(10px);box-shadow:0 8px 25px rgba(0,0,0,.2)}
.contact-item:before{
  content:"";position:absolute;left:0;top:0;height:100%;width:4px;opacity:0;transition:.3s ease;
  background:linear-gradient(180deg,var(--secondary-500),var(--accent-500))
}
.contact-item:hover:before{opacity:1}
.contact-icon{
  font-size:1.8rem;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;
  background:linear-gradient(135deg,var(--secondary-500),var(--accent-500));
  box-shadow:0 4px 15px rgba(245,130,32,.28);transition:.3s ease
}
.contact-item:hover .contact-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px rgba(245,130,32,.40)}
.contact-details{flex:1}
.contact-label{font-size:.9rem;color:rgba(255,255,255,.75);margin-bottom:.3rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.contact-value{font-size:1.1rem;color:#fff;font-weight:600;line-height:1.4}
.contact-value a{color:var(--accent-500);text-decoration:none;transition:color .3s ease}
.contact-value a:hover{color:var(--secondary-500)}
.contact-form{background:rgba(255,255,255,.10);padding:2rem;border-radius:15px}
.form-group{margin-bottom:1.5rem}
.form-group label{display:block;margin-bottom:.5rem}
.form-group input,.form-group textarea{width:100%;padding:.75rem;border:none;border-radius:5px;background:rgba(255,255,255,.9)}
.form-group textarea{height:120px;resize:vertical}

/* ===== Flags (misc) ===== */
.flag-counter{text-align:center;margin-top:30px}
.flag-counter img{max-width:100%;height:auto;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.2)}

/* ===== Responsive – Nav / Headings ===== */
@media (max-width:768px){
  .mobile-menu-btn{display:block}
  .navbar-nav{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--primary-700);flex-direction:column;padding:1rem;gap:0}
  .navbar-nav.active{display:flex}
  .nav-item{width:100%}
  .nav-item a{display:block;padding:1rem;border-bottom:1px solid rgba(255,255,255,.12)}
  .hero-title{font-size:2.5rem}
  .hero-subtitle{font-size:1.2rem}
  .section-title{font-size:2rem}
  .dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:rgba(255,255,255,.1);margin-top:.5rem}
  .dropdown-item a{color:#fff;padding:.5rem 1rem}
}

/* ===== Extra small typography ===== */
@media (max-width:600px){
  #about{padding:40px 0}
  .section-title{font-size:1.6rem}
  .section-subtitle{font-size:.95rem;margin-bottom:24px}
  .about-content{flex-direction:column;align-items:center;gap:20px}
  .about-visual{order:1}
  .about-text{order:2;text-align:left}
  .event-illustration svg{width:100%;height:auto}
  .event-stats{flex-direction:column;align-items:center;gap:8px}
  .highlight-item{width:100%;justify-content:center;font-size:.9rem;padding:8px}
  .about-text h3{font-size:1.4rem}
  .about-text h4{font-size:1.1rem}
  .about-text p{font-size:.9rem;line-height:1.6}
}
@media (max-width:400px){
  .section-title{font-size:1.4rem}
  .section-subtitle{font-size:.85rem}
  .about-text p{font-size:.85rem}
  .highlight-item{font-size:.85rem}
}