/* Custom SVG Icon System for Indic8 */

/* Base Icon Classes */
.icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  fill: currentColor;
  vertical-align: middle;
  flex-shrink: 0;
}

.icon-sm { width: 1rem; height: 1rem; }
.icon-md { width: 1.5rem; height: 1.5rem; }
.icon-lg { width: 2rem; height: 2rem; }
.icon-xl { width: 3rem; height: 3rem; }

/* Trading-Specific Icons */
.icon-chart-up::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 18L9 12L13 16L21 8' stroke='%2332CD32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 8L21 8L21 12' stroke='%2332CD32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon-chart-down::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 6L9 12L13 8L21 16' stroke='%23DC3545' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 16L21 16L21 12' stroke='%23DC3545' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon-candlestick::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='6' y='8' width='3' height='8' fill='%2332CD32'/%3E%3Cline x1='7.5' y1='4' x2='7.5' y2='8' stroke='%2332CD32' stroke-width='1'/%3E%3Cline x1='7.5' y1='16' x2='7.5' y2='20' stroke='%2332CD32' stroke-width='1'/%3E%3Crect x='15' y='6' width='3' height='12' fill='%23DC3545'/%3E%3Cline x1='16.5' y1='2' x2='16.5' y2='6' stroke='%23DC3545' stroke-width='1'/%3E%3Cline x1='16.5' y1='18' x2='16.5' y2='22' stroke='%23DC3545' stroke-width='1'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon-brain::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 12C9 13.657 10.343 15 12 15S15 13.657 15 12' stroke='%23B87333' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 3C8.686 3 6 5.686 6 9V12C6 13.5 6.5 14.5 7 15.5C7.5 16.5 8.5 17.5 10 18C11 18.5 12 19 12 20' stroke='%23B87333' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 3C15.314 3 18 5.686 18 9V12C18 13.5 17.5 14.5 17 15.5C16.5 16.5 15.5 17.5 14 18C13 18.5 12 19 12 20' stroke='%23B87333' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='9' r='1' fill='%23B87333'/%3E%3Ccircle cx='15' cy='9' r='1' fill='%23B87333'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon-rsi::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3' y='6' width='18' height='12' rx='2' stroke='%23B87333' stroke-width='2' fill='none'/%3E%3Cline x1='3' y1='12' x2='21' y2='12' stroke='%23B87333' stroke-width='1' opacity='0.5'/%3E%3Cline x1='3' y1='9' x2='21' y2='9' stroke='%23DC3545' stroke-width='1' opacity='0.7'/%3E%3Cline x1='3' y1='15' x2='21' y2='15' stroke='%2332CD32' stroke-width='1' opacity='0.7'/%3E%3Cpath d='M5 14L8 11L12 13L16 10L19 12' stroke='%23B87333' stroke-width='2' fill='none'/%3E%3Ctext x='2' y='8' font-size='3' fill='%23DC3545'%3E70%3C/text%3E%3Ctext x='2' y='17' font-size='3' fill='%2332CD32'%3E30%3C/text%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon-macd::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 12L6 9L9 15L12 8L15 13L18 6L21 11' stroke='%23B87333' stroke-width='2' fill='none'/%3E%3Cpath d='M3 14L6 11L9 17L12 10L15 15L18 8L21 13' stroke='%2332CD32' stroke-width='1.5' fill='none'/%3E%3Crect x='4' y='16' width='1' height='2' fill='%23DC3545'/%3E%3Crect x='6' y='15' width='1' height='3' fill='%2332CD32'/%3E%3Crect x='8' y='17' width='1' height='1' fill='%23DC3545'/%3E%3Crect x='10' y='14' width='1' height='4' fill='%2332CD32'/%3E%3Crect x='12' y='16' width='1' height='2' fill='%23DC3545'/%3E%3Crect x='14' y='15' width='1' height='3' fill='%2332CD32'/%3E%3Crect x='16' y='17' width='1' height='1' fill='%23DC3545'/%3E%3Crect x='18' y='14' width='1' height='4' fill='%2332CD32'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon-volume::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3' y='16' width='2' height='4' fill='%23B87333'/%3E%3Crect x='6' y='14' width='2' height='6' fill='%23B87333'/%3E%3Crect x='9' y='10' width='2' height='10' fill='%2332CD32'/%3E%3Crect x='12' y='8' width='2' height='12' fill='%2332CD32'/%3E%3Crect x='15' y='12' width='2' height='8' fill='%23B87333'/%3E%3Crect x='18' y='15' width='2' height='5' fill='%23B87333'/%3E%3Cpath d='M3 4L21 4' stroke='%236B7280' stroke-width='1' opacity='0.5'/%3E%3Ctext x='1' y='6' font-size='3' fill='%236B7280'%3EVol%3C/text%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon-learning::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2L22 7L12 12L2 7L12 2Z' stroke='%23B87333' stroke-width='2' fill='%23B87333' opacity='0.2'/%3E%3Cpath d='M2 17L12 22L22 17' stroke='%23B87333' stroke-width='2'/%3E%3Cpath d='M2 12L12 17L22 12' stroke='%23B87333' stroke-width='2'/%3E%3Ccircle cx='18' cy='5' r='2' fill='%2332CD32'/%3E%3Ctext x='17' y='6' font-size='2' fill='white'%3E✓%3C/text%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon-support::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2Z' fill='%23B87333'/%3E%3Cpath d='M21 9V7L15 6L12 15L9 6L3 7V9H5V20H7V9H9.2L12 18L14.8 9H17V20H19V9H21Z' fill='%23B87333'/%3E%3Ccircle cx='18' cy='6' r='3' stroke='%2332CD32' stroke-width='2' fill='none'/%3E%3Cpath d='M16.5 6L17.5 7L19.5 5' stroke='%2332CD32' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon-security::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2L22 7V13C22 19 18 21.5 12 22C6 21.5 2 19 2 13V7L12 2Z' stroke='%23B87333' stroke-width='2' fill='%23B87333' opacity='0.1'/%3E%3Cpath d='M9 12L11 14L15 10' stroke='%2332CD32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='1' fill='%23B87333'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon-analytics::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' stroke='%23B87333' stroke-width='2' fill='none'/%3E%3Cpath d='M8 14L12 10L16 14' stroke='%2332CD32' stroke-width='2' fill='none'/%3E%3Ccircle cx='8' cy='14' r='1' fill='%2332CD32'/%3E%3Ccircle cx='12' cy='10' r='1' fill='%2332CD32'/%3E%3Ccircle cx='16' cy='14' r='1' fill='%2332CD32'/%3E%3Cpath d='M7 7H17' stroke='%23B87333' stroke-width='1' opacity='0.5'/%3E%3Cpath d='M7 17H17' stroke='%23B87333' stroke-width='1' opacity='0.5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon-platform::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='2' y='4' width='20' height='14' rx='2' stroke='%23B87333' stroke-width='2' fill='none'/%3E%3Cpath d='M2 8H22' stroke='%23B87333' stroke-width='2'/%3E%3Ccircle cx='6' cy='6' r='1' fill='%23DC3545'/%3E%3Ccircle cx='8' cy='6' r='1' fill='%23F59E0B'/%3E%3Ccircle cx='10' cy='6' r='1' fill='%2332CD32'/%3E%3Cpath d='M6 12L10 15L18 10' stroke='%2332CD32' stroke-width='2' fill='none'/%3E%3Crect x='6' y='20' width='12' height='2' rx='1' fill='%23B87333'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon-community::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='9' cy='7' r='4' stroke='%23B87333' stroke-width='2' fill='%23B87333' opacity='0.2'/%3E%3Cpath d='M3 21V19C3 16.79 4.79 15 7 15H11C13.21 15 15 16.79 15 19V21' stroke='%23B87333' stroke-width='2'/%3E%3Ccircle cx='16' cy='7' r='3' stroke='%2332CD32' stroke-width='2' fill='%2332CD32' opacity='0.2'/%3E%3Cpath d='M21 21V19C21 17.9 20.1 17 19 17H17C16.45 17 15.95 17.22 15.59 17.59' stroke='%2332CD32' stroke-width='2'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon-ai::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23B87333' stroke-width='2' fill='%23B87333' opacity='0.1'/%3E%3Cpath d='M8 12H16' stroke='%23B87333' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 8V16' stroke='%23B87333' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='9' r='1' fill='%2332CD32'/%3E%3Ccircle cx='15' cy='9' r='1' fill='%2332CD32'/%3E%3Cpath d='M9 15S10.5 17 12 17S15 15 15 15' stroke='%23B87333' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 2L14 6L18 4L16 8' stroke='%2332CD32' stroke-width='1' opacity='0.7'/%3E%3Cpath d='M22 12L18 14L20 18L16 16' stroke='%2332CD32' stroke-width='1' opacity='0.7'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* Custom Logo Components */
.logo-icon-custom {
  display: inline-block;
  width: 2rem;
  height: 2rem;
}

