:root{--cor-primaria: #1a1a3a;--cor-secundaria: #4b2d83;--cor-destaque: #d4af37;--cor-texto: #f0f0f5;--cor-fundo: #121224;--cor-card: #1e1e42;--cor-favoravel: #4caf50;--cor-desfavoravel: #f44336;--cor-hoje: #2196f3;--cor-fase-lua: #9c27b0;--cor-hover: #6a3cb5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;background:linear-gradient(135deg,var(--cor-fundo) 0%,var(--cor-primaria) 100%);color:var(--cor-texto);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-attachment:fixed}.container{max-width:800px;width:100%;background-color:var(--cor-card);border-radius:15px;box-shadow:0 10px 30px #0000004d;overflow:hidden;position:relative;padding-bottom:20px}header{padding:20px;text-align:center;background-color:var(--cor-primaria);border-bottom:2px solid var(--cor-destaque)}.logo{display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--cor-texto);font-family:Playfair Display,serif;font-size:28px;font-weight:700;gap:10px}.logo span{color:var(--cor-destaque)}.tabs{display:flex;background-color:var(--cor-primaria);border-bottom:2px solid var(--cor-destaque)}.tab{flex:1;padding:15px;background:none;border:none;color:var(--cor-texto);font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.tab:hover{background-color:var(--cor-hover)}.tab.active{background-color:var(--cor-secundaria);color:var(--cor-destaque);font-weight:600}.tab-content{display:none;padding:20px}.tab-content.active{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}h1{color:var(--cor-destaque);text-align:center;margin-bottom:20px;font-family:Playfair Display,serif;font-size:32px}.consulta-card{background-color:var(--cor-card);border-radius:10px;padding:20px;margin-bottom:20px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;color:var(--cor-texto);font-size:16px}input[type=date],input[type=text],input[type=email],input[type=password]{width:100%;padding:12px;border:2px solid var(--cor-secundaria);border-radius:8px;background-color:#ffffff1a;color:var(--cor-texto);font-size:16px;transition:all .3s ease}input[type=date]:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--cor-destaque);outline:none;box-shadow:0 0 10px #d4af374d}.btn{display:block;width:100%;padding:14px;background-color:var(--cor-destaque);color:var(--cor-primaria);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn:hover{background-color:#e5c04e;transform:translateY(-2px);box-shadow:0 5px 15px #d4af3766}.resultado{margin-top:20px;padding:15px;border-radius:8px;text-align:center;font-size:20px;font-weight:600;animation:fadeIn .5s ease}.favoravel{background-color:#4caf5033;border:2px solid var(--cor-favoravel);color:var(--cor-favoravel)}.desfavoravel{background-color:#f4433633;border:2px solid var(--cor-desfavoravel);color:var(--cor-desfavoravel)}#detalhes-astrologicos{margin-top:20px;padding:15px;border-radius:8px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);animation:fadeIn .5s ease}#detalhes-astrologicos h3{color:var(--cor-destaque);margin-bottom:15px;text-align:center;font-family:Playfair Display,serif}.detalhe-item{margin-bottom:10px;padding:10px;border-radius:5px;background-color:#ffffff0d}.detalhe-item strong{color:var(--cor-destaque)}.calendario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-nav{background-color:var(--cor-secundaria);color:var(--cor-texto);border:none;border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-nav:hover{background-color:var(--cor-hover);transform:scale(1.1)}#current-month{color:var(--cor-destaque);font-family:Playfair Display,serif;font-size:24px}.calendario-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:20px}.calendario-dia{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;font-weight:500;cursor:default}.dia-semana{font-weight:600;color:var(--cor-destaque);margin-bottom:10px}.dia-mes{background-color:#ffffff0d;transition:all .3s ease;cursor:pointer;position:relative}.dia-mes:hover{background-color:#ffffff26;transform:scale(1.1)}.dia-favoravel{border:2px solid var(--cor-favoravel)}.dia-lfc{border:2px solid var(--cor-desfavoravel)}.dia-hoje{background-color:#2196f34d;border:2px solid var(--cor-hoje);font-weight:700}.dia-fase-lua:after{content:"•";position:absolute;bottom:2px;color:var(--cor-fase-lua);font-size:16px}.dia-mercurio-retro{box-shadow:inset 0 0 0 2px #ff5722b3}.dia-eclipse{box-shadow:inset 0 0 0 2px #ffeb3bb3}.dia-invalido{opacity:.3;cursor:not-allowed}.calendario-legenda{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.legenda-item{display:flex;align-items:center;gap:5px;font-size:12px}.legenda-cor{width:15px;height:15px;border-radius:50%}.cor-favoravel{background-color:transparent;border:2px solid var(--cor-favoravel)}.cor-desfavoravel{background-color:transparent;border:2px solid var(--cor-desfavoravel)}.cor-hoje{background-color:transparent;border:2px solid var(--cor-hoje)}.cor-fase-lua{background-color:transparent;border:2px solid var(--cor-fase-lua)}.info-card{background-color:#ffffff0d;border-radius:10px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.info-card h3{color:var(--cor-destaque);margin-bottom:15px;font-family:Playfair Display,serif}.info-card p{margin-bottom:10px;line-height:1.6}.info-card p:last-child{margin-bottom:0}.info-card p strong{color:var(--cor-destaque)}footer{text-align:center;padding:15px;color:#ffffffb3;font-size:14px;border-top:1px solid rgba(255,255,255,.1);margin-top:20px}.author{color:var(--cor-destaque);font-weight:500}@media (max-width: 768px){.container{width:95%}h1{font-size:28px}.tab{padding:12px 8px;font-size:14px}.calendario-dia{font-size:12px}#current-month{font-size:20px}.btn-nav{width:35px;height:35px}}@media (max-width: 480px){.container{width:100%}h1{font-size:24px}.tab{padding:10px 5px;font-size:12px}.calendario-grid{gap:3px}.calendario-dia{font-size:10px}.calendario-legenda{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;gap:10px}.btn-nav{width:30px;height:30px}}
