.service-hero h1{background-color:#fff !important;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;line-height:1.25;letter-spacing:-0.02em} .accordion-button{color:rgba(255,255,255,0.6) !important} .accordion-body{background:#fff !important} .service-description{color:rgba(255,255,255,0.6) !important;font-size:1.7rem !important} .main-content,.service-hero{padding-top:100px !important} :root {--heading-font:'Roboto',Arial,sans-serif;--body-font:'Roboto',Arial,sans-serif;--primary-color:#553c9a;--primary-light:#7c3aed;--primary-dark:#3c1361;--secondary-color:#8b5cf6;--accent-color:#ed8936;--accent-light:#fbb040;--white:#ffffff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#8b5cf6;--gradient-primary:linear-gradient(135deg,#553c9a 0%,#7c3aed 100%);--gradient-secondary:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);--gradient-accent:linear-gradient(135deg,#ed8936 0%,#fbb040 100%);--gradient-light:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem} h5.modal-title{color:var(--gray-800) !important;background:var(--white);padding:0.5rem 1rem;border-radius:0.5rem;margin-bottom:1rem} .visually-hidden {position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important} .social-link:nth-child(2) {display:none !important} .social-link:nth-child(3) {display:none !important} body {background:var(--white) !important;color:var(--gray-800);min-height:100vh;overflow-x:hidden;font-family:var(--body-font);font-weight:400;line-height:1.6} h1,h2,h3,h4,h5,h6 {font-family:var(--heading-font);font-weight:600;line-height:1.3;letter-spacing:-0.01em;color:var(--primary-color);margin-bottom:var(--space-lg);margin-top:0} .horoscope-hero-content h1{background:linear-gradient(135deg,#ffd700 0%,#ffc107 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;line-height:1.25;letter-spacing:-0.02em} h1 {font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;background:#eb2f96;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;line-height:1.25;letter-spacing:-0.02em} h2 {font-size:clamp(1.35rem,3vw,1.75rem);font-weight:600;color:var(--secondary-color);line-height:1.3;letter-spacing:-0.015em} h3 {font-size:clamp(1.2rem,2.2vw,1.4rem);font-weight:600;color:var(--primary-color);line-height:1.35;letter-spacing:-0.01em} h4 {font-size:clamp(1.1rem,1.8vw,1.2rem);font-weight:600;color:var(--gray-700);line-height:1.4;letter-spacing:-0.005em} h5 {font-size:clamp(1rem,1.4vw,1.1rem);font-weight:500;color:var(--gray-600);line-height:1.45} h6 {font-size:clamp(0.875rem,1.2vw,0.95rem);font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.05em;line-height:1.5} p {font-size:clamp(0.95rem,1.5vw,1.05rem);color:var(--gray-600);line-height:1.65;margin-bottom:var(--space-md);font-family:var(--body-font)} .lead {font-size:clamp(1.1rem,2vw,1.2rem);font-weight:400;color:var(--gray-600);line-height:1.55;font-family:var(--body-font)} .small,small {font-size:clamp(0.85rem,1.3vw,0.9rem);line-height:1.5} .btn {font-size:clamp(0.9rem,1.5vw,1rem);font-weight:500;letter-spacing:0.025em} .ask-question-page h1,.marriage-prediction-page h1 {font-size:clamp(1.6rem,3.2vw,2.1rem) !important;font-weight:700 !important;line-height:1.25 !important;letter-spacing:-0.02em !important} .ask-question-page h2,.marriage-prediction-page h2 {font-size:clamp(1.35rem,2.8vw,1.7rem) !important;font-weight:600 !important;line-height:1.3 !important;letter-spacing:-0.015em !important} .ask-question-page h3,.marriage-prediction-page h3 {font-size:clamp(1.2rem,2.2vw,1.4rem) !important;font-weight:600 !important;line-height:1.35 !important} .ask-question-page h4,.marriage-prediction-page h4 {font-size:clamp(1.1rem,1.8vw,1.2rem) !important;font-weight:600 !important;line-height:1.4 !important} .ask-question-page h5,.marriage-prediction-page h5 {font-size:clamp(1rem,1.4vw,1.1rem) !important;font-weight:500 !important;line-height:1.45 !important} .ask-question-page h6,.marriage-prediction-page h6 {font-size:clamp(0.875rem,1.2vw,0.95rem) !important;font-weight:600 !important;line-height:1.5 !important} .ask-question-page .lead,.marriage-prediction-page .lead {font-size:clamp(1.05rem,1.8vw,1.15rem) !important;font-weight:400 !important;line-height:1.55 !important} .ask-question-page p,.marriage-prediction-page p {font-size:clamp(0.95rem,1.5vw,1.05rem) !important;line-height:1.65 !important} .score-indicator {font-size:clamp(2.5rem,4vw,3rem) !important;font-weight:bold !important} .process-number {font-size:clamp(1.2rem,2vw,1.5rem) !important;font-weight:bold !important} .page-link {color:var(--gray-800) !important;background-color:rgba(255,255,255,0.9) !important;border-color:rgba(139,92,246,0.3) !important} .page-link:hover {color:var(--primary-color) !important;background-color:rgba(255,215,0,0.1) !important;border-color:var(--primary-color) !important} .page-item.active .page-link {background-color:var(--gradient-primary) !important;border-color:var(--primary-color) !important;color:#333 !important} .page-item.disabled .page-link {color:var(--gray-500) !important;background-color:rgba(255,255,255,0.5) !important;border-color:rgba(139,92,246,0.2) !important} @media (max-width:768px) {.ask-question-page h1,.marriage-prediction-page h1 {font-size:clamp(1.4rem,4vw,1.8rem) !important} .ask-question-page h2,.marriage-prediction-page h2 {font-size:clamp(1.2rem,3.5vw,1.5rem) !important} .ask-question-page .lead,.marriage-prediction-page .lead {font-size:clamp(1rem,2.5vw,1.1rem) !important} .score-indicator {font-size:clamp(2rem,6vw,2.5rem) !important} .process-number {font-size:clamp(1rem,3vw,1.2rem) !important} } .card:not(.card-glass) {color:var(--gray-800) !important} .card:not(.card-glass) h1,.card:not(.card-glass) h2,.card:not(.card-glass) h3,.card:not(.card-glass) h4,.card:not(.card-glass) h5,.card:not(.card-glass) h6 {color:var(--primary-color) !important} .card:not(.card-glass) p {color:var(--gray-600) !important} .card:not(.card-glass) .text-center {color:inherit !important} .offerBanner{font-size:1.15rem;letter-spacing:0.5px;margin-top:82px !important} .card {background:var(--white) !important;border:1px solid var(--gray-200) !important;border-radius:var(--radius-xl) !important;box-shadow:var(--shadow-lg);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden;position:relative} .card::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#ffd700 0%,#ffc107 100%);opacity:0;transition:opacity 0.3s ease} .card:hover {transform:translateY(-4px);box-shadow:var(--shadow-2xl);border-color:var(--secondary-color) !important} .card:hover::before {opacity:1} .card-body {padding:var(--space-xl);color:var(--gray-800)} .card-body h1,.card-body h2,.card-body h3,.card-body h4,.card-body h5,.card-body h6 {color:var(--primary-color) !important} .card-body p {color:var(--gray-600) !important} .card-title {color:var(--primary-color) !important;font-weight:600;margin-bottom:var(--space-lg)} .card-text {color:var(--gray-600) !important;line-height:1.6} .card-glass {background:rgba(255,255,255,0.1) !important;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.2) !important;color:var(--white) !important} .card-glass .card-body {color:var(--white)} .card-glass .card-title {color:var(--white) !important} .card-glass .card-text {color:var(--gray-200)} .form-control,.form-select {background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-800);padding:var(--space-md) var(--space-lg);font-size:1rem;font-weight:500;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:var(--shadow-sm);background-repeat:no-repeat !important} .form-control:focus,.form-select:focus {background:var(--white);border-color:var(--secondary-color);color:var(--gray-800);box-shadow:0 0 0 3px rgba(139,92,246,0.1);outline:none;transform:translateY(-1px)} .form-control::placeholder {color:var(--gray-400);font-weight:400} .card-glass .form-control,.card-glass .form-select {background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.2);color:var(--white);backdrop-filter:blur(10px)} .card-glass .form-control:focus,.card-glass .form-select:focus {background:rgba(255,255,255,0.15);border-color:var(--accent-color);color:var(--white);box-shadow:0 0 0 3px rgba(139,92,246,0.2)} .card-glass .form-control::placeholder {color:rgba(255,255,255,0.6)} select option {color:#000 !important;background-color:#fff !important} .form-select option {color:#000 !important;background-color:#fff !important} select.form-control option {color:#000 !important;background-color:#fff !important} .feature-icon {font-size:2.5rem;margin-bottom:1rem;color:#8a2be2} .astrology-benefits {margin-top:3rem} .benefit-card {transition:transform 0.3s ease} .benefit-card:hover {transform:translateY(-5px)} .zodiac-signs {margin-top:3rem} .zodiac-card {text-align:center;padding:1rem} .zodiac-icon {font-size:2rem;margin-bottom:1rem} #faqAccordion {background:rgba(15,12,41,0.7);border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,0.18);border:1px solid rgba(255,255,255,0.08)} .accordion-item {background:transparent;border:none} .accordion-button {background:linear-gradient(90deg,#8a2be2 0%,#302b63 100%);color:#fff;font-weight:400;font-size:1.1rem;font-family:var(--heading-font);border-radius:12px 12px 0 0;border:none;box-shadow:none;transition:background 0.3s,color 0.3s} .accordion-button:not(.collapsed) {background:linear-gradient(90deg,#8b5cf6 0%,#8a2be2 100%);color:#ffffff;box-shadow:0 2px 8px rgba(255,215,0,0.08)} .accordion-button:focus {box-shadow:0 0 0 2px rgba(139,92,246,0.3);border-color:#8b5cf6} .accordion-body {background:rgba(48,43,99,0.85);border-radius:0 0 12px 12px;border-top:1px solid rgba(139,92,246,0.2);font-size:1.05rem;font-family:var(--body-font)} .accordion-button::after {filter:brightness(1.5) sepia(1) hue-rotate(40deg) saturate(2);color:#8b5cf6} .navbar {position:fixed;top:0;left:0;width:100%;background:var(--white);z-index:1000;padding:var(--space-lg) 0;box-shadow:var(--shadow-md);border-bottom:1px solid var(--gray-200);transition:all 0.3s ease} .navbar.scrolled {padding:var(--space-md) 0;background:var(--white);box-shadow:var(--shadow-lg)} .nav-container {max-width:1200px;margin:0 auto;padding:0 var(--space-xl);display:flex;justify-content:space-between;align-items:center} .navbar-brand {color:var(--primary-color) !important;font-size:1.5rem;font-weight:700;font-family:var(--heading-font);text-decoration:none;transition:all 0.3s ease;display:flex;align-items:center} .navbar-brand:hover {color:var(--secondary-color) !important} .navbar-brand img {transition:transform 0.3s ease;filter:none} .navbar-brand:hover img {transform:scale(1.05)} @keyframes logoGlow {0%,100% {filter:drop-shadow(0 0 8px rgba(139,92,246,0.3)) drop-shadow(0 0 4px rgba(138,43,226,0.2))} 50% {filter:drop-shadow(0 0 12px rgba(139,92,246,0.5)) drop-shadow(0 0 8px rgba(138,43,226,0.4))} } @keyframes eyePulse {0%,100% {transform:scale(1);filter:drop-shadow(0 0 8px rgba(139,92,246,0.3)) drop-shadow(0 0 4px rgba(138,43,226,0.2))} 50% {transform:scale(1.02);filter:drop-shadow(0 0 12px rgba(139,92,246,0.5)) drop-shadow(0 0 8px rgba(138,43,226,0.4))} } .nav-brand img {animation:eyePulse 4s ease-in-out infinite} .nav-brand a:hover {color:#8b5cf6} .nav-menu {display:flex;gap:2rem;align-items:center} .nav-link {color:var(--gray-700) !important;text-decoration:none;font-size:1rem;font-family:var(--body-font);font-weight:500;transition:all 0.3s ease;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);position:relative;display:flex !important;align-items:center;white-space:nowrap} .nav-link::after {content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(135deg,#ffd700 0%,#ffc107 100%);transition:all 0.3s ease;transform:translateX(-50%)} .nav-link:hover {color:var(--secondary-color) !important;background:rgba(66,153,225,0.1)} .nav-link:hover::after {width:80%} .nav-dropdown {position:relative} .nav-dropdown-btn {background:none;border:none;color:#fff;font-size:1rem;font-family:var(--body-font);cursor:pointer;padding:0.5rem 1rem;border-radius:4px;transition:all 0.3s ease;text-shadow:0 0 5px rgba(255,255,255,0.3)} .nav-dropdown-btn:hover {color:#8b5cf6;background:rgba(255,255,255,0.1);text-shadow:0 0 10px rgba(139,92,246,0.5)} .nav-dropdown-content {position:absolute;top:100%;right:0;background:rgba(0,0,0,0.95);min-width:200px;border-radius:4px;padding:0.5rem 0;display:none;box-shadow:0 4px 15px rgba(0,0,0,0.3);backdrop-filter:blur(50px)} .nav-dropdown:hover .nav-dropdown-content {display:block} .dropdown-menu {background:var(--white) !important;border:1px solid var(--gray-200) !important;border-radius:var(--radius-lg) !important;box-shadow:var(--shadow-xl) !important;backdrop-filter:blur(20px) !important;z-index:1050 !important;padding:var(--space-sm) 0 !important;margin-top:var(--space-sm) !important} .dropdown-menu.show {display:block !important;opacity:1 !important;visibility:visible !important;animation:dropdownFadeIn 0.2s ease-out} @keyframes dropdownFadeIn {from {opacity:0;transform:translateY(-10px)} to {opacity:1;transform:translateY(0)} } .dropdown-item {color:var(--gray-700) !important;padding:var(--space-sm) var(--space-lg) !important;text-decoration:none !important;transition:all 0.3s ease !important;font-weight:500;border-radius:var(--radius-md)} .dropdown-item:hover {background:linear-gradient(135deg,#ffd700 0%,#ffc107 100%) !important} .dropdown-toggle {display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important} .dropdown-toggle::after {display:inline-block !important;margin-left:auto !important;margin-right:0 !important;vertical-align:0.255em !important;content:"" !important;border-top:0.3em solid !important;border-right:0.3em solid transparent !important;border-bottom:0 !important;border-left:0.3em solid transparent !important;flex-shrink:0 !important} .nav-dropdown-content .nav-link {display:block;padding:0.5rem 1rem;white-space:nowrap} .main-content {position:relative;padding-top:20px} .legal-content {max-width:800px;margin:0 auto;padding:2rem;background:rgba(255,255,255,0.1);border-radius:8px;backdrop-filter:blur(50px)} .legal-content section {margin-bottom:2rem} .legal-content h2 {color:#8b5cf6;margin-bottom:1rem;font-size:1.5rem} .legal-content p {color:#fff;line-height:1.6;margin-bottom:1rem} .legal-content ul {color:#fff;padding-left:1.5rem;margin-bottom:1rem} .legal-content li {margin-bottom:0.5rem} .about-content {max-width:800px;margin:0 auto;padding:2rem;background:rgba(255,255,255,0.1);border-radius:8px;backdrop-filter:blur(50px)} .about-section {margin-bottom:2rem} .about-section h2 {color:#8b5cf6;margin-bottom:1rem;font-size:1.5rem} .about-section p {color:#fff;line-height:1.6;margin-bottom:1rem} .contact-content {display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem} .contact-info,.contact-form {background:rgba(255,255,255,0.1);padding:2rem;border-radius:8px;backdrop-filter:blur(50px)} .contact-details {margin:2rem 0} .contact-item {margin-bottom:1rem;color:var(--gray-800);background:var(--white);padding:1rem;border-radius:0.5rem;border:1px solid var(--gray-200)} .contact-item i {margin-right:1rem;color:#8b5cf6} .social-links {display:flex;gap:1rem;margin-top:2rem} .social-link {color:var(--primary-color);font-size:1.5rem;transition:color 0.3s ease;background:var(--white);padding:0.5rem;border-radius:0.5rem;border:1px solid var(--gray-200)} .social-link:hover {color:#8b5cf6} .form-group {margin-bottom:1.5rem} .form-group label {display:block;color:var(--gray-800);margin-bottom:0.5rem;font-family:var(--heading-font);font-weight:400;background:var(--white);padding:0.5rem;border-radius:0.25rem} .form-group input,.form-group textarea {width:100%;padding:0.8rem;border:1px solid var(--gray-300);border-radius:4px;background:var(--white);color:var(--gray-800)} .form-group input:focus,.form-group textarea:focus {outline:none;border-color:#8b5cf6} .btn {background:linear-gradient(135deg,#ffd700 0%,#ffc107 100%);color:var(--white);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;font-family:var(--body-font);font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:var(--shadow-md);position:relative;overflow:hidden} .btn::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s} .btn:hover {transform:translateY(-2px);box-shadow:var(--shadow-xl);background:linear-gradient(135deg,#ffc107 0%,#ff8c00 100%)} .btn:hover::before {left:100%} .btn:active {transform:translateY(0);box-shadow:var(--shadow-md)} .btn-primary {background:linear-gradient(135deg,#ffd700 0%,#ffc107 100%);color:var(--white)} .btn-primary:hover {background:linear-gradient(135deg,#ffc107 0%,#ff8c00 100%)} .btn-outline-primary {background:transparent;color:#ffd700;border:2px solid #ffd700;font-weight:600} .btn-outline-primary:hover {background:#ffd700;border-color:#ffd700} .btn-outline-purple {background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);font-weight:600;transition:all 0.3s ease} .btn-outline-purple:hover {background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)} .btn-outline-purple:focus {background:var(--primary-color);color:var(--white);border-color:var(--primary-color);box-shadow:0 0 0 0.2rem rgba(85,60,154,0.25)} .btn-outline-purple:active {background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(0)} .btn-lg {padding:var(--space-lg) var(--space-2xl);font-size:1.125rem;border-radius:var(--radius-xl)} .btn-sm {padding:var(--space-sm) var(--space-lg);font-size:0.875rem} .admin-form {max-width:500px;margin:0 auto;background:rgba(255,255,255,0.1);padding:2rem;border-radius:8px;backdrop-filter:blur(50px)} .admin-actions {margin-bottom:2rem;text-align:right} .questions-list {margin-top:2rem} .questions-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:1rem} .question-card {background:rgba(255,255,255,0.1);padding:1.5rem;border-radius:8px;backdrop-filter:blur(50px)} .question-card h3 {color:#8b5cf6;margin-bottom:1rem;font-family:var(--heading-font)} .question-card p {margin-bottom:0.5rem;font-family:var(--body-font)} .answer-form {margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.1)} .cta-button {display:inline-block;background:#8b5cf6;color:#000;padding:1rem 2rem;border-radius:4px;text-decoration:none;font-weight:bold;font-family:var(--body-font);margin-top:2rem;transition:all 0.3s ease} .cta-button:hover {background:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 15px rgba(139,92,246,0.3)} .navbar-toggler {background-color:#8b5cf6 !important} .container {max-width:1200px;margin:0 auto} .question-form {max-width:600px;margin:0 auto;background:rgba(255,255,255,0.1);padding:2rem;border-radius:8px;backdrop-filter:blur(50px)} body.thank-you-page {background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);color:#fff;min-height:100vh;overflow-x:hidden} .container.thank-you-page {padding-top:100px;position:relative;z-index:1} .card.thank-you-page {background:rgba(255,255,255,0.1) !important;backdrop-filter:blur(50px);border:1px solid rgba(255,255,255,0.2) !important;box-shadow:0 4px 15px rgba(0,0,0,0.2)} .thank-you-icon {font-size:4rem;margin-bottom:20px;color:#8a2be2} .question-reference {font-family:monospace;font-size:1.2rem;letter-spacing:1px;color:#8a2be2;background:rgba(0,0,0,0.3);padding:5px 10px;border-radius:4px;display:inline-block;margin:10px 0} .copy-btn {background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;padding:2px 8px;border-radius:4px;font-size:0.8rem;margin-left:10px;cursor:pointer;transition:all 0.2s ease} .copy-btn:hover {background:rgba(255,255,255,0.2)} .payment-details {padding:15px;border-radius:8px;margin:20px 0;text-align:left} .payment-details p {margin-bottom:8px} .payment-details p:last-child {margin-bottom:0} .card {margin:0 auto;padding:2rem;background:rgba(255,255,255,0.1);border-radius:8px;backdrop-filter:blur(50px) !important} #faqAccordionFooter {background:rgba(15,12,41,0.7);border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,0.18);border:1px solid rgba(255,255,255,0.08);margin-bottom:2rem} .accordion-item {background:transparent;border:none} .accordion-button {background:linear-gradient(90deg,#8a2be2 0%,#302b63 100%);color:#fff;font-weight:600;font-size:1.1rem;border-radius:12px 12px 0 0;border:none;box-shadow:none;transition:background 0.3s,color 0.3s} .accordion-button:not(.collapsed) {background:linear-gradient(90deg,#8b5cf6 0%,#8a2be2 100%);color:#302b63;box-shadow:0 2px 8px rgba(255,215,0,0.08)} .accordion-button:focus {box-shadow:0 0 0 2px #8b5cf644;border-color:#8b5cf6} .accordion-body {background:rgba(48,43,99,0.85);border-radius:0 0 12px 12px;border-top:1px solid #8b5cf633;font-size:1.05rem} .accordion-button::after {filter:brightness(1.5) sepia(1) hue-rotate(40deg) saturate(2);color:#8b5cf6} .astro-navbar-brand {font-size:1.5rem;letter-spacing:1px} .astro-footer-bg {background:linear-gradient(135deg,rgba(139,92,246,0.1) 0%,rgba(124,58,237,0.05) 100%);border-top:2px solid rgba(139,92,246,0.2);backdrop-filter:blur(20px)} .astro-footer-copyright {font-size:0.95em} .footer-main {padding:3rem 0 2rem 0;border-bottom:1px solid rgba(139,92,246,0.1)} .footer-brand {margin-bottom:1.5rem} .footer-brand-title {color:#553c9a;font-size:1.5rem;font-weight:700;margin-bottom:0.75rem} .footer-brand-desc {color:#64748b;font-size:0.95rem;line-height:1.6;margin-bottom:1rem} .footer-contact {color:#64748b;font-size:0.9rem} .footer-section-title {color:#553c9a;font-size:1.1rem;font-weight:600;margin-bottom:1rem;position:relative} .footer-section-title::after {content:'';position:absolute;bottom:-0.5rem;left:0;width:30px;height:2px;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border-radius:1px;margin:0 auto;right:0} .footer-links {list-style:none;padding:0;margin:0} .footer-links li {margin-bottom:0.5rem} .footer-link {color:#64748b;text-decoration:none;font-size:0.9rem;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:0.5rem} .footer-link:hover {color:#8b5cf6;transform:translateX(3px)} .footer-badge {background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white;font-size:0.7rem;padding:0.2rem 0.5rem;border-radius:8px;font-weight:500;margin-left:0.5rem} .footer-badge.free {background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)} .footer-social {display:flex;gap:0.75rem;margin-top:1rem;justify-content:center} .footer-social .social-link {width:40px;height:40px;border-radius:50%;background:rgba(139,92,246,0.1);border:1px solid rgba(139,92,246,0.2);display:flex;align-items:center;justify-content:center;color:#8b5cf6;text-decoration:none;transition:all 0.3s ease;font-size:1.1rem} .footer-social .social-link:hover {background:#8b5cf6;color:white;transform:translateY(-2px);box-shadow:0 4px 15px rgba(139,92,246,0.3)} .footer-bottom {padding:1.5rem 0;background:rgba(248,250,252,0.5);border-top:1px solid rgba(139,92,246,0.1)} .footer-legal {display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem} .footer-legal-label {color:#64748b;font-weight:600;font-size:0.9rem} .footer-legal-link {color:#8b5cf6;text-decoration:none;font-size:0.85rem;transition:all 0.3s ease;padding:0.2rem 0.5rem;border-radius:4px} .footer-legal-link:hover {background:rgba(139,92,246,0.1);color:#7c3aed} .footer-copyright {color:#64748b;font-size:0.9rem} @media (max-width:768px) {.footer-main {padding:2rem 0 1.5rem 0} .footer-brand-title {font-size:1.3rem} .footer-section-title {font-size:1rem;margin-top:1.5rem} .footer-social {justify-content:center;margin-top:1.5rem} .footer-bottom {text-align:center} .footer-legal {justify-content:center;margin-bottom:1rem} } @media (max-width:576px) {.footer-main {padding:1.5rem 0 1rem 0} .footer-brand-desc {font-size:0.9rem} .footer-link {font-size:0.85rem} .footer-social .social-link {width:35px;height:35px;font-size:1rem} } .astro-glass-card {background:rgba(255,255,255,0.08);backdrop-filter:blur(8px);border-radius:18px;border:1px solid rgba(255,255,255,0.15);box-shadow:0 4px 24px rgba(0,0,0,0.12)} .astro-gold-heading {color:#8b5cf6} .astro-payment-alert {font-size:1.1rem} .astro-payment-alert-lg {font-size:1.3rem} .astro-payment-strike {text-decoration:line-through;color:#aaa;font-size:1.2rem} .astro-payment-amount {color:#28a745;font-size:1.7rem} .astro-payment-offer {color:#28a745;font-size:1.5rem} .astro-payment-btn {font-size:1.3rem} .astro-payment-logo-lg {height:40px;margin-bottom:10px} .astro-payment-logo-sm {height:24px;vertical-align:middle;margin-right:10px} .astro-payment-check {color:#28a745} .astro-payment-info {max-width:600px;margin:auto} .astro-gender-icon {font-size:1.2em;vertical-align:middle} .astro-admin-answer-form {display:block !important} .success-message {display:none} .contact-form {border:1px solid rgba(255,255,255,0.2);box-shadow:0 4px 15px rgba(0,0,0,0.2)} .contact-form h2 {color:#8b5cf6;margin-bottom:1.5rem;text-align:center} .contact-form .form-group {margin-bottom:1.5rem} .contact-form .form-group label {display:block;margin-bottom:0.5rem;color:#8b5cf6;font-weight:500} .contact-form .form-group input,.contact-form .form-group textarea {width:100%;padding:12px;border:1px solid rgba(255,255,255,0.3);border-radius:8px;background:rgba(255,255,255,0.1);color:#fff;font-family:var(--body-font);transition:all 0.3s ease} .contact-form .form-group input:focus,.contact-form .form-group textarea:focus {outline:none;border-color:#8b5cf6;background:rgba(255,255,255,0.15);box-shadow:0 0 10px rgba(139,92,246,0.3)} .contact-form .form-group input::placeholder,.contact-form .form-group textarea::placeholder {color:rgba(255,255,255,0.6)} .contact-form .btn {width:100%;padding:12px;background:linear-gradient(135deg,#ffd700 0%,#ffc107 100%);color:#302b63;border:none;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px} .contact-form .btn:hover {background:linear-gradient(135deg,#ffc107 0%,#ff8c00 100%);transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,215,0,0.4)} .contact-form .btn:disabled {opacity:0.6;cursor:not-allowed;transform:none} .message {padding:15px 20px;border-radius:8px;margin:20px 0;font-weight:500;text-align:center;animation:slideIn 0.3s ease-out} .message.success {background:rgba(40,167,69,0.2);border:1px solid rgba(40,167,69,0.5);color:#28a745} .message.error {background:rgba(220,53,69,0.2);border:1px solid rgba(220,53,69,0.5);color:#dc3545} @keyframes slideIn {from {opacity:0;transform:translateY(-20px)} to {opacity:1;transform:translateY(0)} } @keyframes slideOut {from {opacity:1;transform:translateY(0)} to {opacity:0;transform:translateY(-20px)} } .astro-table {width:100%;background:rgba(255,255,255,0.13);border-radius:14px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,0.10);color:#fff;border-collapse:separate;border-spacing:0;margin-bottom:2rem} .astro-table th {background:#8a2be2;color:#fff;font-weight:600;text-align:center;padding:0.75em 0.5em;border-bottom:2px solid #8a2be2} .astro-table td {background:rgba(48,43,99,0.85);text-align:center;padding:0.65em 0.5em;border-bottom:1px solid rgba(255,255,255,0.08);font-size:1em;position:relative} .astro-table tr:last-child td {border-bottom:none} .astro-table tbody tr:hover {background:linear-gradient(90deg,#8a2be2 0%,#302b63 100%);color:#8b5cf6} .astro-table th:first-child,.astro-table td:first-child {border-left:none} .astro-table th,.astro-table td {border-right:none} .astro-table thead {border-radius:14px 14px 0 0} .astro-table tfoot {border-radius:0 0 14px 14px} .has-tooltip {position:relative;cursor:help} .has-tooltip:hover::after {content:attr(data-tooltip);position:absolute;left:50%;bottom:120%;transform:translateX(-50%);background:#302b63;color:#8b5cf6;padding:6px 12px;border-radius:6px;white-space:pre-line;font-size:0.95em;box-shadow:0 2px 8px rgba(0,0,0,0.18);z-index:10;opacity:1;pointer-events:none} .has-tooltip:hover::before {content:'';position:absolute;left:50%;bottom:110%;transform:translateX(-50%);border-width:6px;border-style:solid;border-color:#302b63 transparent transparent transparent;z-index:11} .about-content {max-width:1200px;margin:0 auto} .about-section {margin-bottom:3rem;padding:0 1rem} .about-section h2 {color:var(--primary-color);font-family:var(--heading-font);font-size:clamp(1.35rem,2.8vw,1.8rem);margin-bottom:1.5rem;border-bottom:2px solid var(--secondary-color);padding-bottom:0.5rem} .about-section h4 {color:var(--primary-dark);font-family:var(--heading-font);font-size:clamp(1.1rem,2.2vw,1.3rem);margin-bottom:1rem} .about-section h5 {color:var(--primary-color);font-family:var(--heading-font);font-size:clamp(1rem,1.8vw,1.15rem);margin-bottom:0.8rem} .about-section h6 {color:var(--gray-700);font-family:var(--heading-font);font-size:clamp(0.9rem,1.6vw,1.05rem);margin-bottom:0.5rem} .about-section p {color:var(--gray-700);font-family:var(--body-font);line-height:1.65;margin-bottom:1.2rem;font-size:clamp(0.95rem,1.8vw,1.05rem)} .about-section ul {color:var(--gray-700);padding-left:1.5rem;margin-bottom:1.2rem} .about-section li {margin-bottom:0.5rem;line-height:1.6;font-size:clamp(0.9rem,1.8vw,1rem)} .about-section .row {margin-bottom:2rem} .about-section .card {height:100%;padding:1.5rem;margin-bottom:1.5rem} .about-section .card-body {display:flex;flex-direction:column;height:100%} .about-section .text-center {text-align:center} .about-section .fa-3x {font-size:2.5rem !important;margin-bottom:1rem} .about-section .fa-2x {font-size:1.8rem !important;margin-bottom:0.8rem} .contact-hero {background:linear-gradient(135deg,rgba(139,92,246,0.1),rgba(124,58,237,0.05));border:1px solid rgba(139,92,246,0.2);border-radius:var(--radius-lg);padding:2rem;margin-bottom:3rem;text-align:center} .contact-hero h2 {color:var(--primary-color);font-family:var(--heading-font);margin-bottom:1rem} .contact-hero .lead {color:var(--gray-700);font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.6} .contact-options .card {height:100%;text-align:center;padding:1.5rem;border:1px solid var(--gray-200);transition:all 0.3s ease} .contact-options .card:hover {border-color:var(--secondary-color);box-shadow:var(--shadow-lg);transform:translateY(-3px)} .contact-options h5 {color:var(--primary-color);font-family:var(--heading-font);margin-bottom:0.8rem} .contact-options .small {color:var(--gray-600);line-height:1.5} .contact-details {margin:2rem 0} .contact-item {align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius-md);border-left:4px solid var(--secondary-color)} .contact-item i {font-size:1.3rem;color:var(--secondary-color);margin-top:0.2rem;min-width:20px} .contact-item span {color:var(--gray-700);font-size:clamp(0.95rem,2vw,1.1rem);line-height:1.5} .contact-item a {color:var(--primary-color);text-decoration:none;font-weight:600} .contact-item a:hover {color:var(--secondary-color);text-decoration:underline} .contact-item .text-muted {font-size:1.1rem;color:var(--gray-500) !important;margin-top:0.3rem} .contact-form .form-group {margin-bottom:1.8rem} .contact-form .form-group label {color:var(--gray-700);font-weight:600;margin-bottom:0.5rem;display:block;font-size:clamp(0.9rem,1.8vw,1rem)} .contact-form .form-control {width:100%;padding:0.8rem 1rem;border:2px solid var(--gray-300);border-radius:var(--radius-md);font-size:clamp(0.9rem,1.8vw,1rem);transition:all 0.3s ease;background:var(--white);color:var(--gray-700)} .contact-form .form-control:focus {outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(139,92,246,0.1)} .contact-form .form-control::placeholder {color:var(--gray-400);font-style:italic} .contact-form select.form-control {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem} .quick-actions {margin-top:2rem;padding-top:2rem;border-top:1px solid var(--gray-200)} .quick-actions h4 {color:var(--primary-color);font-family:var(--heading-font);margin-bottom:1rem;font-size:clamp(1.1rem,2.2vw,1.3rem)} .quick-actions .btn {margin-bottom:0.8rem;padding:0.8rem 1.2rem;font-weight:600;border-radius:var(--radius-md);transition:all 0.3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:0.5rem} .quick-actions .btn:hover {transform:translateY(-1px);box-shadow:var(--shadow-md)} @media (max-width:768px) {.about-section {padding:0 0.5rem;margin-bottom:2rem} .about-section .card {margin-bottom:1rem;padding:1rem} .contact-hero {padding:1.5rem;margin-bottom:2rem} .contact-item {padding:0.8rem;margin-bottom:1rem} .contact-content {gap:1rem} } .astro-services-section {margin:40px 0;padding:30px 20px;background:rgba(248,250,252,0.8);border-radius:15px;border:1px solid rgba(139,92,246,0.1)} .astro-services-section h3 {color:#553c9a;font-size:28px;font-weight:600;margin-bottom:25px;text-align:center} .astro-services-section h3 i {color:#8b5cf6;margin-right:8px;font-size:24px} .service-card {background:white;border-radius:12px;padding:20px;border:1px solid rgba(139,92,246,0.15);transition:all 0.3s ease;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;box-shadow:0 2px 8px rgba(0,0,0,0.05)} .service-card:hover {transform:translateY(-3px);border-color:#8b5cf6;box-shadow:0 8px 20px rgba(139,92,246,0.15)} .service-icon {width:50px;height:50px;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all 0.3s ease} .service-icon i {font-size:20px;color:white;transition:all 0.3s ease} .service-card:hover .service-icon {transform:scale(1.05);box-shadow:0 4px 15px rgba(139,92,246,0.3)} .service-title {color:#553c9a;font-size:16px !important;font-weight:600;margin:8px 0 4px 0;transition:all 0.3s ease} .service-card:hover .service-title {color:#8b5cf6} .service-price {color:#64748b;font-size:12px;font-weight:500;background:rgba(139,92,246,0.1);padding:2px 8px;border-radius:12px;display:inline-block} @media (max-width:768px) {.astro-services-section {padding:20px 15px;margin:30px 0} .astro-services-section h3 {font-size:24px} .astro-services-section h3 i {font-size:20px} .service-card {padding:15px;min-height:100px} .service-icon {width:45px;height:45px} .service-icon i {font-size:18px} .service-title {font-size:14px !important} .service-price {font-size:11px} } @media (max-width:480px) {.astro-services-section {padding:15px 10px;margin:20px 0} .astro-services-section h3 {font-size:20px} .service-card {padding:12px;min-height:90px} .service-icon {width:40px;height:40px} .service-icon i {font-size:16px} .service-title {font-size:13px !important} .service-price {font-size:10px} } @media (max-width:576px) {.about-section h2 {text-align:center} .contact-hero h2 {font-size:1.5rem} .contact-hero .lead {font-size:1rem} }