.bsi-hero-section {background: linear-gradient(135deg,#0d6efd 0%,#0b5ed7 100%);}
.bsi-hero-section .card {border-radius: 1rem;overflow: hidden;border: none;}
.bsi-hero-section .form-control:focus {box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);border-color: #86b7fe;}
.bsi-hero-section .form-control-lg {font-size: 1.1rem;padding: .75rem 1rem;line-height: 1.5;}
.bsi-hero-section textarea.form-control-lg {min-height: 160px;}
.bsi-hero-section .alert-info {background-color: rgba(13,110,253,.1);border-color: rgba(13,110,253,.2);color: #0d6efd;border-radius: .75rem;}
.bsi-hero-section .alert-info i {color: #0d6efd;}
.bsi-hero-section .bg-light {background-color: #f8f9fa !important;border-radius: .75rem;}
.bsi-hero-section .btn-outline-secondary {border-color: #dee2e6;}
@media (hover: hover) {.bsi-hero-section .btn-outline-secondary:hover {background-color: #0d6efd;border-color: #0d6efd;color: white;}}
@media (hover: hover) {.bsi-hero-section .btn-outline-primary:hover {background-color: #0d6efd;color: white;}}
.bsi-hero-section .example-bsi {font-size: .875rem;transition: all .2s ease;border-color: #dee2e6;}
@media (hover: hover) {.bsi-hero-section .example-bsi:hover {background-color: #0d6efd;color: white;border-color: #0d6efd;transform: translateY(-1px);}}
.bsi-hero-section .badge {font-size: .9rem;font-weight: 500;padding: .5rem 1rem;}
.bsi-hero-section .form-check-input:checked {background-color: #0d6efd;border-color: #0d6efd;}
.bsi-rules-section {background-color: #f8f9fa;}
.bsi-rules-section .table {margin-bottom: 0;font-size: .95rem;}
.bsi-rules-section .table th {background-color: #e9ecef;font-weight: 600;color: #1e293b;}
.bsi-rules-section .table td {vertical-align: middle;padding: .75rem;}
.bsi-rules-section .table td.text-success {color: #0d6efd !important;font-weight: 500;}
.bsi-rules-section .table td.text-muted {color: #6c757d !important;}
.bsi-rules-section .table tr:hover {background-color: #f1f5f9;}
.bsi-rules-section .alert-warning {background-color: #fff3cd;border-color: #ffecb5;color: #856404;border-radius: .5rem;}
.bsi-usage-section .card {transition: all .3s ease;border: none;border-radius: .75rem;overflow: hidden;}
@media (hover: hover) {.bsi-usage-section .card:hover {transform: translateY(-4px);box-shadow: 0 10px 25px rgba(0,0,0,.1) !important;}}
.bsi-usage-section .card .bg-opacity-10 {transition: all .3s ease;width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;border-radius: 1rem !important;}
@media (hover: hover) {.bsi-usage-section .card:hover .bg-opacity-10 {background-color: rgba(13,110,253,.2) !important;}}
.bsi-usage-section .card .card-title {font-size: 1.1rem;font-weight: 600;color: #1e293b;}
.bsi-usage-section .card .card-text {font-size: .9rem;line-height: 1.5;margin-bottom: 0;color: #4a5568;}
.diacritic {font-family: "Segoe UI","Arial Unicode MS","Lucida Sans Unicode",sans-serif;}
.diacritic-example {font-size: 1.2rem;font-weight: 500;color: #0d6efd;background-color: rgba(13,110,253,.1);padding: .2rem .5rem;border-radius: .25rem;display: inline-block;}
@media (max-width: 767.98px) {.bsi-hero-section h1 {font-size: 2rem;}
	.bsi-hero-section .lead {font-size: 1rem;}
	.bsi-hero-section .btn-lg {padding: .5rem 1rem;font-size: 1rem;}
	.bsi-hero-section .form-control-lg {font-size: 1rem;padding: .5rem .75rem;}
	.bsi-hero-section textarea.form-control-lg {min-height: 120px;}
	.bsi-hero-section .alert {font-size: .875rem;}
	.bsi-hero-section .alert i {font-size: 1.25rem !important;}
	.bsi-hero-section .bg-light {padding: 1rem !important;}
	.bsi-hero-section .example-bsi {font-size: .8rem;padding: .25rem .5rem;}
	.bsi-rules-section .table {font-size: .8rem;}
	.bsi-rules-section .table th, .bsi-rules-section .table td {padding: .4rem;}
	.bsi-usage-section .card .card-title {font-size: 1rem;}
	.bsi-usage-section .card .card-text {font-size: .85rem;}
	.bsi-usage-section .card .bg-opacity-10 {width: 48px;height: 48px;}
	.bsi-usage-section .card .bg-opacity-10 i {font-size: 1.25rem !important;}}
@keyframes slideInUp {from {opacity: 0;transform: translateY(30px);}
	to {opacity: 1;transform: translateY(0);}}
.bsi-hero-section .card {animation: slideInUp .5s ease-out;}
.bsi-rules-section, .bsi-usage-section, .bsi-faq-section {animation: slideInUp .6s ease-out;}
.highlight-char {background-color: #fff3cd;color: #856404;padding: .1rem .3rem;border-radius: .25rem;font-weight: 600;}