@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@700;800&display=swap');
#marketing-tarot{--mt-bg:#004226;--mt-bg-deep:#003520;--mt-bg-dark:#00341e;--mt-cream:#fffff4;--mt-cream-65:rgba(255,255,244,0.65);--mt-cream-35:rgba(255,255,244,0.35);--mt-cream-12:rgba(255,255,244,0.12);--mt-cream-06:rgba(255,255,244,0.06);--mt-cream-03:rgba(255,255,244,0.03);--mt-heading:#fbdca2;--mt-orange:#ed2f0a;--mt-orange-hover:#f04322;--mt-red:#ed2f0a;--mt-gold:#bfa37e;--mt-gold-dim:rgba(191,163,126,0.15);--mt-font:'Rewalt','DM Sans',system-ui,sans-serif;--mt-display:'Unbounded',system-ui,sans-serif;--mt-mono:'Unbounded',system-ui,sans-serif;position:relative;isolation:isolate;overflow:clip;min-height:400px;width:100%;background:var(--mt-bg);color:var(--mt-cream);padding:60px 24px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 5%,black 95%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 5%,black 95%,transparent 100%);}
#marketing-tarot::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 90% 55% at 50% -5%, rgba(0,80,40,0.5) 0%, transparent 65%),radial-gradient(ellipse 50% 40% at 5% 95%, rgba(49,216,168,0.06) 0%, transparent 55%),radial-gradient(ellipse 45% 35% at 95% 85%, rgba(237,47,10,0.04) 0%, transparent 55%);}
#marketing-tarot .mt-particles{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0.5;}
#marketing-tarot .mt-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.6);z-index:0;opacity:0;pointer-events:none;transition:opacity 0.5s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
#marketing-tarot .mt-overlay.mt-overlay-active{opacity:1;pointer-events:none;}
#marketing-tarot .mt-screen{position:absolute;width:100%;z-index:1;opacity:0;transform:translateY(12px);transition:opacity 0.4s ease,transform 0.4s ease;pointer-events:none;visibility:hidden;}
#marketing-tarot .mt-screen.mt-active{position:relative;visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;}
#marketing-tarot .mt-screen.mt-exit{visibility:visible;opacity:0;transform:translateY(-12px);pointer-events:none;}
#marketing-tarot .mt-back{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid var(--mt-cream-12);color:var(--mt-cream-65);font-family:var(--mt-mono);font-size:12px;letter-spacing:0.5px;text-transform:uppercase;padding:10px 20px;border-radius:4px;cursor:pointer;transition:all 0.25s;margin-bottom:40px;}
#marketing-tarot .mt-back:hover{border-color:var(--mt-cream-35);color:var(--mt-cream);}
#marketing-tarot .mt-back:focus-visible{outline:2px solid var(--mt-orange);outline-offset:2px;}
#marketing-tarot .mt-back svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;}
#marketing-tarot .mt-select-header{margin-bottom:36px;}
#marketing-tarot .mt-label{font-family:var(--mt-font);font-style:italic;font-size:16px;color:rgba(251,220,162,0.45);margin-bottom:12px;letter-spacing:0;}
#marketing-tarot .mt-title{font-family:var(--mt-display);font-size:clamp(28px,4.5vw,48px);font-weight:800;line-height:1.1;margin:0 0 20px;color:var(--mt-heading);letter-spacing:-0.02em;text-transform:lowercase;}
#marketing-tarot .mt-title--reading{font-size:clamp(20px,3vw,32px);}
#marketing-tarot .mt-subtitle{font-family:var(--mt-font);font-size:17px;color:var(--mt-cream-65);line-height:1.7;max-width:560px;}
#marketing-tarot .mt-spreads{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:32px;list-style:none;padding:0;align-items:stretch;}
#marketing-tarot .mt-spreads li{display:flex;}
#marketing-tarot .mt-spread-btn{position:relative;overflow:hidden;background:rgba(255,255,244,0.04);border:1px solid var(--mt-cream-12);border-radius:12px;padding:28px;text-align:left;cursor:pointer;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);color:var(--mt-cream);font-family:var(--mt-font);width:100%;display:flex;flex-direction:column;}
#marketing-tarot .mt-spread-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,244,0.04) 50%,transparent 65%);transform:translateX(-100%);transition:transform 0.6s ease;pointer-events:none;}
#marketing-tarot .mt-spread-btn:hover::after{transform:translateX(100%);}
#marketing-tarot .mt-spread-btn:hover{border-color:var(--mt-orange);background:rgba(237,47,10,0.06);transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,0.3),0 0 0 0 rgba(237,47,10,0);}
#marketing-tarot .mt-spread-btn:focus-visible{outline:2px solid var(--mt-orange);outline-offset:2px;}
#marketing-tarot .mt-spread-icon{font-size:32px;margin-bottom:16px;}
#marketing-tarot .mt-spread-name{font-family:var(--mt-display);font-size:18px;font-weight:700;margin-bottom:8px;letter-spacing:-0.02em;text-transform:lowercase;line-height:1.2;color:var(--mt-heading);}
#marketing-tarot .mt-spread-count{font-family:var(--mt-mono);font-size:10px;font-weight:700;letter-spacing:1px;color:var(--mt-orange);text-transform:uppercase;margin-bottom:12px;}
#marketing-tarot .mt-spread-desc{font-family:var(--mt-font);font-size:15px;color:var(--mt-cream-65);line-height:1.65;flex:1;}
#marketing-tarot .mt-reading-header{margin-bottom:8px;}
#marketing-tarot .mt-reading-hint{font-family:var(--mt-font);font-size:16px;color:var(--mt-cream-35);margin-bottom:0;}
#marketing-tarot .mt-formation{display:flex;justify-content:center;padding:40px 0 16px;overflow:visible;min-height:220px;}
#marketing-tarot .mt-f-row{display:flex;gap:16px;align-items:flex-start;justify-content:center;flex-wrap:wrap;}
#marketing-tarot .mt-f-cross{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(3,auto);gap:8px;justify-items:center;align-items:center;}
#marketing-tarot .mt-f-horseshoe{position:relative;width:min(640px,90vw);height:min(520px,80vw);}
#marketing-tarot .mt-f-celtic{position:relative;width:min(720px,95vw);height:min(560px,max(380px,75vw));}
#marketing-tarot .mt-abs{position:absolute;display:flex;flex-direction:column;align-items:center;}
#marketing-tarot .mt-guide{position:absolute;inset:0;pointer-events:none;opacity:0.04;}
#marketing-tarot .mt-card-slot{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;}
#marketing-tarot .mt-card-slot:focus-visible{outline:none;}
#marketing-tarot .mt-card-slot:focus-visible .mt-card-inner{box-shadow:0 0 0 3px var(--mt-orange);border-radius:10px;}
#marketing-tarot .mt-pos-label{font-family:var(--mt-mono);font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--mt-cream-35);text-align:center;line-height:1.3;min-height:14px;max-width:120px;margin-bottom:8px;transition:color 0.3s;}
#marketing-tarot .mt-pos-label.mt-pos-active{color:var(--mt-orange);}
#marketing-tarot .mt-card-flip{perspective:900px;}
#marketing-tarot .mt-card-slot:not([aria-pressed="true"]):hover .mt-card-inner:not(.mt-flipped){transform:translateY(-6px) scale(1.03);filter:drop-shadow(0 16px 32px rgba(0,0,0,0.4)) drop-shadow(0 0 14px rgba(191,163,126,0.15));}
#marketing-tarot .mt-card-inner{position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform 0.7s cubic-bezier(0.4,0,0.2,1),filter 0.3s ease;border-radius:8px;}
#marketing-tarot .mt-card-inner.mt-flipped{transform:rotateY(180deg);}
#marketing-tarot .mt-card-inner.mt-crossing{transform:rotateY(180deg) rotate3d(0,0,1,90deg);}
#marketing-tarot .mt-card-slot.mt-dealing{opacity:0;transform:scale(0.7) translateY(40px) rotate(-5deg);}
#marketing-tarot .mt-card-slot.mt-shuffling{opacity:0.6;transform:scale(0.85) translateY(20px) rotate(0deg);animation:mt-shuffle-jitter 0.12s ease-in-out infinite alternate;}
#marketing-tarot .mt-card-slot.mt-dealt{opacity:1;transform:scale(1) translateY(0) rotate(0);transition:opacity 0.5s cubic-bezier(0.25,0.46,0.45,0.94),transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);}
#marketing-tarot .mt-card-slot.mt-dimmed{opacity:0.4;transition:opacity 0.3s ease;}
#marketing-tarot .mt-card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
#marketing-tarot .mt-card-back{background:linear-gradient(145deg,#003d26,#002518);border:1px solid var(--mt-cream-12);}
#marketing-tarot .mt-card-back-pattern{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
#marketing-tarot .mt-card-back-star{font-size:24px;opacity:0.3;animation:mt-pulse 3s ease-in-out infinite;}
#marketing-tarot .mt-card-back-text{display:none;}
#marketing-tarot .mt-card-back-frame{position:absolute;inset:5px;border:1px solid rgba(191,163,126,0.25);border-radius:5px;pointer-events:none;}
#marketing-tarot .mt-card-back-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:8px;}
#marketing-tarot .mt-card-front{transform:rotateY(180deg);padding:8px 6px;border:1px solid var(--mt-cream-12);cursor:pointer;transition:border-color 0.3s,box-shadow 0.3s;}
#marketing-tarot .mt-card-front.mt-upright{background:linear-gradient(160deg,#003d26,#002518);}
#marketing-tarot .mt-card-front.mt-reversed{background:linear-gradient(160deg,#3a1a10,#301018);border-color:rgba(237,47,10,0.2);}
#marketing-tarot .mt-card-front.mt-selected{border-color:var(--mt-gold);box-shadow:0 0 20px rgba(191,163,126,0.15),0 0 60px rgba(191,163,126,0.05);}
#marketing-tarot .mt-card-front-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:7px;}
#marketing-tarot .mt-card-orig{font-family:var(--mt-mono);font-size:8px;font-weight:700;color:var(--mt-cream-35);letter-spacing:1px;margin-bottom:4px;z-index:1;}
#marketing-tarot .mt-card-sym{z-index:1;}
#marketing-tarot .mt-card-name{font-family:var(--mt-display);font-weight:700;letter-spacing:-0.02em;text-align:center;line-height:1.15;text-transform:lowercase;color:var(--mt-heading);z-index:1;}
#marketing-tarot .mt-card-divider{width:20px;height:1px;background:var(--mt-cream-35);margin:4px 0;z-index:1;}
#marketing-tarot .mt-card-tap{font-family:var(--mt-mono);font-size:7px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--mt-cream-35);opacity:0.6;z-index:1;}
#marketing-tarot .mt-rev-badge{position:absolute;top:8px;right:8px;font-family:var(--mt-mono);font-size:7px;font-weight:700;letter-spacing:1px;color:var(--mt-red);opacity:0.8;z-index:2;}
#marketing-tarot .mt-readings{display:flex;flex-direction:column;gap:16px;}
#marketing-tarot .mt-reading-card{background:rgba(255,255,244,0.04);border:1px solid var(--mt-cream-12);border-radius:12px;padding:32px;animation:mt-slide-up 0.4s ease both;}
#marketing-tarot .mt-r-quote{font-family:var(--mt-font);font-style:italic;font-size:17px;color:var(--mt-cream-65);line-height:1.7;margin-bottom:16px;padding-left:16px;border-left:2px solid var(--mt-orange);}
#marketing-tarot .mt-r-sym{font-size:40px;margin-bottom:12px;}
#marketing-tarot .mt-r-sym.mt-r-flipped{transform:rotate(180deg);display:inline-block;}
#marketing-tarot .mt-r-body{}
#marketing-tarot .mt-r-pos{font-family:var(--mt-mono);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--mt-orange);margin-bottom:6px;}
#marketing-tarot .mt-r-name{font-family:var(--mt-display);font-size:20px;font-weight:700;letter-spacing:-0.02em;text-transform:lowercase;margin-bottom:4px;color:var(--mt-heading);}
#marketing-tarot .mt-r-rev{display:inline-block;font-family:var(--mt-mono);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:3px;background:rgba(237,47,10,0.1);border:1px solid rgba(237,47,10,0.25);color:var(--mt-red);margin-left:10px;vertical-align:middle;}
#marketing-tarot .mt-r-orig{font-family:var(--mt-mono);font-size:11px;font-weight:700;color:var(--mt-cream-35);letter-spacing:1px;margin-bottom:12px;}
#marketing-tarot .mt-r-text{font-family:var(--mt-font);font-size:16px;line-height:1.8;color:var(--mt-cream-65);}
#marketing-tarot .mt-reading-inner{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;}
#marketing-tarot .mt-ee-readings .mt-reading-card{border-color:rgba(191,163,126,0.3);background:rgba(191,163,126,0.05);}
#marketing-tarot .mt-ee-label{font-family:var(--mt-mono);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(191,163,126,0.7);margin-bottom:6px;}
#marketing-tarot .mt-ee-cards{font-family:var(--mt-mono);font-size:10px;font-weight:700;color:var(--mt-cream-35);letter-spacing:1px;margin-bottom:8px;}
#marketing-tarot .mt-ee-title{font-family:var(--mt-display);font-size:18px;font-weight:700;letter-spacing:-0.02em;text-transform:lowercase;margin-bottom:12px;color:var(--mt-heading);}
#marketing-tarot .mt-ee-text{font-family:var(--mt-font);font-size:16px;line-height:1.8;color:var(--mt-cream-65);}
#marketing-tarot .mt-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px;padding-top:32px;border-top:1px solid var(--mt-cream-12);}
#marketing-tarot .mt-btn{padding:12px 28px;border-radius:6px;border:none;font-family:var(--mt-mono);font-size:12px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;cursor:pointer;transition:all 0.25s;}
#marketing-tarot .mt-btn-primary{background:var(--mt-orange);color:var(--mt-cream);box-shadow:0 4px 20px rgba(237,47,10,0.25);}
#marketing-tarot .mt-btn-primary:hover{background:var(--mt-orange-hover);transform:translateY(-2px);box-shadow:0 8px 28px rgba(237,47,10,0.35);}
#marketing-tarot .mt-btn-screenshot{background:none;border:1px solid var(--mt-cream-12);color:var(--mt-cream-65);display:inline-flex;align-items:center;gap:8px;}
#marketing-tarot .mt-btn-screenshot svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
#marketing-tarot .mt-btn-screenshot:hover{border-color:var(--mt-cream-35);color:var(--mt-cream);}
#marketing-tarot .mt-btn-share{background:none;border:1px solid var(--mt-cream-12);color:var(--mt-cream-65);display:inline-flex;align-items:center;gap:8px;}
#marketing-tarot .mt-btn-share svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
#marketing-tarot .mt-btn-share:hover{border-color:var(--mt-cream-35);color:var(--mt-cream);}
#marketing-tarot .mt-btn:focus-visible{outline:2px solid var(--mt-orange);outline-offset:2px;}
#marketing-tarot .mt-spread-label{font-family:var(--mt-mono);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--mt-cream-35);text-align:center;margin-top:12px;}
#marketing-tarot .mt-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:#131212;color:var(--mt-cream);font-family:var(--mt-mono);font-size:12px;font-weight:700;letter-spacing:1px;padding:12px 24px;border-radius:6px;opacity:0;pointer-events:none;transition:all 0.3s;z-index:999;white-space:nowrap;}
#marketing-tarot .mt-toast.mt-toast-show{opacity:1;transform:translateX(-50%) translateY(0);}
@keyframes mt-pulse{0%,100%{opacity:0.3}50%{opacity:0.7}}
@keyframes mt-shuffle-jitter{from{transform:scale(0.85) translateY(20px) rotate(-3deg)}to{transform:scale(0.87) translateY(18px) rotate(3deg)}}
@keyframes mt-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes mt-glow-pulse{0%,100%{box-shadow:0 0 20px rgba(191,163,126,0.1)}50%{box-shadow:0 0 35px rgba(191,163,126,0.25)}}