.letter-icon{align-items:center;background-color:#6c757d;border-radius:3px;color:#fff;cursor:default;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.75em;font-weight:700;height:1.5em;justify-content:center;line-height:1;margin-right:.5em;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease;user-select:none;vertical-align:middle;width:1.5em}.letter-icon.rounded{border-radius:50%}.letter-icon.square{border-radius:0}.letter-icon.pill{border-radius:1em}.letter-icon.sm{font-size:.65em;height:1.2em;width:1.2em}.letter-icon.lg{font-size:1em;height:2em;width:2em}.letter-icon.xl{font-size:1.2em;height:2.5em;width:2.5em}.letter-icon.primary{background-color:#0d6efd}.letter-icon.secondary{background-color:#6c757d}.letter-icon.success{background-color:#198754}.letter-icon.danger{background-color:#dc3545}.letter-icon.warning{background-color:#ffc107;color:#212529}.letter-icon.info{background-color:#0dcaf0;color:#212529}.letter-icon.light{background-color:#f8f9fa;border:1px solid #dee2e6;color:#212529}.letter-icon.dark{background-color:#212529}.letter-icon.flag-it{background:linear-gradient(90deg,#009246 33%,#fff 0,#fff 66%,#ce2b37 0);color:#212529}.letter-icon.flag-en{background:linear-gradient(135deg,#012169 25%,#fff 0,#fff 50%,#c8102e 0);color:#fff}.letter-icon.flag-fr{background:linear-gradient(90deg,#0055a4 33%,#fff 0,#fff 66%,#ef4135 0);color:#212529}.letter-icon.flag-de{background:linear-gradient(180deg,#000 33%,#d00 0,#d00 66%,#ffce00 0);color:#fff}.letter-icon.flag-es{background:linear-gradient(180deg,#aa151b 25%,#f1bf00 0,#f1bf00 75%,#aa151b 0);color:#212529}.letter-icon:hover{box-shadow:0 4px 8px rgba(0,0,0,.2);transform:scale(1.1)}.letter-icon.clickable{cursor:pointer}.letter-icon.clickable:hover{box-shadow:0 6px 12px rgba(0,0,0,.3);transform:scale(1.15)}.letter-icon.btn-style{border:2px solid transparent;box-shadow:0 2px 4px rgba(0,0,0,.1)}.letter-icon.btn-style:hover{border-color:hsla(0,0%,100%,.3);box-shadow:0 4px 8px rgba(0,0,0,.2)}.letter-icon.btn-style:active{transform:scale(.95)}.letter-icon.gradient{background:linear-gradient(135deg,#667eea,#764ba2)}.letter-icon.gradient.primary{background:linear-gradient(135deg,#0d6efd,#0a58ca)}.letter-icon.gradient.success{background:linear-gradient(135deg,#198754,#146c43)}.letter-icon.gradient.danger{background:linear-gradient(135deg,#dc3545,#b02a37)}.letter-icon.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.letter-icon.bounce{animation:bounce 1s infinite}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}.letter-icon.outline{background-color:transparent;border:2px solid #6c757d;color:#6c757d}.letter-icon.outline.primary{border-color:#0d6efd;color:#0d6efd}.letter-icon.outline.success{border-color:#198754;color:#198754}.letter-icon.outline.danger{border-color:#dc3545;color:#dc3545}.letter-icon.outline:hover{background-color:currentColor;color:#fff}.letter-icon.shadow{box-shadow:0 4px 8px rgba(0,0,0,.2)}.letter-icon.shadow-lg{box-shadow:0 8px 16px rgba(0,0,0,.3)}.letter-icon.neon{background-color:#000;border:1px solid #0f0;box-shadow:0 0 10px #0f0;color:#0f0;text-shadow:0 0 5px #0f0}.letter-icon.neon:hover{box-shadow:0 0 20px #0f0;text-shadow:0 0 10px #0f0}.demo-section{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.5rem;margin-bottom:3rem;padding:2rem}.demo-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.demo-item{background:#fff;border-radius:.375rem;text-align:center}.code-example,.demo-item{border:1px solid #dee2e6;padding:1rem}.code-example{background-color:#f8f9fa;border-radius:.375rem;font-family:Courier New,monospace;font-size:.9em;margin:1rem 0;overflow-x:auto}.comparison-table{margin:1rem 0;width:100%}.comparison-table td{padding:.5rem;vertical-align:middle}.language-row{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:.375rem;display:flex;margin:.25rem 0;padding:.5rem}.language-row .letter-icon{margin-right:1rem}