.icc-leaderboard-card{ background:#fff; padding:20px; border-radius:16px; box-shadow:0 4px 16px rgba(0,0,0,.08); max-width:900px; margin:0 auto; } .icc-leaderboard-title { text-align: center; font-size: 1.8rem; font-weight: 700; color: #333; margin-bottom: 20px; }  .icc-row{display:grid; grid-template-columns:50px 1fr auto auto; gap:12px; align-items:center; padding:12px; border-radius:8px; margin-bottom:8px;} .icc-row-odd{background:#f7f8fa; color:#111;} .icc-row-even{background:#5b6e7f; color:#fff;} .icc-rank{font-weight:700;} .icc-name{font-size:16px; font-weight:500;} .icc-votes{font-weight:700; margin-right:14px;} .icc-link a{color:#ff7a00; text-decoration:none; font-weight:600;} .icc-link a:hover{text-decoration:underline;}  .icc-vote-btn{ background:#ff7a00; color:#fff; border:0; border-radius:8px; padding:10px 18px; cursor:pointer; font-weight:700; } .icc-vote-btn:hover{ background:#e66d00; } .icc-count{ margin-left:10px; font-weight:600; }  .icc-submit-form{max-width:640px; margin:0 auto; display:grid; gap:12px;} .icc-submit-form input, .icc-submit-form textarea, .icc-submit-form select{ width:100%; padding:10px; border:1px solid #dcdfe6; border-radius:8px; } .icc-submit-form button{ background:#0b6efd; color:#fff; border:0; border-radius:8px; padding:10px 16px; font-weight:700; cursor:pointer; } .icc-note{background:#fff3cd; color:#7a5c00; padding:12px 16px; border-radius:10px; margin:12px 0;} :root { --bdo-red: #e81a3b; --bdo-blue: #008fd2; --bdo-bg: #e7e7e7; --bdo-text: #333333; --bdo-slate: #5b6e7f; }  body { background-color: var(--bdo-bg); color: var(--bdo-text); font-family: "Inter", "Helvetica Neue", sans-serif; }  h1, h2, h3, .icc-leaderboard-title { color: var(--bdo-red); font-weight: 700; }  .icc-vote-btn, .icc-submit-form button { background: var(--bdo-red); color: #fff; border: none; border-radius: 8px; padding: 10px 18px; font-weight: 700; cursor: pointer; transition: background 0.2s ease-in-out; } .icc-vote-btn:hover, .icc-submit-form button:hover { background: #c91533; }  .icc-link a { color: var(--bdo-blue); text-decoration: none; font-weight: 600; } .icc-link a:hover { text-decoration: underline; }  .icc-row-even { background: var(--bdo-slate); color: #fff; } .icc-row-odd { background: #fff; color: var(--bdo-text); }  .icc-leaderboard-card { background: #fff; padding: 24px; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.1); max-width: 900px; margin: 0 auto; }  .icc-countdown { display: flex; justify-content: center; gap: 0.5rem; align-items: baseline; font-weight: 700; color: var(--bdo-slate); margin-bottom: 20px; }  .icc-success { background: #e6f7ec; color: #0f6b2a; border: 1px solid #bfe8cc; border-radius: 10px; padding: 12px 14px; margin: 0 0 16px 0; font-weight: 600; }  .icc-submit-form { background: #fff; border-radius: 16px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }  .icc-email-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 998; }  .icc-email-modal { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; z-index: 999; }  .icc-email-modal-content { background: #fff; border-radius: 16px; box-shadow: 0 8px 30px rgba(0,0,0,0.2); padding: 30px 28px; text-align: center; max-width: 380px; width: 90%; position: relative; z-index: 1000; }  .icc-email-modal-content h3 { color: #e81a3b; margin-bottom: 10px; font-weight: 700; }  #icc-email-input { width: 100%; padding: 10px 12px; border: 1px solid #ccc; border-radius: 8px; font-size: 16px; margin-top: 10px; margin-bottom: 16px; }  .icc-modal-buttons { display: flex; justify-content: center; gap: 10px; } #icc-email-submit { background: #e81a3b; color: #fff; border: none; border-radius: 8px; padding: 8px 18px; font-weight: 600; cursor: pointer; transition: 0.2s; } #icc-email-submit:hover { background: #c91533; } #icc-email-cancel { background: #5b6e7f; color: #fff; border: none; border-radius: 8px; padding: 8px 18px; cursor: pointer; transition: 0.2s; } #icc-email-cancel:hover { background: #465767; } .icc-email-msg { margin-top: 12px; font-size: 14px; }  .checkmark { width: 80px; height: 80px; border-radius: 50%; display: block; stroke-width: 2; stroke: #e81a3b; stroke-miterlimit: 10; margin: 20px auto; box-shadow: inset 0px 0px 0px #e81a3b; } .checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #e81a3b; fill: none; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; } .checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.6s forwards; } .checkmark.animate .checkmark__circle, .checkmark.animate .checkmark__check { animation-play-state: running; } @keyframes stroke { 100% { stroke-dashoffset: 0; } } .icc-thankyou h3 { color: #333333; font-weight: 700; margin-top: 10px; font-size: 18px; }  .icc-email-modal-content { position: relative; overflow: hidden; } .icc-thankyou { text-align: center; padding: 30px 20px; }