/* =========================
   ICERI 2026 PREMIUM BLUE SYSTEM
========================= */

:root{

  /* CORE COLORS */
  --iceri-primary:#071C33;
  --iceri-secondary:#0F2F57;
  --iceri-accent:#1565D8;
  --iceri-light:#4DA3FF;

  /* BACKGROUND */
  --iceri-bg:#EEF4FB;
  --iceri-card:rgba(255,255,255,.88);

  /* TEXT */
  --iceri-text:#10243E;
  --iceri-muted:#5F6C7B;

  /* UI */
  --iceri-border:#D8E4F2;

  /* GRADIENTS */
  --iceri-gradient:
  linear-gradient(
  135deg,
  #071C33 0%,
  #0F2F57 45%,
  #1565D8 100%
  );

  --iceri-gradient-soft:
  linear-gradient(
  135deg,
  #0F2F57 0%,
  #4DA3FF 100%
  );

  /* SHADOW */
  --iceri-shadow:
  0 12px 35px rgba(7,28,51,.10);

}

/* =========================
   GLOBAL RESET
========================= */

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;

  font-family:'Inter',sans-serif;

  background:
  linear-gradient(
  180deg,
  #EEF4FB 0%,
  #E8F1FB 100%
  );

  color:var(--iceri-text);

  line-height:1.7;
  overflow-x:hidden;
}

/* =========================
   WRAPPER
========================= */

.iceri-wrapper{
  max-width:1400px;
  margin:auto;
  padding:40px 14px 90px;
}

/* =========================
   SECTION BASE
========================= */

.iceri-section{

  background:var(--iceri-card);

  backdrop-filter:blur(12px);

  padding:55px;

  border-radius:28px;

  margin-bottom:32px;

  border:1px solid rgba(255,255,255,.6);

  box-shadow:var(--iceri-shadow);

  position:relative;

  overflow:hidden;
}

/* SOFT LIGHT EFFECT */

.iceri-section::before{
  content:"";

  position:absolute;
  top:-120px;
  right:-120px;

  width:260px;
  height:260px;

  background:
  radial-gradient(
  circle,
  rgba(77,163,255,.15) 0%,
  transparent 70%
  );

  pointer-events:none;
}

/* =========================
   HERO
========================= */

.iceri-hero{

  text-align:center;

  padding:100px 60px;

  background:
  linear-gradient(
  135deg,
  #071C33 0%,
  #0F2F57 45%,
  #1565D8 100%
  );

  color:#fff;

  border-radius:32px;

  position:relative;

  overflow:hidden;
}

/* HERO LIGHT */

.iceri-hero::before{
  content:"";

  position:absolute;
  inset:0;

  background:
  radial-gradient(
  circle at top right,
  rgba(255,255,255,.18),
  transparent 35%
  );

  pointer-events:none;
}

.iceri-main-title{
  font-size:68px;
  font-weight:900;
  line-height:1.1;
  color:#fff;
  margin-bottom:24px;
  letter-spacing:-2px;
}

.iceri-subtitle{
  max-width:850px;
  margin:auto;
  font-size:22px;
  color:rgba(255,255,255,.86);
}

/* =========================
   SECTION TITLE
========================= */

.iceri-section-title{
  font-size:34px;
  font-weight:800;
  color:var(--iceri-primary);
  margin-bottom:40px;
  letter-spacing:-1px;
}

.iceri-section-title::after{

  content:"";

  width:78px;
  height:5px;

  background:
  linear-gradient(
  90deg,
  #0F2F57,
  #4DA3FF
  );

  display:block;

  margin-top:14px;

  border-radius:999px;
}

/* =========================
   THEME BOX
========================= */

.iceri-theme-box{

  background:
  linear-gradient(
  135deg,
  #071C33 0%,
  #0F2F57 45%,
  #1565D8 100%
  );

  color:#fff;

  padding:75px 55px;

  border-radius:26px;

  text-align:center;

  font-size:38px;

  line-height:1.4;

  font-weight:800;

  box-shadow:
  0 20px 50px rgba(15,47,87,.25);

  position:relative;

  overflow:hidden;
}

/* THEME GLOW */

.iceri-theme-box::before{
  content:"";

  position:absolute;

  top:-80px;
  right:-80px;

  width:240px;
  height:240px;

  background:
  radial-gradient(
  circle,
  rgba(255,255,255,.18),
  transparent 70%
  );

  pointer-events:none;
}

/* =========================
   SUBTHEMES GRID
========================= */

.iceri-subtheme-grid{

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(260px,1fr));

  gap:32px;
}

.iceri-subtheme{

  border-left:5px solid #4DA3FF;

  padding-left:22px;
}

