*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Playfair Display',serif;background:url('https://iili.io/F37LnFp.png') repeat;color:#f5f5f5;line-height:1.6;scroll-behavior:smooth}
.light-theme{background:#f5f5f5;color:#333}.light-theme .header,.light-theme .feature,.light-theme .step,.light-theme .card,.light-theme .testimonials,.light-theme .contact-form,.light-theme .cta-section{background:rgba(255,255,255,0.9);color:#333}.light-theme .header nav a,.light-theme .step h3,.light-theme .step p,.light-theme .card-content p{color:#333}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;letter-spacing:1px}
a{text-decoration:none;color:inherit}
.header{background:linear-gradient(135deg,rgba(20,20,40,0.9),rgba(50,50,80,0.9));backdrop-filter:blur(10px);padding:40px 20px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.5);border-bottom:2px solid #e74c3c}
.header nav ul{display:flex;justify-content:center;gap:35px;list-style:none;margin-top:25px;flex-wrap:wrap}
.header nav a{color:#f5f5f5;font-size:1.1rem;font-weight:700;padding:8px 15px;border-radius:5px;transition:background .3s,color .3s}
.header nav a:hover{background:#e74c3c;color:#fff}
.header h1{font-size:3.5rem;margin-bottom:15px;color:#e74c3c;text-shadow:2px 2px 4px rgba(0,0,0,0.4)}
.header p{font-size:1.3rem;color:#ddd;max-width:700px;margin:0 auto}
.container{max-width:1200px;margin:0 auto;padding:40px 20px}
section+section{margin-top:60px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}
.feature{background-color:rgba(20,20,20,0.85);border:1px solid #555;border-radius:12px;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}
.feature:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.3)}
.feature h3{color:#e74c3c;margin-bottom:10px;font-weight:700;font-size:1.2rem}
.feature p{color:#e0e0e0;font-size:1rem}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:40px}
.step{background:rgba(20,20,20,0.9);border:1px solid #555;border-radius:10px;padding:20px;text-align:center;backdrop-filter:blur(5px)}
.step i{font-size:2.2rem;color:#e74c3c;margin-bottom:12px}
.step h3{margin-bottom:10px;font-size:1.1rem;color:#f5f5f5}
.step p{color:#f5f5f5}
.tarot-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-top:50px}
.card{background:#1e1e1e;border:3px solid #e74c3c;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.4);transition:all .3s ease;opacity:0;transform:translateY(30px)}
.card.visible{opacity:1;transform:translateY(0)}
.card img{width:100%;height:250px;object-fit:contain;background:#2a2a2a;padding:10px;border-bottom:1px solid #555;transition:transform .3s ease}
.card:hover img{transform:scale(1.08)}
.card-content{padding:20px;text-align:center}
.card-content h4{margin:0 0 10px;color:#e74c3c;font-size:1.2rem}
.card-content p{font-size:1rem;color:#e0e0e0}
.testimonials{background:#222;padding:40px 20px;border-radius:12px}
.testimonial{max-width:700px;margin:0 auto 20px;text-align:center;font-style:italic;color:#e0e0e0;font-size:1.1rem;line-height:1.8}
.testimonial small{display:block;margin-top:15px;color:#bbb;font-size:.95rem;font-style:normal}
.cta-section{background:linear-gradient(120deg,#1a1a2a,#0f0f1f);text-align:center;padding:60px 20px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.5);animation:pulse 3s infinite}
.cta-button{background-color:transparent;color:#e74c3c;border:2px solid #e74c3c;padding:15px 35px;border-radius:50px;font-weight:700;font-size:1.1rem;display:inline-block;transition:all .3s ease;position:relative;overflow:hidden;text-shadow:0 0 1px #fff}
.cta-button::before{content:'';position:absolute;top:50%;left:50%;width:300%;height:300%;background:radial-gradient(circle at center,rgba(231,76,60,0.1) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);transition:transform .5s ease;border-radius:50%;z-index:0}
.cta-button span{position:relative;z-index:1}
.cta-button:hover::before{transform:translate(-50%,-50%) scale(1)}
.cta-button:hover{background-color:#e74c3c;color:#fff;box-shadow:0 0 15px rgba(231,76,60,0.5)}
footer{background:linear-gradient(180deg,#1a1a2a,#0f0f1f);color:#ddd;text-align:center;padding:30px 20px;margin-top:60px;border-top:1px solid #e74c3c}
footer p{margin:0 0 10px;font-size:1rem}
footer .social-links,.footer-nav{margin-top:15px}
footer .social-links a,footer .footer-nav a{color:#e74c3c;font-size:1.5rem;margin:0 10px;transition:color .3s ease}
footer .footer-nav a{font-size:1rem}
footer .social-links a:hover,footer .footer-nav a:hover{color:#fff}
.back-to-top{position:fixed;bottom:20px;right:20px;background:#e74c3c;color:#fff;padding:10px 15px;border-radius:50%;cursor:pointer;display:none}
.back-to-top.show{display:block}
.contact-form{background:#222;padding:30px;border-radius:12px;margin-top:40px}
.contact-form input,.contact-form textarea{width:100%;padding:10px;margin:10px 0;border:1px solid #555;border-radius:5px;background:#333;color:#fff}
.contact-form button{background:#e74c3c;border:none;padding:10px 20px;border-radius:5px;color:#fff;cursor:pointer}
.lang-switcher,.theme-switcher{position:absolute;top:20px;color:#e74c3c;cursor:pointer;font-size:1rem}
.lang-switcher{right:20px}
.theme-switcher{right:60px}
.faq-item,.guide-item{margin-bottom:20px}
.faq-item h3,.guide-item h3{font-size:1.2rem;color:#e74c3c}
.faq-item p,.guide-item p{color:#e0e0e0}
.social-share{margin-top:20px}
.social-share a{font-size:1.5rem;margin:0 10px;color:#e74c3c}
.guide-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}
@media (max-width:768px){.header nav ul{flex-direction:column;gap:15px}.header h1{font-size:2.8rem}.card img{height:200px}.cta-section h2{font-size:1.5rem}.testimonial{font-size:1rem}}