@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Raleway:wght@300;400&display=swap);@keyframes softTwinkle{0%{background-position:0 0,0 0,0 0;opacity:.5}50%{background-position:10% -10%,-10% 10%,45px 45px;opacity:.8}to{background-position:-5% 5%,5% -5%,90px 90px;opacity:.5}}@keyframes dealCard{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInModal{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInResult{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--bg-color:#0a0a14;--text-color:#e8e8e8;--accent-color:#b0a3d7;--accent-hover:#c0b3e7;--accent-color-rgb:176, 163, 215;--soft-glow-color:rgba(176, 163, 215, 0.15);--card-back-color:#1f1f3a;--card-border-color:rgba(176, 163, 215, 0.25);--shadow-color:rgba(0, 0, 0, 0.8);--modal-bg:rgba(20, 20, 35, 0.97);--header-footer-bg:rgba(0, 0, 0, 0.3)}*,::after,::before{box-sizing:border-box}.site-header,body{color:var(--text-color)}body{font-family:"Raleway",sans-serif;background-color:var(--bg-color);margin:0;padding:0;overflow-x:hidden;min-height:100vh;position:relative;z-index:0;display:flex;flex-direction:column}body::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,var(--soft-glow-color) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,var(--soft-glow-color) 0%,transparent 55%),radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1.5px);background-size:100% 100%,100% 100%,90px 90px;opacity:.7;z-index:-1;animation:softTwinkle 20s linear infinite alternate}a:hover{color:#fff}img{max-width:100%;height:auto;display:block}.site-header{background-color:var(--header-footer-bg);padding:1rem 0;border-bottom:1px solid var(--card-border-color);position:sticky;top:0;z-index:100;backdrop-filter:blur(5px)}.header-container{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.site-title{margin:0;font-size:1.8em;font-family:"Cinzel",serif;font-weight:500;text-shadow:1px 1px 3px var(--shadow-color)}.site-title a,a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}.main-nav a.active,.main-nav a:focus,.main-nav a:hover,.site-title a:focus,.site-title a:hover{color:var(--accent-hover)}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem}.main-nav a{color:var(--text-color);text-decoration:none;font-family:"Raleway",sans-serif;font-size:.9em;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.5rem 0;position:relative;transition:color .3s ease;white-space:nowrap}.main-nav li.not-dropdown>a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:var(--accent-color);transition:width .4s ease}.main-nav li.not-dropdown>a.active::after,.main-nav li.not-dropdown>a:focus::after,.main-nav li.not-dropdown>a:hover::after{width:100%}main{padding:40px 20px;max-width:1100px;margin:0 auto;width:100%;flex-grow:1;display:flex;flex-direction:column;align-items:center}main h1,main h2{font-family:"Cinzel",serif;color:var(--accent-color);text-align:center;margin-bottom:20px}main p{line-height:1.7;max-width:800px;text-align:center;margin-bottom:15px}main section{background-color:rgba(0,0,0,.2);padding:25px;border-radius:10px;margin-bottom:30px;border:1px solid var(--card-border-color)}.site-footer{background-color:var(--header-footer-bg);padding:20px 30px;text-align:center;font-size:.9em;color:rgba(255,255,255,.6);border-top:1px solid var(--card-border-color);margin-top:auto;width:100%}.post-list-container,main section{width:100%;max-width:900px}.post-list-container h2{margin-bottom:25px}.post-list{list-style:none;padding-left:0}.post-list li{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--card-border-color)}.post-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.post-meta{font-size:.85em;color:rgba(255,255,255,.7);display:block;margin-bottom:8px}.post-content h3,.post-list h3{font-size:1.4em;margin-bottom:10px}.post-list h3{margin-top:0;font-family:"Cinzel",serif}.post-link{color:var(--accent-color);text-decoration:none}.post-link:hover{color:var(--accent-hover)}.post-header{margin-bottom:30px;text-align:center;width:100%;max-width:800px;margin-left:auto;margin-right:auto}.post-title{font-family:"Cinzel",serif;font-size:2.5em;color:var(--accent-color);margin:0 0 10px;text-align:center}.post-content{font-size:1.1em;line-height:1.8;width:100%;max-width:800px;margin-left:auto;margin-right:auto}#tarot-app-page #reading-result h2,.post-content h2{font-size:1.7em;margin-top:40px;margin-bottom:15px;border-bottom:1px solid var(--card-border-color);padding-bottom:10px;text-align:left}.post-content h3{margin-top:30px;text-align:left}.post-content p{margin-bottom:1.5em;text-align:left}.post-content ol,.post-content ul{margin-bottom:1.5em;padding-left:2em}.post-content li{margin-bottom:.5em}.post-content blockquote{border-left:4px solid var(--accent-color);padding-left:1em;margin-left:0;margin-right:0;font-style:italic;color:rgba(255,255,255,.8)}.post-content code{background-color:rgba(0,0,0,.3);padding:.2em .4em;border-radius:3px;font-family:monospace}.post-content pre{background-color:rgba(0,0,0,.3);padding:1em;border-radius:5px;overflow-x:auto}.post-content pre code{background-color:transparent;padding:0}#tarot-app-page h1{margin-bottom:30px}#tarot-app-page #controls{background-color:rgba(0,0,0,.35);padding:25px;border-radius:12px;margin-bottom:40px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;border:1px solid var(--card-border-color);max-width:900px;width:100%}#tarot-app-page #controls label{margin-right:8px;font-weight:700;flex-shrink:0}#tarot-app-page #controls input[type=text],#tarot-app-page #controls select{padding:10px 14px;border-radius:6px;border:1px solid var(--accent-color);background-color:var(--card-back-color);color:var(--text-color);font-family:"Raleway",sans-serif;font-size:1em;flex-grow:1;min-width:160px}#tarot-app-page #reading-container{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin-top:20px;margin-bottom:20px;min-height:350px;perspective:1200px;width:100%;padding:10px}#tarot-app-page #controls .checkbox-control{display:flex;align-items:center;gap:8px;flex-shrink:0;margin:5px 0}#tarot-app-page #controls .checkbox-control input[type=checkbox]{margin:0;width:1.1em;height:1.1em;cursor:pointer}#tarot-app-page #controls .checkbox-control label{margin:0;cursor:pointer;font-weight:400}#tarot-app-page .card-placeholder{width:180px;height:300px;margin:20px;position:relative;flex-shrink:0;perspective:1200px}#tarot-app-page .card,#tarot-app-page .card-front img,.modal{left:0;top:0;width:100%;height:100%}#tarot-app-page .card{position:absolute;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.68,-.55,.265,1.55);cursor:pointer;transform:rotateY(0deg)}#tarot-app-page .card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;overflow:hidden;box-shadow:6px 6px 18px var(--shadow-color)}#tarot-app-page .card-back{background:linear-gradient(135deg,var(--card-back-color) 0%,#2a2a4a 100%);border:1px solid var(--card-border-color);color:var(--accent-color);display:flex;justify-content:center;align-items:center;font-size:2.8em;font-family:"Cinzel",serif;transform:rotateY(0deg)}#tarot-app-page .card-front{background-color:var(--card-back-color);border:1px solid var(--card-border-color);transform:rotateY(180deg);position:relative;overflow:hidden}#tarot-app-page .card-front img{display:block;object-fit:contain;border-radius:inherit;position:absolute}#tarot-app-page .card.flipped{transform:rotateY(180deg)}#tarot-app-page .card-front img.reversed-img{transform:rotate(180deg)}#tarot-app-page #reading-result{margin-top:40px;padding:35px;background-color:rgba(10,10,20,.6);border:1px solid var(--card-border-color);border-radius:12px;max-width:950px;width:100%;text-align:left;box-shadow:7px 7px 22px var(--shadow-color);font-size:1.1em;line-height:1.75;opacity:0;transition:opacity .6s ease-in}#tarot-app-page #reading-result.visible{opacity:1}#tarot-app-page #reading-result h2{font-family:"Cinzel",serif;color:var(--accent-color);text-align:center;margin-top:0;margin-bottom:30px;padding-bottom:20px;font-size:1.8em}#tarot-app-page #reading-result strong{color:var(--accent-color);font-weight:700}#tarot-app-page #reading-result .card-interpretation{background-color:rgba(255,255,255,.04);padding:18px;margin-bottom:25px;border-radius:6px;border-left:4px solid var(--accent-color);transition:background-color .3s ease;cursor:pointer}#tarot-app-page #reading-result .card-interpretation:hover{background-color:rgba(255,255,255,.08)}#tarot-app-page #reading-result p em{color:var(--accent-color);display:block;text-align:center;margin:30px 0 10px;font-style:italic;font-size:.95em;opacity:.9}#tarot-app-page button{padding:14px 28px;font-size:1.1em;background:linear-gradient(to bottom right,var(--accent-color),#7a6f9e);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.4);font-weight:700;border:0;cursor:pointer;border-radius:8px;box-shadow:4px 4px 10px var(--shadow-color);transition:all .3s ease;text-transform:uppercase;letter-spacing:1.2px;flex-shrink:0}#tarot-app-page button:hover{transform:translateY(-3px) scale(1.02);box-shadow:6px 6px 15px var(--shadow-color);filter:brightness(1.15)}#tarot-app-page #read-again-button{margin-top:35px;background:linear-gradient(to bottom right,#666,#444);color:var(--text-color);display:none}.modal{display:none;position:fixed;z-index:1000;overflow:auto;background-color:rgba(0,0,0,.85);backdrop-filter:blur(6px)}.modal-content{background-color:var(--modal-bg);margin:8%auto;padding:35px;border:1px solid var(--card-border-color);border-radius:12px;width:85%;max-width:700px;box-shadow:0 6px 30px var(--shadow-color);position:relative;animation:fadeInModal .5s ease-out}.close-button{color:var(--accent-color);position:absolute;top:15px;right:25px;font-size:34px;font-weight:700;transition:color .3s ease,transform .3s ease}.close-button:focus,.close-button:hover{color:#fff;transform:scale(1.1);text-decoration:none;cursor:pointer}.cta-section h2,.modal-content h3{margin-top:0;color:var(--accent-color)}.modal-content h3{font-family:"Cinzel",serif;margin-bottom:25px;text-align:center;font-size:1.7em}.modal-content img{max-width:160px;height:auto;float:left;margin-right:30px;margin-bottom:15px;border-radius:6px;border:1px solid var(--card-border-color)}.modal-content p{margin-bottom:18px;line-height:1.8}.modal-content strong{color:var(--accent-color);display:block;margin-bottom:6px;font-size:1.05em}.modal-content::after{content:"";clear:both;display:table}.cta-section,.landing-image{border:1px solid var(--card-border-color);border-radius:12px}.landing-image{display:block;max-width:600px;width:90%;margin:10px auto 30px;box-shadow:0 8px 25px var(--shadow-color)}.cta-section{background-color:rgba(var(--accent-color-rgb, 176, 163, 215),.1);padding:25px 30px;margin:40px auto;max-width:750px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.2)}.cta-section h2{margin-bottom:15px;font-size:1.6em}.cta-section p{margin-bottom:25px;font-size:1.1em;line-height:1.7;max-width:600px;margin-left:auto;margin-right:auto}.button{display:inline-block;padding:12px 25px;font-size:1.05em;font-weight:700;text-align:center;text-decoration:none;border-radius:8px;cursor:pointer;transition:all .3s ease;border:0;box-shadow:0 4px 8px rgba(0,0,0,.3)}.button-primary{background:linear-gradient(to bottom right,var(--accent-color),#8f83b9);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.4);text-transform:uppercase;letter-spacing:1.1px}.button-primary:focus,.button-primary:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.4);filter:brightness(1.15);color:#fff}.explore-link{text-align:center;margin-top:30px;font-size:.95em;opacity:.9}@media (max-width:768px){.header-container,.main-nav ul{justify-content:center;gap:.5rem}.site-branding{text-align:center;margin-bottom:.25rem}.main-nav,.site-branding{flex-basis:100%}.main-nav ul{gap:.75rem 1.25rem}}@media (max-width:600px){.landing-image{max-width:95%}.cta-section{padding:20px}.cta-section h2{font-size:1.4em}.button,.cta-section p{font-size:1em}.button{padding:10px 20px}}@media (max-width:960px){#tarot-app-page #controls>div{width:calc(50% - 10px)}#tarot-app-page #controls>button{width:100%;margin-top:10px}}@media (max-width:768px){main{padding:25px 15px}#tarot-app-page h1,main h1{font-size:2.2em}#tarot-app-page #controls>div{width:100%}#tarot-app-page #controls>button{width:auto;margin-top:0}#tarot-app-page .card-placeholder{width:150px;height:250px;margin:15px}#tarot-app-page #reading-result{padding:25px;font-size:1em}#tarot-app-page #reading-result h2{font-size:1.5em}#tarot-app-page button{padding:12px 24px;font-size:1em}.modal-content{margin:15%auto;width:90%;padding:25px}.modal-content img{max-width:120px;margin-right:20px}.modal-content h3{font-size:1.4em}}@media (max-width:480px){main{padding:20px 10px}#tarot-app-page h1,main h1{font-size:1.8em}.header-container{padding:0 15px}.main-nav ul{gap:.5rem 1rem}#tarot-app-page #controls{padding:15px;gap:15px}#tarot-app-page #controls>button{width:100%}#tarot-app-page .card-placeholder{width:110px;height:185px;margin:10px}#tarot-app-page #reading-container{padding:5px}#tarot-app-page #reading-result{font-size:.95em;padding:15px}#tarot-app-page #reading-result h2{font-size:1.3em}#tarot-app-page #reading-result .card-interpretation{padding:12px;margin-bottom:15px}#tarot-app-page button{font-size:.9em;padding:10px 18px}#tarot-app-page #read-again-button{margin-top:25px}.modal-content{width:95%;margin:12%auto;padding:20px}.modal-content img{float:none;max-width:100px;margin:0 auto 15px;display:block}.modal-content h3{font-size:1.2em}.modal-content p{font-size:.9em;line-height:1.6}}@media (max-width:768px){#tarot-app-page .card-placeholder{width:150px;height:250px;margin:15px}}@media (max-width:480px){#tarot-app-page .card-placeholder{width:110px;height:185px;margin:10px}}.cod-controls{text-align:center;margin-bottom:30px}.card-of-day-display,.cod-image{border:1px solid var(--card-border-color)}.card-of-day-display{background-color:rgba(0,0,0,.3);border-radius:12px;padding:30px;margin:20px auto;max-width:600px;text-align:center;box-shadow:0 6px 20px var(--shadow-color)}.cod-image{max-width:220px;height:auto;margin:0 auto 25px;border-radius:8px;display:block}.cod-image.reversed-img{transform:rotate(180deg)}#cod-name{margin-top:0;margin-bottom:20px;font-family:"Cinzel",serif;color:var(--accent-color);font-size:1.8em}#cod-meaning{font-size:1.1em;line-height:1.7;color:var(--text-color);text-align:left;margin-bottom:0}@media (max-width:480px){.card-of-day-display{padding:20px}.cod-image{max-width:180px}#cod-name{font-size:1.5em}#cod-meaning{font-size:1em}}#oraculo-humor-page .main-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:700px}#oraculo-humor-page h1{margin-bottom:15px;text-shadow:1px 1px 3px var(--shadow-color)}#oraculo-humor-page #instruction{color:rgba(232,232,232,.9);margin-bottom:25px;font-size:1.1em;min-height:1.5em;transition:opacity .5s ease;max-width:600px;line-height:1.6;text-align:center}#oraculo-humor-page #canvas-container,.dropdown-menu{background-color:var(--card-back-color);border:1px solid var(--card-border-color)}#oraculo-humor-page #canvas-container{width:90vw;max-width:600px;height:60vh;max-height:450px;margin-bottom:25px;border-radius:12px;box-shadow:6px 6px 18px var(--shadow-color);position:relative;overflow:hidden}#oraculo-humor-page #result-area{margin-top:10px;padding:25px;background-color:var(--modal-bg);border-radius:12px;border:1px solid var(--card-border-color);box-shadow:7px 7px 22px var(--shadow-color);width:90%;max-width:600px;animation:fadeInResult .8s ease-out forwards}#oraculo-humor-page #result-title{font-family:"Cinzel",serif;color:var(--accent-color);margin-top:0;margin-bottom:15px;text-align:center;font-size:1.5em;border-bottom:1px solid var(--card-border-color);padding-bottom:10px}#oraculo-humor-page #result-phrase{font-size:1.15em;color:var(--text-color);line-height:1.7;margin-bottom:25px;min-height:50px;text-align:center}#oraculo-humor-page #restart-button{display:block;padding:14px 28px;font-size:1.1em;background:linear-gradient(to bottom right,var(--accent-color),#7a6f9e);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.4);font-weight:700;border:0;cursor:pointer;border-radius:8px;box-shadow:4px 4px 10px var(--shadow-color);transition:all .3s ease;text-transform:uppercase;letter-spacing:1.2px;margin:10px auto 0}#oraculo-humor-page #restart-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:6px 6px 15px var(--shadow-color);filter:brightness(1.15)}#oraculo-humor-page #restart-button:active{transform:translateY(0);filter:brightness(.9);box-shadow:3px 3px 8px var(--shadow-color)}#oraculo-humor-page .hidden{display:none!important;opacity:0}@media (max-width:600px){#oraculo-humor-page .main-container{max-width:95%}#oraculo-humor-page h1{font-size:1.8em}#oraculo-humor-page #instruction{font-size:1em;margin-bottom:20px}#oraculo-humor-page #canvas-container{max-height:350px}#oraculo-humor-page #result-area{padding:20px}#oraculo-humor-page #result-title{font-size:1.3em}#oraculo-humor-page #result-phrase{font-size:1.05em}#oraculo-humor-page #restart-button{padding:12px 24px;font-size:1em}}.main-nav li.has-dropdown{position:relative}.main-nav .dropdown-toggle::after{content:" ▼";font-size:.7em;display:inline-block;margin-left:5px;position:relative;top:-1px}.dropdown-menu{display:none;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility 0s linear .2s;position:absolute;top:100%;left:0;z-index:1000;border-radius:8px;padding:8px 0;margin:5px 0 0;min-width:180px;box-shadow:0 5px 15px rgba(0,0,0,.5);list-style:none}.main-nav li.has-dropdown:focus-within>.dropdown-menu,.main-nav li.has-dropdown:hover>.dropdown-menu{display:block;opacity:1;visibility:visible;transition:opacity .2s ease-in-out,visibility 0s linear 0s}.dropdown-menu li{margin:0;padding:0;width:100%}.dropdown-menu li a{display:block;padding:8px 20px;color:var(--text-color);white-space:nowrap;text-decoration:none;font-size:.9em;text-transform:none;letter-spacing:normal;transition:background-color .2s ease,color .2s ease}.dropdown-menu li a::after{display:none}.dropdown-menu li a:focus,.dropdown-menu li a:hover{background-color:rgba(var(--accent-color-rgb),.2);color:var(--accent-hover);outline:0}@media (max-width:768px){.dropdown-menu li a{padding:5px 10px;text-align:center;font-size:.85em}.main-nav li.has-dropdown>a::after{display:none}}