.logo-icon-custom svg {
  width: 100%;
  height: 100%;
}

/* Enhanced chart icon for logo */
.chart-logo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='chartGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%2332CD32'/%3E%3Cstop offset='100%25' stop-color='%23B87333'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M4 24L12 16L18 20L28 8' stroke='url(%23chartGrad)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 14V8H22' stroke='url(%23chartGrad)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='16' r='2.5' fill='%2332CD32'/%3E%3Ccircle cx='18' cy='20' r='2.5' fill='%23B87333'/%3E%3Ccircle cx='28' cy='8' r='2.5' fill='%2332CD32'/%3E%3Cpath d='M2 28L30 28' stroke='%236B7280' stroke-width='1' opacity='0.3'/%3E%3Cpath d='M4 2L4 30' stroke='%236B7280' stroke-width='1' opacity='0.3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/* Interactive states */
.icon-interactive {
  transition: all 0.3s ease;
  cursor: pointer;
}

.icon-interactive:hover {
  transform: scale(1.1);
  opacity: 0.8;
}

/* Status indicators */
.icon-status-positive::after {
  content: '';
  position: absolute;
  top: -2px;
  right: -2px;
  width: 6px;
  height: 6px;
  background: #32CD32;
  border-radius: 50%;
  border: 1px solid white;
}