.iceri-subtheme h3{

  font-size:23px;

  color:var(--iceri-primary);

  margin-bottom:18px;

  line-height:1.3;
}

.iceri-subtheme ul{
  padding-left:20px;
}

.iceri-subtheme li{

  color:var(--iceri-muted);

  margin-bottom:12px;

  line-height:1.7;
}

/* =========================
   SCHEDULE SYSTEM
========================= */

.schedule-wrapper{
  max-width:1100px;
  margin:auto;
}

.day-title{

  background:
  linear-gradient(
  135deg,
  #071C33,
  #1565D8
  );

  color:#fff;

  padding:16px 22px;

  border-radius:14px;

  margin:34px 0 18px;

  font-weight:700;

  font-size:18px;

  box-shadow:
  0 10px 25px rgba(21,101,216,.18);
}

.card{

  display:flex;

  gap:20px;

  background:rgba(255,255,255,.94);

  padding:18px 20px;

  border-radius:18px;

  border:1px solid var(--iceri-border);

  box-shadow:
  0 6px 18px rgba(0,0,0,.04);

  margin-bottom:14px;

  transition:.3s ease;
}

.card:hover{
  transform:translateY(-3px);
}

.time{

  min-width:150px;

  color:#1565D8;

  font-weight:800;

  font-size:15px;
}

.event{

  flex:1;

  max-width:700px;

  line-height:1.5;
}

/* =========================
   OBJECTIVES PAGE
========================= */

.iceri-banner-image{

  width:100%;

  border-radius:24px;

  margin-bottom:30px;

  max-width:700px;

  height:auto;

  display:block;

  margin-left:auto;
  margin-right:auto;

  box-shadow:
  0 18px 40px rgba(0,0,0,.08);
}

.iceri-event-meta{
  text-align:center;
  margin-bottom:45px;
}

.iceri-event-date{

  font-size:34px;

  font-weight:800;

  color:var(--iceri-primary);
}

.iceri-event-location{

  font-size:19px;

  color:var(--iceri-muted);
}

.iceri-aim-box{

  background:
  linear-gradient(
  135deg,
  #071C33,
  #1565D8
  );

  color:#fff;

  padding:45px;

  border-radius:24px;

  box-shadow:
  0 20px 45px rgba(15,47,87,.18);
}

.iceri-objectives{

  display:grid;

  gap:22px;

  counter-reset:objective-counter;
}

.iceri-objective-card{

  position:relative;

  background:rgba(255,255,255,.95);

  padding:26px 28px 26px 86px;

  border-radius:18px;

  border:1px solid var(--iceri-border);

  box-shadow:
  0 6px 18px rgba(0,0,0,.04);
}

.iceri-objective-card::before{

  counter-increment:objective-counter;

  content:counter(objective-counter);

  position:absolute;

  left:24px;
  top:24px;

  width:42px;
  height:42px;

  border-radius:50%;

  background:
  linear-gradient(
  135deg,
  #0F2F57,
  #4DA3FF
  );

  color:#fff;

  display:flex;

  align-items:center;

  justify-content:center;

  font-weight:800;
}


.iceri-responsive-img{

  width:100%;

  max-width:250px;

  height:auto;

  display:block;

  margin:auto;

  border-radius:18px;

  transition:0.3s ease;
}

.iceri-responsive-img:hover{
  transform:translateY(-5px);
}






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

/* TABLET */

@media(max-width:768px){

  .iceri-wrapper{
    padding:20px 14px 60px;
  }

  .iceri-section{
    padding:32px 22px;
    border-radius:22px;
  }

  .iceri-hero{
    padding:70px 28px;
  }

  .iceri-main-title{
    font-size:44px;
  }

  .iceri-subtitle{
    font-size:18px;
  }

  .iceri-theme-box{
    font-size:26px;
    padding:42px 26px;
  }

  .card{
    flex-direction:column;
  }

  .time{
    min-width:auto;
  }

  .iceri-event-date{
    font-size:26px;
  }

  .iceri-aim-box{
    padding:30px;
  }

  .event{
    max-width:100%;
    font-size:15px;
  }
}

/* MOBILE */

@media(max-width:480px){

  .iceri-main-title{
    font-size:36px;
  }

  .iceri-subtitle{
    font-size:16px;
  }

  .iceri-section-title{
    font-size:26px;
  }

  .iceri-theme-box{
    font-size:22px;
    padding:34px 20px;
  }

  .event{
    max-width:100%;
    font-size:15px;
    line-height:1.5;
  }

  .iceri-objective-card{
    padding:22px 20px 22px 72px;
  }
}