:root{--bg-main: #F5F5F5;--primary: #B2AC88;--secondary: #967BB6;--accent: #D4AF37;--text-dark: #2c3e50;--text-light: #fdfdfd;--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(255, 255, 255, .6);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07)}body{margin:0;font-family:Outfit,sans-serif;color:var(--text-dark);background-color:var(--bg-main);overflow-x:hidden}.background-blur{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:radial-gradient(circle at 15% 50%,rgba(178,172,136,.4),transparent 40%),radial-gradient(circle at 85% 30%,rgba(150,123,182,.4),transparent 40%),radial-gradient(circle at 50% 80%,rgba(212,175,55,.2),transparent 40%);filter:blur(60px)}.content-wrapper{max-width:1400px;margin:0 auto;padding:0 20px}h1,h2,h3,.logo span{font-family:Playfair Display,serif}.glass-header,.glass-container,.glass-panel,.glass-btn{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.sticky-header{position:sticky;top:20px;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:15px 30px;border-radius:20px;margin-top:20px}.logo{font-size:1.5rem;font-weight:700;color:var(--secondary);display:flex;align-items:center;gap:10px}.search-bar{display:flex;align-items:center;background:#ffffffb3;border-radius:20px;padding:8px 15px;width:30%;transition:all .3s ease}.search-bar:focus-within{box-shadow:0 0 10px #d4af374d;border:1px solid var(--accent)}.search-bar input{border:none;background:transparent;outline:none;margin-left:10px;width:100%;font-family:Outfit,sans-serif}.lang-btn{background:transparent;border:2px solid var(--primary);color:var(--text-dark);padding:5px 15px;border-radius:15px;cursor:pointer;font-weight:600;transition:all .3s ease}.lang-btn:hover{background:var(--primary);color:var(--text-light)}.main-grid{display:grid;grid-template-columns:1fr 350px;gap:30px;margin-top:40px;padding-bottom:100px}.main-content{border-radius:30px;padding:30px;min-height:80vh}.sidebar{display:flex;flex-direction:column;gap:30px}.tabs{display:flex;gap:20px;margin-bottom:30px;border-bottom:2px solid rgba(0,0,0,.05);padding-bottom:10px}.tab-btn{background:none;border:none;font-size:1.1rem;font-weight:600;color:#888;cursor:pointer;position:relative;padding-bottom:5px;transition:color .3s ease}.tab-btn.active{color:var(--secondary)}.tab-btn.active:after{content:"";position:absolute;bottom:-12px;left:0;width:100%;height:3px;background:var(--accent);border-radius:3px}.tab-content{display:none;animation:fadeIn .4s ease forwards}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.arcana-filters{display:flex;gap:15px;margin-bottom:20px}.filter-btn{padding:8px 20px;border-radius:20px;border:1px solid var(--primary);background:transparent;cursor:pointer;transition:all .3s}.filter-btn.active{background:var(--primary);color:#fff}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.tarot-card{aspect-ratio:1/1.6;background:linear-gradient(135deg,#fffc,#fff6);border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000000d;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--glass-border);position:relative;overflow:hidden}.tarot-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #967bb633;border-color:var(--accent)}.tarot-card img{width:90%;height:90%;object-fit:cover;border-radius:10px}.categories{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.category-btn{padding:20px;font-size:1.2rem;border-radius:15px;border:2px solid transparent;background:#fff9;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--secondary)}.category-btn i{font-size:2rem}.category-btn:hover,.category-btn.selected{border-color:var(--accent);background:#ffffffe6;transform:translateY(-5px);box-shadow:0 10px 20px #d4af3726}.shuffle-area{text-align:center;margin:40px 0}.primary-btn{padding:15px 40px;font-size:1.2rem;border-radius:30px;cursor:pointer;color:var(--text-dark);font-weight:600;transition:all .3s}.primary-btn:not(:disabled):hover{background:var(--accent);color:#fff}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.card-flip-container{perspective:1000px;width:250px;height:400px;margin:0 auto}.card-flipper{width:100%;height:100%;position:relative;transition:transform .8s;transform-style:preserve-3d}.card-flipper.flipped{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:15px;box-shadow:0 10px 30px #0000001a}.card-back{background:linear-gradient(135deg,var(--secondary),var(--primary));background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.1) 10px,rgba(255,255,255,.1) 20px)}.card-front{background:#fff;transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}.drawn-card-result{display:grid;grid-template-columns:250px 1fr;gap:40px;align-items:center;margin-top:40px}.drawn-card-result.hidden{display:none}.interpretation{padding:30px;border-radius:20px}.ai-insight{margin-top:20px;padding-top:20px;border-top:1px dashed var(--glass-border);color:var(--secondary);font-style:italic}.widget{padding:25px;border-radius:25px;text-align:center}.daily-card-img{width:120px;height:190px;margin:15px auto;background:#ccc;border-radius:10px;background-size:cover;background-position:center}.daily-affirmation{font-style:italic;color:var(--secondary);font-weight:600;margin:15px 0}.share-btn{width:100%;padding:10px;border-radius:15px;cursor:pointer;font-weight:700;border:none;transition:all .3s ease}.share-btn:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.widget-yesno input{width:100%;padding:10px;border-radius:10px;border:1px solid var(--glass-border);background:#ffffff80;margin:15px 0;box-sizing:border-box;font-family:inherit}.widget-yesno button{width:100%;padding:10px;border-radius:10px;cursor:pointer;font-weight:600;border:none;transition:all .3s ease}.widget-yesno button:hover{background:var(--accent);color:#fff}#yes-no-result{margin-top:15px;font-size:1.2rem;font-weight:700;color:var(--secondary)}.hidden{display:none!important}.ad-banner{width:100%;height:90px;background:#0000000d;border:1px dashed #ccc;display:flex;align-items:center;justify-content:center;color:#999;margin-bottom:20px;border-radius:10px}.ad-sidebar{width:100%;height:600px;background:#0000000d;border:1px dashed #ccc;display:flex;align-items:center;justify-content:center;color:#999;border-radius:10px}.mobile-sticky-footer{display:none;position:fixed;bottom:0;left:0;width:100%;background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-top:1px solid var(--glass-border);text-align:center;padding:10px;z-index:1000}.shake{animation:shake .5s infinite}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@media (max-width: 900px){.main-grid{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap}.widget,.ad-sidebar{flex:1 1 300px}.mobile-sticky-footer{display:block}.drawn-card-result{grid-template-columns:1fr;justify-items:center;text-align:center}}
