/* ===== CSS ICON SYSTEM (mask-based, mono line icons - no emoji) ===== */
.i{display:inline-block;width:1em;height:1em;flex:0 0 auto;vertical-align:-.125em;
  background-color:currentColor;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-image:var(--ico);mask-image:var(--ico)}
.i.lg{width:1.4em;height:1.4em}
.i.xl{width:2em;height:2em}

.i-home{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V21h14V9.5'/%3E%3Cpath d='M9.5 21v-6h5v6'/%3E%3C/svg%3E")}
.i-grid{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.6'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.6'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.6'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.6'/%3E%3C/svg%3E")}
.i-box{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8.2 12 3.3 3 8.2v7.6L12 20.7l9-4.9z'/%3E%3Cpath d='M3 8.2 12 13l9-4.8'/%3E%3Cpath d='M12 13v7.7'/%3E%3C/svg%3E")}
.i-card{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2.6'/%3E%3Cpath d='M2.5 10h19'/%3E%3Cpath d='M6.5 15h4'/%3E%3C/svg%3E")}
.i-user{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.5 20c1.4-3.6 4.2-5.4 7.5-5.4S18.1 16.4 19.5 20'/%3E%3C/svg%3E")}
.i-users{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.5' cy='8.5' r='3.2'/%3E%3Cpath d='M3 19.5c1.2-3.2 3.6-4.8 6.5-4.8s5.3 1.6 6.5 4.8'/%3E%3Cpath d='M16.5 5.6a3.2 3.2 0 0 1 0 6'/%3E%3Cpath d='M18 14.9c2 .7 3.4 2.2 4.1 4.3'/%3E%3C/svg%3E")}
.i-lock{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10' width='15' height='10.5' rx='2.4'/%3E%3Cpath d='M8 10V7.4a4 4 0 0 1 8 0V10'/%3E%3Ccircle cx='12' cy='15.2' r='1.2'/%3E%3C/svg%3E")}
.i-key{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='14' r='4'/%3E%3Cpath d='M11 11.5 20 3'/%3E%3Cpath d='M17 6l2.5 2.5'/%3E%3Cpath d='M14.5 8.5 17 11'/%3E%3C/svg%3E")}
.i-mail{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.6' y='5' width='18.8' height='14' rx='2.4'/%3E%3Cpath d='m3.6 7 8.4 6 8.4-6'/%3E%3C/svg%3E")}
.i-headset{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Crect x='2.6' y='13.4' width='4.6' height='6.4' rx='2'/%3E%3Crect x='16.8' y='13.4' width='4.6' height='6.4' rx='2'/%3E%3Cpath d='M19 19.8c0 1.4-1.6 2.4-4 2.4'/%3E%3C/svg%3E")}
.i-gamepad{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.4' y='7' width='19.2' height='11' rx='4.4'/%3E%3Cpath d='M7.6 11v3.2'/%3E%3Cpath d='M6 12.6h3.2'/%3E%3Ccircle cx='16' cy='11.9' r='.9'/%3E%3Ccircle cx='18.4' cy='14.3' r='.9'/%3E%3C/svg%3E")}
.i-cart{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.5' cy='19.5' r='1.5'/%3E%3Ccircle cx='17.5' cy='19.5' r='1.5'/%3E%3Cpath d='M2.5 3.5h2.6l2.4 11.2h11l2-7.9H6.4'/%3E%3C/svg%3E")}
.i-bag{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.4 7.5h15.2l-1.1 12.2a1.6 1.6 0 0 1-1.6 1.4H7.1a1.6 1.6 0 0 1-1.6-1.4z'/%3E%3Cpath d='M8.6 10V6.6a3.4 3.4 0 0 1 6.8 0V10'/%3E%3C/svg%3E")}
.i-shield{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 4.8 5.8v5.6c0 4.4 3 8.1 7.2 9.8 4.2-1.7 7.2-5.4 7.2-9.8V5.8z'/%3E%3C/svg%3E")}
.i-shield-check{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 4.8 5.8v5.6c0 4.4 3 8.1 7.2 9.8 4.2-1.7 7.2-5.4 7.2-9.8V5.8z'/%3E%3Cpath d='m8.8 11.8 2.3 2.3 4.2-4.4'/%3E%3C/svg%3E")}
.i-bolt{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.4 2.5 4.8 13.6h6L10.6 21.5l8.6-11.1h-6z'/%3E%3C/svg%3E")}
.i-fire{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.6c3.2 3 4.8 5.6 4.8 7.8 0 1.3-.5 2.4-1.4 3.2.3-2-1-3.8-2.6-4.9.3 3-1.6 4.2-2.8 5.5-1 1-1.6 2.1-1.6 3.4 0 2.2 1.9 4 5.6 4a6.4 6.4 0 0 0 6.4-6.4c0-5-4.6-8.6-8.4-12.6z'/%3E%3C/svg%3E")}
.i-search{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.6'/%3E%3Cpath d='m16 16 4.6 4.6'/%3E%3C/svg%3E")}
.i-download{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.4v11.4'/%3E%3Cpath d='m7.4 10.4 4.6 4.6 4.6-4.6'/%3E%3Cpath d='M4.4 19.6h15.2'/%3E%3C/svg%3E")}
.i-upload{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.4V9'/%3E%3Cpath d='m7.4 13.4 4.6-4.6 4.6 4.6'/%3E%3Cpath d='M4.4 4.4h15.2'/%3E%3C/svg%3E")}
.i-save{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.4 5.6a1.2 1.2 0 0 1 1.2-1.2h10.2L19.6 8v10.4a1.2 1.2 0 0 1-1.2 1.2H5.6a1.2 1.2 0 0 1-1.2-1.2z'/%3E%3Cpath d='M8 4.4v4.8h6.4V4.4'/%3E%3Crect x='7.6' y='12.6' width='8.8' height='7'/%3E%3C/svg%3E")}
.i-plus{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}
.i-refresh{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.6-5.9'/%3E%3Cpath d='M20.4 4v4.4H16'/%3E%3C/svg%3E")}
.i-globe{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.8'/%3E%3Cpath d='M3.4 12h17.2'/%3E%3Cpath d='M12 3.2c2.4 2.5 3.6 5.4 3.6 8.8S14.4 19 12 20.8C9.6 19 8.4 16 8.4 12S9.6 5.7 12 3.2z'/%3E%3C/svg%3E")}
.i-palette{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2c-4.9 0-8.8 3.7-8.8 8.4 0 4.5 3.4 7.6 7.4 7.6 1.6 0 2.4-.9 2.4-2 0-1.4-1.2-1.7-1.2-2.9 0-.9.7-1.6 1.8-1.6h2c3 0 5.2-1.9 5.2-4.6 0-3-3.4-4.9-8.8-4.9z'/%3E%3Ccircle cx='7.6' cy='11' r='1'/%3E%3Ccircle cx='11' cy='7.8' r='1'/%3E%3Ccircle cx='15.4' cy='9' r='1'/%3E%3C/svg%3E")}
.i-megaphone{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.4v3.2a2 2 0 0 0 2 2h1.6l8.8 4.4V4L7.6 8.4H6a2 2 0 0 0-2 2z'/%3E%3Cpath d='M19.6 9.2a3.6 3.6 0 0 1 0 5.6'/%3E%3C/svg%3E")}
.i-bank{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.4 9.6 12 4.4l8.6 5.2'/%3E%3Cpath d='M5.6 10.6v7.6'/%3E%3Cpath d='M10 10.6v7.6'/%3E%3Cpath d='M14 10.6v7.6'/%3E%3Cpath d='M18.4 10.6v7.6'/%3E%3Cpath d='M3.4 20.2h17.2'/%3E%3C/svg%3E")}
.i-wallet{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2.8'/%3E%3Cpath d='M3 10.4h11.6a2.6 2.6 0 0 1 0 5.2H3'/%3E%3Ccircle cx='17.4' cy='13' r='1'/%3E%3C/svg%3E")}
.i-receipt{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.4h12v18l-2.4-1.6-2.4 1.6-2.4-1.6-2.4 1.6L6 20.8z'/%3E%3Cpath d='M9.2 8.4h5.6'/%3E%3Cpath d='M9.2 12.4h5.6'/%3E%3C/svg%3E")}
.i-chart{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V4'/%3E%3Cpath d='M4 20h16'/%3E%3Crect x='7.4' y='12' width='2.8' height='5'/%3E%3Crect x='12.4' y='8.4' width='2.8' height='8.6'/%3E%3Crect x='17' y='5.6' width='2.8' height='11.4'/%3E%3C/svg%3E")}
.i-trending{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3.6 15.4 5-5.2 3.4 3.2 5.6-6'/%3E%3Cpath d='M14.6 7.2h3.4v3.4'/%3E%3Cpath d='M3.6 20.4h16.8'/%3E%3C/svg%3E")}
.i-money{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.6' y='6' width='18.8' height='12' rx='2.4'/%3E%3Ccircle cx='12' cy='12' r='2.8'/%3E%3Cpath d='M6 9.6v4.8'/%3E%3Cpath d='M18 9.6v4.8'/%3E%3C/svg%3E")}
.i-settings{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Cpath d='M19.6 14.2a1.6 1.6 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.6 1.6 0 0 0-2.7 1.1v.3a2 2 0 1 1-4 0v-.2a1.6 1.6 0 0 0-2.8-1.1l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1A1.6 1.6 0 0 0 3.7 13H3.4a2 2 0 0 1 0-4h.2a1.6 1.6 0 0 0 1.1-2.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1A1.6 1.6 0 0 0 10 3.6v-.2a2 2 0 1 1 4 0v.2a1.6 1.6 0 0 0 2.7 1.1l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.6 1.6 0 0 0 1.1 2.7h.3a2 2 0 1 1 0 4h-.2a1.6 1.6 0 0 0-1.1 1.1z'/%3E%3C/svg%3E")}
.i-signal{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20v-4'/%3E%3Cpath d='M9 20v-8'/%3E%3Cpath d='M14 20V8'/%3E%3Cpath d='M19 20V4'/%3E%3C/svg%3E")}
.i-clock{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.8'/%3E%3Cpath d='M12 6.8V12l3.4 2'/%3E%3C/svg%3E")}
.i-calendar{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.4' y='5.2' width='17.2' height='15.4' rx='2.4'/%3E%3Cpath d='M3.4 10h17.2'/%3E%3Cpath d='M8.4 3.4v3.4'/%3E%3Cpath d='M15.6 3.4v3.4'/%3E%3C/svg%3E")}
.i-check{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.6 12.6 5 5L19.6 7'/%3E%3C/svg%3E")}
.i-check-circle{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.8'/%3E%3Cpath d='m8.2 12.2 2.6 2.6 5-5.4'/%3E%3C/svg%3E")}
.i-alert{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.4 2.8 19.6h18.4z'/%3E%3Cpath d='M12 9.6v4.2'/%3E%3Ccircle cx='12' cy='16.8' r='.9'/%3E%3C/svg%3E")}
.i-ban{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.8'/%3E%3Cpath d='m5.8 5.8 12.4 12.4'/%3E%3C/svg%3E")}
.i-chat{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 12.4c0 4-3.9 7.2-8.6 7.2-1 0-2-.1-2.9-.4l-5 1.6 1.7-4.4a6.7 6.7 0 0 1-2.4-4c0-4 3.8-7.2 8.6-7.2s8.6 3.2 8.6 7.2z'/%3E%3C/svg%3E")}
.i-eye{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.4 12S5.8 5.8 12 5.8 21.6 12 21.6 12 18.2 18.2 12 18.2 2.4 12 2.4 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
.i-copy{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8.4' y='8.4' width='12' height='12' rx='2.2'/%3E%3Cpath d='M15.6 5.6a2.2 2.2 0 0 0-2.2-2.2H5.6a2.2 2.2 0 0 0-2.2 2.2v7.8a2.2 2.2 0 0 0 2.2 2.2'/%3E%3C/svg%3E")}
.i-qr{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.4' y='3.4' width='6.6' height='6.6' rx='1.4'/%3E%3Crect x='14' y='3.4' width='6.6' height='6.6' rx='1.4'/%3E%3Crect x='3.4' y='14' width='6.6' height='6.6' rx='1.4'/%3E%3Cpath d='M14 14h3v3h-3z'/%3E%3Cpath d='M20.6 14v3'/%3E%3Cpath d='M17.6 20.6h3v-3'/%3E%3Cpath d='M14 20.6h.6'/%3E%3C/svg%3E")}
.i-arrow-right{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.6 12h14.2'/%3E%3Cpath d='m13.4 6.6 5.4 5.4-5.4 5.4'/%3E%3C/svg%3E")}
.i-star{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3.6 2.7 5.6 6.1.8-4.5 4.2 1.2 6-5.5-3-5.5 3 1.2-6L3.2 10l6.1-.8z'/%3E%3C/svg%3E")}
.i-sparkles{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3.4 1.9 4.9 4.9 1.9-4.9 1.9L12 17l-1.9-4.9-4.9-1.9 4.9-1.9z'/%3E%3Cpath d='M18.6 15.4l.8 2 2 .8-2 .8-.8 2-.8-2-2-.8 2-.8z'/%3E%3C/svg%3E")}
.i-database{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='7.6' ry='3'/%3E%3Cpath d='M4.4 6v12c0 1.7 3.4 3 7.6 3s7.6-1.3 7.6-3V6'/%3E%3Cpath d='M4.4 12c0 1.7 3.4 3 7.6 3s7.6-1.3 7.6-3'/%3E%3C/svg%3E")}
.i-code{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8.4 8.4-4 3.6 4 3.6'/%3E%3Cpath d='m15.6 8.4 4 3.6-4 3.6'/%3E%3Cpath d='m13.6 5-3.2 14'/%3E%3C/svg%3E")}
.i-tools{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14.6 6.6 2.8-2.8a4.4 4.4 0 0 1-5.7 5.7l-6.3 6.3a2.2 2.2 0 1 0 3.1 3.1l6.3-6.3a4.4 4.4 0 0 0 5.7-5.7l-2.8 2.8z'/%3E%3C/svg%3E")}
.i-recycle{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 8.4-2.6 4.4 3.4 2'/%3E%3Cpath d='M9.6 5.2 12 9.4'/%3E%3Cpath d='M19.6 13.2 17 8.8l-3.4 2'/%3E%3Cpath d='m14.8 19.6 2.6-4.4'/%3E%3Cpath d='M4.4 15.2 7 19.6h5'/%3E%3C/svg%3E")}
.i-scroll{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5.6A2.2 2.2 0 0 1 7.2 3.4h9.6A2.2 2.2 0 0 1 19 5.6v12.8a2.2 2.2 0 0 0 2.2 2.2H8.2A3.2 3.2 0 0 1 5 17.4z'/%3E%3Cpath d='M9 8h6'/%3E%3Cpath d='M9 12h6'/%3E%3C/svg%3E")}
.i-crown{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.4 7.4 6.8 13l5.2-7.4L17.2 13l3.4-5.6v10.6a1.6 1.6 0 0 1-1.6 1.6H5a1.6 1.6 0 0 1-1.6-1.6z'/%3E%3C/svg%3E")}
.i-id{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.6' y='5' width='18.8' height='14' rx='2.4'/%3E%3Ccircle cx='8.6' cy='11' r='2.2'/%3E%3Cpath d='M5 16.4c.7-1.6 2-2.4 3.6-2.4s2.9.8 3.6 2.4'/%3E%3Cpath d='M15 10h4'/%3E%3Cpath d='M15 14h4'/%3E%3C/svg%3E")}
.i-tag{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 11.4V4.8a1.2 1.2 0 0 1 1.2-1.2h6.6l9 9-7.8 7.8z'/%3E%3Ccircle cx='8' cy='8' r='1.4'/%3E%3C/svg%3E")}
.i-filter{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.4 5h17.2l-6.6 7.8v6.4l-4 1.8v-8.2z'/%3E%3C/svg%3E")}
.i-phone{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.4 16.6v2.6a1.8 1.8 0 0 1-2 1.8 17.6 17.6 0 0 1-15.4-15.4 1.8 1.8 0 0 1 1.8-2h2.6a1.8 1.8 0 0 1 1.8 1.6c.1 1 .4 2 .7 2.9a1.8 1.8 0 0 1-.4 1.9l-1.1 1.1a14.4 14.4 0 0 0 5.4 5.4l1.1-1.1a1.8 1.8 0 0 1 1.9-.4c.9.3 1.9.6 2.9.7a1.8 1.8 0 0 1 1.7 1.9z'/%3E%3C/svg%3E")}
.i-logout{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 20.4H6a2.2 2.2 0 0 1-2.2-2.2V5.8A2.2 2.2 0 0 1 6 3.6h3.6'/%3E%3Cpath d='m15.4 16.4 4.8-4.4-4.8-4.4'/%3E%3Cpath d='M20.2 12H9.4'/%3E%3C/svg%3E")}
.i-login{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.4 3.6H18a2.2 2.2 0 0 1 2.2 2.2v12.4a2.2 2.2 0 0 1-2.2 2.2h-3.6'/%3E%3Cpath d='m9 16.4-4.8-4.4L9 7.6'/%3E%3Cpath d='M4.2 12H15'/%3E%3C/svg%3E")}