:root{
    --black:        #0a0708;
    --red:          #ae0001;
    --red-deep:     #7a0a1f;
    --red-bright:   #ae0001;
    --gold:         #d4af37;
    --gold-soft:    #f0d98c;
    --cream:        #fbf9f6;
    --muted:        #9c8b86;
  }
  ::selection{background:var(--gold); color:var(--black);}
  /* ---------- Background: velvet + spotlight rays ---------- */
  .stage{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
      radial-gradient(ellipse 60% 50% at 50% 0%, rgba(184,16,46,0.35), transparent 70%),
      radial-gradient(ellipse 80% 60% at 50% 100%, rgba(122,10,31,0.25), transparent 70%),
      linear-gradient(180deg, #0a0708 0%, #140d0e 60%, #0a0708 100%);
    padding:80px 20px;
  }
  .rays{ position:absolute; inset:0; overflow:hidden; pointer-events:none; }
  .ray{
    position:absolute; top:-20%; left:50%; width:2px; height:140%;
    background:linear-gradient(180deg, rgba(212,175,55,0.18), transparent 70%);
    transform-origin:top center; animation:swing 9s ease-in-out infinite;
  }
  .ray:nth-child(1){transform:translateX(-50%) rotate(-16deg); animation-delay:0s;}
  .ray:nth-child(2){transform:translateX(-50%) rotate(-6deg);  animation-delay:1.2s; opacity:.7;}
  .ray:nth-child(3){transform:translateX(-50%) rotate(4deg);   animation-delay:2.4s;}
  .ray:nth-child(4){transform:translateX(-50%) rotate(13deg);  animation-delay:0.6s; opacity:.6;}
  @keyframes swing{ 0%,100%{opacity:.15;} 50%{opacity:.5;} }

  .grain{
    position:absolute; inset:0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
    pointer-events:none; mix-blend-mode:overlay;
  }

  .eyebrow{
    letter-spacing:.35em; font-size:.72rem; font-weight:700;
    color:var(--gold); text-transform:uppercase;
  }
  .eyebrow::before{
    content:""; display:inline-block; width:34px; height:1px;
    background:var(--gold); margin-right:12px; vertical-align:middle;
  }

  .hero-title{
    font-size:clamp(2.4rem, 6vw, 4.6rem); font-weight:800; line-height:1.05; margin:18px 0 6px;
    background:linear-gradient(180deg, #ffffff 0%, var(--cream) 55%, var(--gold-soft) 100%);
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .hero-title em{ font-style:italic; color:var(--red-bright); -webkit-text-fill-color:var(--red-bright); }

  .hero-sub{ color:var(--muted); max-width:640px; margin:0 auto 40px; font-size:1.05rem; }
  .hero-sub strong{color:var(--cream); font-weight:600;}

  .nominate-wrap{ position:relative; display:inline-block; }
  .ring{
    position:absolute; inset:-14px; border:1px solid rgba(212,175,55,0.35);
    border-radius:60px; animation:pulseRing 2.6s ease-out infinite;
  }
  .ring.r2{animation-delay:.9s;}
  @keyframes pulseRing{ 0%{transform:scale(0.9); opacity:.9;} 80%{transform:scale(1.35); opacity:0;} 100%{opacity:0;} }

  .btn-nominate{
    position:relative; z-index:2; padding:10px 40px;
    font-weight:600; font-size:1.05rem;
    letter-spacing:.06em; text-transform:uppercase; color:#fff;
    background:linear-gradient(135deg, var(--red-bright), var(--red-deep) 80%);
    border:1px solid rgba(255,255,255,.12); border-radius:50px;
    box-shadow:0 10px 40px rgba(184,16,46,0.45), inset 0 1px 0 rgba(255,255,255,.15);
    transition:transform .35s cubic-bezier(.2,.9,.3,1.3), box-shadow .35s ease, background .35s ease;
    cursor:pointer;
  }
  .btn-nominate i{margin-right:12px; color:var(--gold-soft);}
  .btn-nominate:hover{
    transform:translateY(-4px) scale(1.035);
    box-shadow:0 16px 55px rgba(226,30,60,0.6), inset 0 1px 0 rgba(255,255,255,.2);
    background:linear-gradient(135deg, #ff2f4f, var(--red-bright) 80%); color:#fff;
  }
  .btn-nominate:active{transform:translateY(-1px) scale(.99);}

  .cycle-badge{
    display:inline-flex; align-items:center; gap:8px; margin-top:34px;
    font-size:.78rem; color:var(--muted); letter-spacing:.08em;
  }
  .cycle-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);}

  .category-strip{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-top:56px; }
  .chip{
    border:1px solid rgba(212,175,55,.25); background:rgba(255,255,255,.02);
    color:var(--muted); padding:8px 18px; border-radius:30px; font-size:.8rem; letter-spacing:.03em;
  }
  .chip i{color:var(--gold); margin-right:6px;}

  /* ================= MODALS ================= */
  body .modal-content{
    background:linear-gradient(180deg, #150f10 0%, #0a0708 100%) !important;
    border:1px solid rgba(212,175,55,.25); border-radius:18px; color:var(--cream);
    box-shadow:0 30px 90px rgba(0,0,0,.7);
  }
  .modal-header{ border-bottom:1px solid rgba(212,175,55,.18); padding:24px 30px; }
  .modal-header .modal-title{ font-weight:700; font-size:1.5rem; }
  .modal-body{padding:30px;}
  .btn-close{filter:invert(1) grayscale(1) brightness(1.8); opacity:.8;}

  /* Award selection cards */
  .award-card{
    position:relative; border:1px solid rgba(212,175,55,.2); background:rgba(255,255,255,.02);
    border-radius:14px; padding:15px 18px; height:100%; cursor:pointer;
    transition:transform .3s ease, border-color .3s ease, background .3s ease; overflow:hidden;
  }
  .award-card::before{
    content:""; position:absolute; inset:0;
    background:linear-gradient(135deg, rgba(184,16,46,.18), transparent 60%);
    opacity:0; transition:opacity .3s ease;
  }
  .award-card:hover{ transform:translateY(-6px); border-color:var(--gold); background:rgba(184,16,46,.08); }
  .award-card:hover::before{opacity:1;}
  .award-card .icon{
    width:52px; height:52px; display:flex; align-items:center; justify-content:center;
    border-radius:50%; background:linear-gradient(135deg, var(--red-bright), var(--red-deep));
    font-size:1.4rem; color:#fff; margin-bottom:16px; box-shadow:0 6px 20px rgba(184,16,46,.4);
  }
  .award-card h5{ font-weight:700; font-size:1.08rem; margin-bottom:0px; color:var(--cream); }
  .award-card p{display:none; font-size:.82rem; color:var(--muted); margin-bottom:0; }
  .award-card .go{ position:relative; z-index:1; margin-top:0px; font-size:.76rem; color:var(--gold); letter-spacing:.05em; font-weight:600; }
  .award-card .go i{transition:transform .3s ease;}
  .award-card:hover .go i{transform:translateX(5px);}

  /* Form styling */
  .section-block{
    border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:22px 22px 8px;
    margin-bottom:22px; background:rgba(255,255,255,.015); animation:fadeSlideUp .5s ease both;
  }
  .section-block h6.section-title{
    color:var(--gold-soft); font-weight:700; font-size:1rem;
    letter-spacing:.03em; margin-bottom:18px; display:flex; align-items:center; gap:10px;
  }
  .section-title .num{
    width:26px; height:26px; border-radius:50%; background:var(--red-deep); color:#fff;
    font-size:.75rem; display:inline-flex; align-items:center; justify-content:center; font-family:'Inter';
  }
.section-block .form-label {
    font-size: .78rem;
    color: var(--muted);
    font-weight: 600;
    text-transform: uppercase;
    line-height: 16px;
}
  .form-control, .form-select, textarea.form-control{
    background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.12); color:var(--cream);
    border-radius:8px; transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;
  }
  .form-control:focus, .form-select:focus{
    background:rgba(255,255,255,.05); border-color:var(--gold);
    box-shadow:0 0 0 .2rem rgba(212,175,55,.15); color:var(--cream);
  }
  .form-control::placeholder{color:#6b5f5a;}
  .word-limit{ font-size:.7rem; color:var(--muted); font-style:italic; float:right; }
  .form-check-input{ background-color:rgba(255,255,255,.05); border:1px solid rgba(212,175,55,.4); }
  .form-check-input:checked{background-color:var(--red-bright); border-color:var(--red-bright);}
  .form-check-label{font-size:.88rem; color:var(--cream);}
  .honor-row{animation:fadeSlideUp .35s ease both;}

  .btn-gold-outline{
    border:1px solid var(--gold); color:var(--gold-soft); background:transparent; border-radius:30px;
    font-size:.82rem; font-weight:600; padding:8px 20px; transition:all .25s ease;
  }
  .btn-gold-outline:hover{background:var(--gold); color:#1a1210;}

  .btn-submit-form{
    background:linear-gradient(135deg, var(--red-bright), var(--red-deep)); border:none; color:#fff;
    font-weight:700; letter-spacing:.04em; text-transform:uppercase; font-size:.85rem;
    padding:12px 34px; border-radius:30px; box-shadow:0 8px 26px rgba(184,16,46,.4);
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .btn-submit-form:hover{transform:translateY(-2px); box-shadow:0 12px 34px rgba(226,30,60,.55); color:#fff;}

  .btn-back{
    color:var(--muted); font-size:.85rem; background:transparent; border:none;
    display:inline-flex; align-items:center; gap:8px; transition:color .2s ease;
  }
  .btn-back:hover{color:var(--gold-soft);}

  @keyframes fadeSlideUp{ from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:translateY(0);} }
  @keyframes fadeIn{from{opacity:0;} to{opacity:1;}}
  .fade-in{animation:fadeIn .5s ease both;}

  .toast-success{
    position:fixed; top:26px; left:50%; transform:translateX(-50%);
    background:linear-gradient(135deg, #14261a, #0f1b13); border:1px solid #2f6b45; color:#c9f0d6;
    padding:14px 26px; border-radius:12px; z-index:3000; display:none;
    box-shadow:0 12px 40px rgba(0,0,0,.5); font-size:.9rem;
  }
  .toast-success.show{display:block; animation:fadeSlideUp .4s ease both;}

  @media (max-width:576px){
    .btn-nominate{padding:16px 34px; font-size:.92rem;}
    .modal-body{padding:20px;}
  }

  ::-webkit-scrollbar{width:8px;}
  ::-webkit-scrollbar-track{background:transparent;}
  ::-webkit-scrollbar-thumb{background:rgba(212,175,55,.35); border-radius:10px;}

   section.banner-two-area:before{
        display: none;
    }
    .grid-award .key-inner {
    height: auto;
}
    .mt90{
        margin-top: 90px;
    }
    /* ============================================================
       MOBILE & RESPONSIVE OVERRIDES
       ============================================================ */

    /* ── Smooth scroll globally ── */
    html { scroll-behavior: smooth; }

    /* ── Offset for fixed header ── */
    [id] { scroll-margin-top: 80px; }


    /* ── Mobile sidebar nav ── */
    .sidebar-area { z-index: 10000; }

    .iic-360 img {
    height: 50px;
    margin: 20px 0;
}
.header-two-area .header__main .main-menu ul li a:hover{
    color:#f9baba !important;
    
}
.git-grid-3{
    display: grid;
  grid-template-columns: repeat(2, auto); /* or a fixed width like repeat(2, 200px) */
  gap: 14px;
  justify-content: center;
}
.btn-one {
text-transform : none !important;
}
.innerrr {
    padding-top:170px;
    padding-bottom: 100px;
}
 .key-inner{
    clip-path: inherit;
}
.key-inner p {
    font-size: 16px;
    line-height: 23px;
}
.key-inner h4 {
    font-size: 18px;
}
.grid-award .key-inner {
    min-height: 150px;
}
a.btn-one.bg11.bggg1.mt-0 {
    background: #ae0001 !important;
    padding: 10px 50px;
}
a.btn-one.bg11.bggg1:after{
   display: none;
}
a.btn-one.bg11.bggg1:before{
   display: none;
}
.award-sect {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.circle-right {
    right: -6%;
    top: -50px;
}
.circle-shape {
    left: -25%;
    bottom: 0;
}
:root {
    --bg: #000000;
    --surface: #0a0a0a;
    --card: #0e0e0e;
    --border: rgba(255,255,255,0.10);
    --border-strong: rgba(255,255,255,0.18);
    --text: #f4f4f5;
    --muted: #a1a1aa;
    --faint: #71717a;
    --accent: #d4af37;
    --accent-soft: rgba(212,175,55,0.12);
    --red: #e11d2a;
    --red-soft: rgba(225,29,42,0.18);
  }

.awardimg img {
    width: 56%;
    margin-left: auto;
    margin-right: auto;
    display: table;
}
  /* Section heading with arrows */
  .section-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(0.75rem, 2vw, 1.25rem);
    margin: 0 auto clamp(1.75rem, 4vw, 2.75rem);
  }
  .section-head h2 {
    
    font-weight: 800;
    font-size: clamp(1.4rem, 4.5vw, 2.1rem);
    letter-spacing: -0.02em;
    white-space: nowrap;
  }
  .section-head .arrow {
    color: #ffffff;
    font-size: clamp(1.1rem, 3.5vw, 1.6rem);
    line-height: 1;
    user-select: none;
  }

  /* Blocks */
  .block { margin-bottom: clamp(3rem, 8vw, 5rem); }

  .sub-title {
    
    font-weight: 700;
    font-size: clamp(1.15rem, 3.5vw, 1.55rem);
    letter-spacing: -0.01em;
    margin-bottom: 1.1rem;
    position: relative;
    padding-bottom: 0.6rem;
  }


  /* Arrow list */
  .arrow-list { list-style: none; display: grid; gap: 0.7rem; }
  .arrow-list li {
    position: relative;
    padding-left: 1.9rem;
    color: #fff;
    font-size: clamp(0.92rem, 2.4vw, 1rem);
  }
  .arrow-list li::before {
    content: "→";
    position: absolute;
    left: 0; top: 0;
    color: #ffffff;
    font-weight: 700;
  }

  /* Jury grid */
  .jury-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(0.9rem, 2.5vw, 1.5rem);
  }
  .jury-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    transition: transform 0.35s cubic-bezier(.22,1,.36,1), border-color 0.35s ease, box-shadow 0.35s ease;
  }
  /* sweeping red glow line at top */
  .jury-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 3px;
    background: linear-gradient(90deg, transparent, var(--red), transparent);
    transform: translateX(-100%);
    transition: transform 0.6s ease;
    z-index: 2;
  }
  .jury-card:hover {
    transform: translateY(-8px) scale(1.015);
    border-color: var(--red);
    box-shadow: 0 18px 45px rgba(0,0,0,0.7), 0 0 22px var(--red-soft), 0 0 0 1px var(--red-soft);
    animation: redPulse 1.6s ease-in-out infinite;
  }
  .jury-card:hover::before {
    transform: translateX(100%);
  }
  .jury-card:hover .jury-photo {
    transform: scale(1.06);
  }
  .jury-card:hover .jury-info .org {
    color: var(--red);
  }
  @keyframes redPulse {
    0%, 100% { box-shadow: 0 18px 45px rgba(0,0,0,0.7), 0 0 22px var(--red-soft), 0 0 0 1px var(--red-soft); }
    50%      { box-shadow: 0 18px 45px rgba(0,0,0,0.7), 0 0 34px rgba(225,29,42,0.45), 0 0 0 1px rgba(225,29,42,0.4); }
  }
 .jury-photo {
    width: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--faint);
    font-size: clamp(2rem, 6vw, 3rem);
    font-weight: 700;
    transition: transform 0.4s cubic-bezier(.22, 1, .36, 1);
}
  .jury-info { padding: 0.9rem 1rem 1.1rem; text-align: center;}
.jury-info .name {
    font-weight: 700;
    font-size: clamp(0.95rem, 2.4vw, 1.2rem);
    margin-bottom: 0;
    color: #fff;
}
.jury-info .role {
    color: #fff;
    font-size: 16px;
}

  .jury-info .org {
    color: #fff;
    margin-top: -6px;
}

  /* Winning Benchmarks */
  .benchmark {
    text-align: center;
    
  }
  .benchmark .section-head { margin-bottom: 1.25rem; }
 .benchmark p {
    color: #fff;
    max-width: 90%;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 500;
}
section.benchmark {
    padding-bottom: 70px;
}
  /* Responsive breakpoints */
  @media (max-width: 760px) {
    .jury-grid { grid-template-columns: repeat(2, 1fr); }
.mt90 {
    margin-top: 20px !important;
}
    
  }
  @media (max-width: 400px) {
    .jury-grid { grid-template-columns: 1fr; }
  }

  /* Fade-in on load */
  .block, .benchmark { animation: rise 0.7s ease both; }
  .block:nth-child(2) { animation-delay: 0.1s; }
  @keyframes rise {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
  }