.fio-hero-section {background: linear-gradient(135deg,#0d6efd 0%,#0b5ed7 100%);}
.fio-hero-section .card {border-radius: 1rem;overflow: hidden;}
.fio-hero-section .input-group-text {border-right: none;}
.fio-hero-section .form-control:focus {box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);}
.fio-hero-section .copy-part {transition: all .2s ease;}
@media (hover: hover) {.fio-hero-section .copy-part:hover {background-color: #0d6efd;color: white;}}
.fio-hero-section .example-fio {font-size: .875rem;transition: all .2s ease;}
@media (hover: hover) {.fio-hero-section .example-fio:hover {background-color: #0d6efd;color: white;border-color: #0d6efd;}}
.rules-section {background-color: #f8f9fa;}
.rules-section .table th {background-color: #e9ecef;font-weight: 600;}
.rules-section .table td {vertical-align: middle;}
.rules-section .table tr:hover {background-color: #f8f9fa;}
.faq-fio-section .accordion-button:not(.collapsed) {background-color: rgba(13,110,253,.1);color: #0d6efd;}
.faq-fio-section .accordion-button:focus {box-shadow: none;border-color: rgba(13,110,253,.25);}
@media (max-width: 767.98px) {.fio-hero-section h1 {font-size: 2rem;}
	.fio-hero-section .lead {font-size: 1rem;}
	.fio-hero-section .btn-lg {padding: .5rem 1rem;font-size: 1rem;}
	.fio-hero-section .copy-part {padding: .25rem .5rem;}
	.rules-section .table {font-size: .875rem;}}