.icon-status-warning::after {
  content: '';
  position: absolute;
  top: -2px;
  right: -2px;
  width: 6px;
  height: 6px;
  background: #F59E0B;
  border-radius: 50%;
  border: 1px solid white;
}

.icon-status-negative::after {
  content: '';
  position: absolute;
  top: -2px;
  right: -2px;
  width: 6px;
  height: 6px;
  background: #DC3545;
  border-radius: 50%;
  border: 1px solid white;
}

/* Animation classes */
.icon-pulse {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* Additional UI icons */
.icon-rocket::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 2.5l.5 7-.5 7-2-1.5-2.5 2.5L3 15l2.5-2.5L3.5 10l2-1.5zm7 0l-.5 7 .5 7 2-1.5 2.5 2.5L23 15l-2.5-2.5L23.5 10l-2-1.5z' fill='currentColor'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-book::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 19.5C4 18.1193 5.11929 17 6.5 17H20V4H6.5C5.11929 4 4 5.11929 4 6.5V19.5ZM6.5 19.5C5.11929 19.5 4 18.3807 4 17' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9 9H16M9 13H16' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-target::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='currentColor' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='6' stroke='currentColor' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='2' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-clock::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='12 6V12L16 14' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-shield::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3L20 7V13C20 17.5 16.5 21.26 12 22C7.5 21.26 4 17.5 4 13V7L12 3Z' stroke='currentColor' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-lock::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='11' width='18' height='10' rx='2' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M7 11V7A5 5 0 0 1 17 7V11' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-ban::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M4.93 4.93L19.07 19.07' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-alert::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.29 3.86L1.82 18A2 2 0 0 0 3.64 21H20.36A2 2 0 0 0 22.18 18L13.71 3.86A2 2 0 0 0 10.29 3.86Z' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M12 9V13M12 17H12.01' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-check::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-x::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18M6 6L18 18' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-mail::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M22 6L12 13L2 6' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-building::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21H21M5 21V7L12 3L19 7V21M9 9H10M14 9H15M9 13H10M14 13H15M9 17H10M14 17H15' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

/* Platform-specific icons */
.icon-chart::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3V21H21M7 16L12 11L16 15L21 10' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-bitcoin::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M9 12L12 9L15 12L12 15L9 12ZM8 12H7M17 12H16M12 7V8M12 16V17' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-search::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='8' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='21 21L16.65 16.65' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-exchange::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3L21 8L16 13M21 8H7M8 21L3 16L8 11M3 16H17' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-globe::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M2 12H22M12 2A15.3 15.3 0 0 1 16 12A15.3 15.3 0 0 1 12 22A15.3 15.3 0 0 1 8 12A15.3 15.3 0 0 1 12 2Z' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

/* User avatars */
.icon-user::before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 21V19A4 4 0 0 0 16 15H8A4 4 0 0 0 4 19V21M16 7A4 4 0 1 1 8 7A4 4 0 0 1 16 7Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-user-suit::before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 21V19A4 4 0 0 0 16 15H8A4 4 0 0 0 4 19V21M16 7A4 4 0 1 1 8 7A4 4 0 0 1 16 7Z' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M8 15H16L14 13H10L8 15Z' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-user-laptop::before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 21V19A4 4 0 0 0 16 15H8A4 4 0 0 0 4 19V21M16 7A4 4 0 1 1 8 7A4 4 0 0 1 16 7Z' stroke='currentColor' stroke-width='2'/%3E%3Crect x='2' y='3' width='20' height='14' rx='2' stroke='currentColor' stroke-width='1'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

/* Trust indicators */
.icon-star::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z' stroke='currentColor' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-trophy::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9H4.5A2.5 2.5 0 0 1 2 6.5V6A2 2 0 0 1 4 4H6M18 9H19.5A2.5 2.5 0 0 0 22 6.5V6A2 2 0 0 0 20 4H18M6 9V20A2 2 0 0 0 8 22H16A2 2 0 0 0 18 20V9M6 9H18M12 22V18' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-users::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 21V19A4 4 0 0 0 13 15H5A4 4 0 0 0 1 19V21M23 21V19A4 4 0 0 0-3-4M16 3.13A4 4 0 0 1 0 8.37M13 7A4 4 0 1 1 5 7A4 4 0 0 1 13 7Z' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-bounce {
  animation: bounce 1s infinite;
}

