.seo-hero-section {background: linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);}
.seo-hero-section .card {border-radius: 1rem;overflow: hidden;border: none;box-shadow: 0 10px 30px rgba(0,0,0,.1) !important;}
.seo-hero-section h1 {font-size: 2.5rem;}
@media (max-width: 767.98px) {.seo-hero-section h1 {font-size: 1.8rem;}}
.seo-hero-section .lead {font-size: 1.1rem;color: #4a5568;}
@media (max-width: 767.98px) {.seo-hero-section .lead {font-size: 1rem;}}
.seo-hero-section .form-control {border: 1px solid #dee2e6;font-size: .95rem;}
.seo-hero-section .form-control:focus {box-shadow: 0 0 0 .2rem rgba(13,110,253,.15);border-color: #86b7fe;}
.seo-hero-section textarea.form-control {resize: vertical;min-height: 80px;}
.seo-hero-section .btn-outline-secondary {border-color: #dee2e6;color: #4a5568;}
@media (hover: hover) {.seo-hero-section .btn-outline-secondary:hover {background-color: #0d6efd;border-color: #0d6efd;color: white;}}
.seo-hero-section .btn-outline-secondary.btn-sm {padding: .25rem .75rem;font-size: .85rem;}
@media (hover: hover) {.seo-hero-section .btn-outline-primary:hover {background-color: #0d6efd;color: white;}}
.seo-hero-section .position-relative .btn-sm {opacity: .7;transition: opacity .2s ease;padding: .2rem .4rem;font-size: .8rem;background-color: white;border-color: #dee2e6;}
@media (hover: hover) {.seo-hero-section .position-relative .btn-sm:hover {opacity: 1;background-color: #0d6efd;border-color: #0d6efd;color: white;}}
.seo-hero-section .example-seo {font-size: .8rem;padding: .15rem .5rem;border-radius: 20px;background-color: white;border-color: #dee2e6;color: #4a5568;transition: all .2s ease;}
@media (hover: hover) {.seo-hero-section .example-seo:hover {background-color: #0d6efd;border-color: #0d6efd;color: white;transform: translateY(-1px);}}
.seo-hero-section .alert-info {background-color: rgba(13,110,253,.08);border-color: rgba(13,110,253,.15);color: #0d6efd;border-radius: .5rem;}
.seo-hero-section .alert-info i {color: #0d6efd;}
.seo-hero-section .bg-light.rounded {background-color: #f8f9fa !important;border: 1px solid #e9ecef;}
.seo-hero-section .accordion-item {border: 1px solid #dee2e6;border-radius: .5rem !important;overflow: hidden;}
.seo-hero-section .accordion-item .accordion-button {padding: .6rem 1rem;background-color: #f8f9fa;font-size: .9rem;font-weight: 500;}
.seo-hero-section .accordion-item .accordion-button:not(.collapsed) {background-color: rgba(13,110,253,.05);color: #0d6efd;box-shadow: none;}
.seo-hero-section .accordion-item .accordion-button:focus {box-shadow: none;border-color: rgba(13,110,253,.25);}
.seo-hero-section .accordion-item .accordion-button::after {background-size: .9rem;}
.seo-hero-section .accordion-item .accordion-body {padding: 1rem;background-color: white;}
.seo-hero-section .btn-group-sm .btn-outline-secondary {padding: .25rem .5rem;font-size: .8rem;}
.seo-hero-section .form-check {margin-bottom: .25rem;}
.seo-hero-section .form-check .form-check-input {margin-top: .15rem;}
.seo-hero-section .form-check .form-check-input:checked {background-color: #0d6efd;border-color: #0d6efd;}
.seo-hero-section .form-check .form-check-label {font-size: .8rem;color: #4a5568;}
.seo-hero-section .text-muted.small {font-size: .75rem;color: #6c757d !important;}
.seo-rules-section {background-color: #f8f9fa;}
.seo-rules-section .card {border-radius: 1rem;border: none;box-shadow: 0 5px 15px rgba(0,0,0,.05) !important;}
.seo-rules-section .table {margin-bottom: 0;font-size: .9rem;}
.seo-rules-section .table th {background-color: #e9ecef;font-weight: 600;color: #1e293b;}
.seo-rules-section .table td {vertical-align: middle;}
.seo-rules-section .table tr:hover {background-color: #f1f5f9;}
#copyToast {position: fixed;top: 20px;right: 20px;z-index: 9999;min-width: 250px;border-radius: .5rem;box-shadow: 0 5px 15px rgba(0,0,0,.2);}
#copyToast .toast-body {display: flex;align-items: center;padding: .75rem 1rem;}
#copyToast .toast-body i {font-size: 1.1rem;}
#copyToast.bg-success {background-color: #198754 !important;}
#copyToast.bg-danger {background-color: #dc3545 !important;}
@keyframes fadeInUp {from {opacity: 0;transform: translateY(20px);}
	to {opacity: 1;transform: translateY(0);}}
.seo-hero-section .card {animation: fadeInUp .5s ease-out;}
@media (max-width: 767.98px) {.seo-hero-section h1 {font-size: 2rem;}
	.seo-hero-section .lead {font-size: 1rem;}
	.seo-hero-section .btn-group-sm .btn-outline-secondary {padding: .2rem .4rem;font-size: .75rem;}
	.seo-hero-section .example-seo {font-size: .7rem;padding: .1rem .4rem;}
	.seo-hero-section .form-check .form-check-label {font-size: .7rem;}
	.seo-hero-section .row.g-3 .col-md-6 {margin-bottom: .5rem;}
	.seo-rules-section .table {font-size: .8rem;}}