/* Feature and UI icons */
.icon-brain::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5C13.66 5 15 6.34 15 8C15 9.66 13.66 11 12 11C10.34 11 9 9.66 9 8C9 6.34 10.34 5 12 5ZM12 2C15.31 2 18 4.69 18 8C18 11.5 15.5 14.26 12.4 14.9C12.27 14.93 12.14 14.96 12 14.96C11.86 14.96 11.73 14.93 11.6 14.9C8.5 14.26 6 11.5 6 8C6 4.69 8.69 2 12 2ZM12 16.5C15.18 16.5 18 19.32 18 22.5H6C6 19.32 8.82 16.5 12 16.5Z' fill='currentColor'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-chat::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 15A2 2 0 0 1 19 17H7L3 21V5A2 2 0 0 1 5 3H19A2 2 0 0 1 21 5Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-frustrated::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M8 15S9.5 17 12 17S16 15 16 15M9 9H9.01M15 9H15.01' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-confused::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M9.09 9A3 3 0 0 1 12 6A3 3 0 0 1 15 9C15 10.5 12 10.5 12 13M12 17H12.01' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-dizzy::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M8 14S9.5 17 12 17S16 14 16 14M8 9L10 11L8 13M16 9L14 11L16 13' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-dice::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' stroke='currentColor' stroke-width='2'/%3E%3Ccircle cx='8' cy='8' r='1' fill='currentColor'/%3E%3Ccircle cx='16' cy='8' r='1' fill='currentColor'/%3E%3Ccircle cx='12' cy='12' r='1' fill='currentColor'/%3E%3Ccircle cx='8' cy='16' r='1' fill='currentColor'/%3E%3Ccircle cx='16' cy='16' r='1' fill='currentColor'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-seedling::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C13.5 6 17 9.5 22 12C17 14.5 13.5 18 12 22C10.5 18 7 14.5 2 12C7 9.5 10.5 6 12 2Z' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M12 15C12 12 9 12 9 9' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-graduation::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 10V16L12 21L2 16V10L12 15L22 10ZM12 3L22 8L12 13L2 8L12 3Z' stroke='currentColor' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-money-lost::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M12 6V8M12 16V18M8.5 12A3.5 3.5 0 0 1 12 8.5A3.5 3.5 0 0 1 15.5 12A3.5 3.5 0 0 1 12 15.5' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M16 8L8 16' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.icon-mobile::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='2' width='14' height='20' rx='2' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M12 18H12.01' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-10px); }
  60% { transform: translateY(-5px); }
}

/* Trading platform specific icons */
.icon-tradingview { color: #2962FF; }
.icon-binance { color: #F3BA2F; }
.icon-coinbase { color: #0052FF; }
.icon-kraken { color: #5741D9; }

/* Color variations */
.icon-primary { color: var(--warm-copper); }
.icon-secondary { color: var(--soft-gray); }
.icon-success { color: var(--electric-lime); }
.icon-warning { color: #F59E0B; }
.icon-danger { color: #DC3545; }

/* Responsive sizing */
@media (max-width: 768px) {
  .icon-xl { width: 2.5rem; height: 2.5rem; }
  .icon-lg { width: 1.5rem; height: 1.5rem; }
}