:root{--lunar-phase-1:#8A2BE2;--lunar-phase-2:#FF6B6B;--lunar-phase-3:#4A90E2;--lunar-phase-4:#FFD93D;--lunar-phase-5:#50E3C2;--lunar-phase-6:#F5A623;--lunar-phase-7:#BD10E0;--lunar-phase-8:#87CEEB;--lunar-glow-1:rgba(138,43,226,0.3);--lunar-glow-2:rgba(255,107,107,0.3);--lunar-glow-3:rgba(74,144,226,0.3);--lunar-glow-4:rgba(255,217,61,0.3);--lunar-glow-5:rgba(80,227,194,0.3);--lunar-glow-6:rgba(245,166,35,0.3);--lunar-glow-7:rgba(189,16,224,0.3);--lunar-glow-8:rgba(135,206,235,0.3)}.lunar-container{min-height:100vh;background:radial-gradient(ellipse at 15% 25%,rgba(60,60,75,.04) 0,transparent 40%),radial-gradient(ellipse at 85% 75%,rgba(70,70,85,.03) 0,transparent 45%),linear-gradient(180deg,#131315 0,#18181b 50%,#131315);color:#ffffff;position:relative}.lunar-content{max-width:1400px;margin:0 auto;padding:2rem 1rem;position:relative}.lunar-header{text-align:center;padding:48px 24px 40px;margin:0 auto 24px;max-width:calc(1400px + 48px);width:calc(100% - 48px);position:relative}.lunar-title{color:#FFD700;font-size:2.5rem;font-weight:300;font-family:Cinzel,Trajan Pro,serif;margin:0 0 16px;letter-spacing:2px;text-transform:uppercase;position:relative;text-shadow:0 0 20px rgba(255,215,0,.3),0 2px 4px rgba(0,0,0,.5);background:linear-gradient(135deg,#FFD700,#FFF8DC 50%,#DAA520);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:titleShimmer 4s ease-in-out infinite}@keyframes titleShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.lunar-subtitle{color:rgba(255,255,255,.8);font-size:1rem;margin:0 auto;font-style:normal;font-weight:300;max-width:800px;line-height:1.8;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;z-index:1}.lunar-info-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}.lunar-info-card{background:linear-gradient(135deg,rgba(20,20,20,.95),rgba(10,10,10,.98));border:1px solid rgba(255,215,0,.15);border-radius:12px;padding:20px;text-align:left;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.lunar-info-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.05) 50%,transparent);transition:left .5s ease;pointer-events:none;z-index:1}.lunar-info-card:hover:before{left:100%}.lunar-info-card:hover{border-color:rgba(255,215,0,.4);transform:translateY(-3px);background:linear-gradient(135deg,rgba(255,215,0,.05),rgba(15,15,15,.98));box-shadow:0 10px 25px rgba(0,0,0,.4),0 0 20px rgba(255,215,0,.1)}.info-card-header{display:flex;align-items:center;gap:14px;position:relative;z-index:2}.info-card-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,215,0,.15);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;transition:all .3s ease}.lunar-info-card:hover .info-card-icon{border-color:rgba(255,215,0,.3);background:rgba(255,215,0,.08)}.info-card-content{flex:1}.info-card-title{font-size:.95rem;font-weight:600;margin-bottom:4px;letter-spacing:.5px;background:linear-gradient(135deg,#FFD700,#FFF8DC 40%,#FFD700 60%,#DAA520);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.info-card-description{color:rgba(255,255,255,.5);font-size:.8rem;line-height:1.4}.lunar-section-nav{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.lunar-nav-btn{padding:.75rem 1.5rem;border:1px solid rgba(255,215,0,.3);background:linear-gradient(145deg,rgba(26,26,26,.6),rgba(15,15,15,.8));backdrop-filter:blur(10px);border-radius:50px;color:rgba(255,255,255,.8);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.lunar-nav-btn:hover{border-color:rgba(255,215,0,.5);background:linear-gradient(145deg,rgba(35,35,35,.5),rgba(20,20,20,.7));color:#fff}.lunar-nav-btn.active{border-color:#FFD700;background:linear-gradient(145deg,rgba(40,40,30,.6),rgba(25,25,15,.8));color:#fff;box-shadow:0 0 20px rgba(255,215,0,.3)}.lunar-main-content{display:flex;flex-direction:column;gap:2rem;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lunar-controls-card{background:linear-gradient(145deg,rgba(15,15,15,.98),rgba(26,26,26,.95));backdrop-filter:blur(30px);border:2px solid rgba(255,215,0,.15);border-radius:28px;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,215,0,.1)}.lunar-section-title{font-size:1.5rem;font-weight:700;color:#FFD700;margin-bottom:1.5rem;text-align:center;letter-spacing:-.02em}.lunar-date-display{font-size:1.25rem;font-weight:600;color:#FFD700;text-align:center;margin-bottom:2rem}.lunar-slider-group{margin-bottom:1.5rem}.lunar-slider-group label{display:block;font-size:.9rem;font-weight:600;color:rgba(255,255,255,.8);margin-bottom:.5rem;text-align:center}.lunar-slider-controls{display:flex;align-items:center;gap:1rem}.lunar-slider-btn{width:40px;height:40px;border:1px solid rgba(255,215,0,.3);background:linear-gradient(145deg,rgba(26,26,26,.6),rgba(15,15,15,.8));backdrop-filter:blur(10px);border-radius:8px;color:#FFD700;font-weight:700;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.lunar-slider-btn:hover:not(:disabled){border-color:rgba(255,215,0,.5);background:linear-gradient(145deg,rgba(35,35,35,.6),rgba(20,20,20,.8));color:#fff}.lunar-slider-btn:disabled{opacity:.5;cursor:not-allowed}.lunar-slider{flex:1;height:6px;background:linear-gradient(90deg,rgba(255,215,0,.2),rgba(255,165,0,.4));border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.lunar-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#FFD700,#FFA500);border-radius:50%;cursor:pointer;box-shadow:0 0 10px rgba(255,215,0,.5)}.lunar-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#FFD700,#FFA500);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 10px rgba(255,215,0,.5)}.lunar-result-card{background:linear-gradient(145deg,rgba(15,15,15,.98),rgba(26,26,26,.95));backdrop-filter:blur(30px);border:2px solid rgba(255,215,0,.15);border-radius:28px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,215,0,.1)}.lunar-result-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.lunar-result-emoji{font-size:4rem;filter:drop-shadow(0 0 20px rgba(255,215,0,.5))}.lunar-result-info h4{font-size:.9rem;font-weight:600;color:rgba(255,255,255,.7);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.lunar-result-info h3{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#FFD700,#FFA500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.lunar-result-badges{display:flex;flex-wrap:wrap;gap:.5rem}.lunar-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,215,0,.3);background:linear-gradient(145deg,rgba(26,26,26,.6),rgba(15,15,15,.8));color:#FFD700}.lunar-badge-archetype{border-color:rgba(255,215,0,.5);background:linear-gradient(145deg,rgba(40,40,30,.6),rgba(25,25,15,.8));color:#fff}.lunar-badge-element{border-color:rgba(255,165,0,.5);background:linear-gradient(145deg,rgba(255,165,0,.2),rgba(255,140,0,.1));color:#FFA500}.lunar-badge-polarity{border-color:rgba(184,134,11,.5);background:linear-gradient(145deg,rgba(184,134,11,.2),rgba(146,107,9,.1));color:#D4AF37}.lunar-description{font-size:1.125rem;line-height:1.6;color:rgba(255,255,255,.8);margin-bottom:2rem}.lunar-traits-section{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.lunar-trait-category h5{font-size:1rem;font-weight:700;color:#FFD700;margin-bottom:.75rem}.lunar-trait-pills{display:flex;flex-wrap:wrap;gap:.5rem}.lunar-trait-pill{padding:.5rem 1rem;border-radius:25px;font-size:.875rem;font-weight:600;border:1px solid rgba(255,215,0,.3);background:linear-gradient(145deg,rgba(26,26,26,.6),rgba(15,15,15,.8));color:rgba(255,255,255,.9);transition:all .3s ease}.lunar-trait-pill:hover{border-color:rgba(255,215,0,.5);background:linear-gradient(145deg,rgba(35,35,35,.6),rgba(20,20,20,.8));color:#fff}.lunar-strength{border-color:rgba(34,197,94,.3);background:linear-gradient(145deg,rgba(34,197,94,.1),rgba(21,128,61,.05));color:#86efac}.lunar-challenge{border-color:rgba(239,68,68,.3);background:linear-gradient(145deg,rgba(239,68,68,.1),rgba(185,28,28,.05));color:#fca5a5}.lunar-lucky-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.lunar-lucky-group h5{font-size:1rem;font-weight:700;color:#FFD700;margin-bottom:1rem;text-align:center}.lunar-lucky-display{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}.lunar-lucky-circle{width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,215,0,.5);background:linear-gradient(145deg,rgba(40,40,30,.6),rgba(25,25,15,.8));display:flex;align-items:center;justify-content:center;font-weight:700;color:#FFD700;font-size:1.125rem;transition:all .3s ease}.lunar-lucky-circle:hover{transform:scale(1.1);box-shadow:0 0 15px rgba(255,215,0,.4)}.lunar-color-chip{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;border:1px solid rgba(255,215,0,.3);background:linear-gradient(145deg,rgba(26,26,26,.6),rgba(15,15,15,.8));color:#FFD700;transition:all .3s ease}.lunar-color-chip:hover{border-color:rgba(255,215,0,.5);background:linear-gradient(145deg,rgba(35,35,35,.6),rgba(20,20,20,.8));color:#fff}.lunar-compatibility-section{margin-bottom:2rem}.lunar-compatibility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.lunar-compatibility-category h4{font-size:1.125rem;font-weight:700;color:#FFD700;margin-bottom:1rem;text-align:center}.lunar-phase-list{display:flex;flex-direction:column;gap:.75rem}.lunar-phase-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:16px;border:2px solid rgba(255,215,0,.15);background:linear-gradient(145deg,rgba(15,15,15,.98),rgba(26,26,26,.95));transition:all .5s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,215,0,.05)}.lunar-phase-item:hover{border-color:rgba(255,215,0,.4);transform:translateX(4px);box-shadow:0 4px 16px rgba(0,0,0,.4),0 0 20px rgba(255,215,0,.1),inset 0 1px 0 rgba(255,215,0,.1)}.lunar-phase-item.best{border-color:rgba(34,197,94,.3);background:linear-gradient(145deg,rgba(34,197,94,.1),rgba(21,128,61,.05))}.lunar-phase-item.good{border-color:rgba(255,215,0,.3);background:linear-gradient(145deg,rgba(40,40,30,.4),rgba(25,25,15,.2))}.lunar-phase-item.challenge{border-color:rgba(239,68,68,.3);background:linear-gradient(145deg,rgba(239,68,68,.1),rgba(185,28,28,.05))}.lunar-phase-emoji{font-size:1.5rem;filter:drop-shadow(0 0 5px rgba(255,215,0,.3))}.lunar-phase-name{flex:1;font-weight:600;color:rgba(255,255,255,.9)}.lunar-compatibility-score{font-weight:700;color:#FFD700;font-size:.9rem}.lunar-guidance-section{margin-bottom:2rem}.lunar-guidance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.lunar-guidance-card{padding:1.5rem;border-radius:20px;border:2px solid rgba(255,215,0,.15);background:linear-gradient(145deg,rgba(15,15,15,.98),rgba(26,26,26,.95));backdrop-filter:blur(30px);box-shadow:0 4px 16px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,215,0,.1)}.lunar-guidance-card h5{font-size:1rem;font-weight:700;color:#FFD700;margin-bottom:.75rem}.lunar-guidance-card p{color:rgba(255,255,255,.8);line-height:1.5}.lunar-phases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.lunar-phase-card{padding:1.5rem;border-radius:28px;border:2px solid rgba(255,215,0,.15);background:linear-gradient(145deg,rgba(15,15,15,.98),rgba(26,26,26,.95));backdrop-filter:blur(30px);cursor:pointer;transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,215,0,.1)}.lunar-phase-card:hover{transform:translateY(-16px) scale(1.02);border-color:rgba(255,215,0,.4);box-shadow:0 32px 64px rgba(0,0,0,.6),0 16px 32px rgba(0,0,0,.3),0 0 40px rgba(255,215,0,.15),inset 0 2px 0 rgba(255,215,0,.2)}.lunar-phase-card.selected{border-color:rgba(255,215,0,.6);background:linear-gradient(145deg,rgba(40,40,30,.98),rgba(25,25,15,.95));box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 80px rgba(255,215,0,.2),inset 0 2px 0 rgba(255,215,0,.3),inset 0 -1px 0 rgba(255,215,0,.1)}.lunar-phase-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.lunar-phase-info h4{font-size:1.25rem;font-weight:700;color:#FFD700;margin-bottom:.25rem}.lunar-archetype{font-size:.875rem;color:rgba(255,255,255,.7);font-style:italic}.lunar-phase-description{color:rgba(255,255,255,.8);line-height:1.5;margin-bottom:1rem}.lunar-phase-badges{display:flex;gap:.5rem}.lunar-selected-phase{margin-top:2rem}.lunar-current-moon-card{backdrop-filter:blur(30px);border:2px solid rgba(255,215,0,.15);border-radius:28px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,215,0,.1)}.lunar-current-guidance,.lunar-current-moon-card{background:linear-gradient(145deg,rgba(15,15,15,.98),rgba(26,26,26,.95))}.lunar-current-guidance{margin:2rem 0;padding:1.5rem;border-radius:20px;border:2px solid rgba(255,215,0,.15);box-shadow:0 4px 16px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,215,0,.1)}.lunar-current-guidance h5{font-size:1rem;font-weight:700;color:#FFD700;margin-bottom:.75rem}.lunar-current-guidance p{color:rgba(255,255,255,.8);line-height:1.5}.lunar-moon-events{margin-top:2rem}.lunar-events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.lunar-event-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:20px;border:2px solid rgba(255,215,0,.15);background:linear-gradient(145deg,rgba(15,15,15,.98),rgba(26,26,26,.95));backdrop-filter:blur(30px);transition:all .5s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 16px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,215,0,.1)}.lunar-event-card:hover{border-color:rgba(255,215,0,.4);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.5),0 0 20px rgba(255,215,0,.1),inset 0 2px 0 rgba(255,215,0,.2)}.lunar-event-emoji{font-size:2rem;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.lunar-event-info h5{font-size:1rem;font-weight:700;color:#FFD700;margin-bottom:.5rem}.lunar-event-info p{color:rgba(255,255,255,.8);font-size:.9rem}.lunar-power-time{margin-top:2rem;padding:1.5rem;border-radius:12px;border:2px solid #ffd700;background:linear-gradient(145deg,rgba(40,40,30,.6),rgba(25,25,15,.8));backdrop-filter:blur(20px);text-align:center;box-shadow:0 0 30px rgba(255,215,0,.3)}.lunar-power-time h5{font-size:1.25rem;font-weight:700;color:#FFD700;margin-bottom:.75rem}.lunar-power-time p{color:rgba(255,255,255,.9);font-size:1.125rem;line-height:1.5}.lunar-life-path-section{margin:3rem 0}.lunar-life-path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.lunar-life-path-card{padding:2rem;border-radius:20px;border:2px solid rgba(255,215,0,.15);background:linear-gradient(145deg,rgba(15,15,15,.98),rgba(26,26,26,.95));backdrop-filter:blur(30px);transition:all .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,215,0,.1)}.lunar-life-path-card:hover{transform:translateY(-4px);border-color:rgba(255,215,0,.3);box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 20px rgba(255,215,0,.1),inset 0 1px 0 rgba(255,215,0,.15)}.lunar-life-path-card h5{font-size:1.1rem;font-weight:700;color:#FFD700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.lunar-life-path-card p{color:rgba(255,255,255,.85);line-height:1.7;font-size:.95rem}.lunar-practices-section{margin:3rem 0}.lunar-practices-intro{color:rgba(255,255,255,.7);text-align:center;margin-bottom:1.5rem;font-size:1rem}.lunar-practices-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.lunar-practice-item{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:16px;border:2px solid rgba(255,215,0,.15);background:linear-gradient(145deg,rgba(15,15,15,.98),rgba(26,26,26,.95));transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,215,0,.05)}.lunar-practice-item:hover{transform:translateX(4px);border-color:rgba(255,215,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.4),0 0 16px rgba(255,215,0,.08)}.lunar-practice-icon{font-size:1.5rem;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}.lunar-practice-text{color:rgba(255,255,255,.9);font-size:.95rem;line-height:1.5}.lunar-shadow-section{margin:3rem 0}.lunar-shadow-card{padding:2.5rem;border-radius:20px;border:2px solid rgba(138,43,226,.25);background:linear-gradient(145deg,rgba(20,10,30,.98),rgba(15,8,25,.95));backdrop-filter:blur(30px);text-align:center;box-shadow:0 8px 32px rgba(138,43,226,.15),inset 0 1px 0 rgba(138,43,226,.1)}.lunar-shadow-icon{font-size:3rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 12px rgba(138,43,226,.6))}.lunar-shadow-text{color:rgba(255,255,255,.9);font-size:1.05rem;line-height:1.8;max-width:800px;margin:0 auto;font-style:italic}.lunar-famous-section{margin:3rem 0}.lunar-famous-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1.5rem}.lunar-famous-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:16px;border:2px solid rgba(255,215,0,.2);background:linear-gradient(135deg,rgba(255,215,0,.05),rgba(15,15,15,.98));transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.3)}.lunar-famous-card:hover{transform:translateY(-4px) scale(1.02);border-color:rgba(255,215,0,.4);box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 20px rgba(255,215,0,.15)}.lunar-famous-icon{font-size:1.5rem;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.lunar-famous-name{color:rgba(255,255,255,.95);font-size:.95rem;font-weight:500}@media (max-width:768px){.lunar-content{padding:1rem .5rem}.lunar-header{padding:32px 16px 24px;margin-bottom:32px}.lunar-title{font-size:2rem}.lunar-subtitle{font-size:.9rem}.lunar-info-row{grid-template-columns:1fr;gap:12px}.lunar-result-header{flex-direction:column;text-align:center;gap:1rem}.lunar-compatibility-grid,.lunar-events-grid,.lunar-guidance-cards,.lunar-phases-grid{grid-template-columns:1fr}}@media (max-width:480px){.lunar-section-nav{flex-direction:column;align-items:center}.lunar-nav-btn{width:100%;max-width:300px}.lunar-slider-controls{gap:.5rem}.lunar-slider-btn{width:35px;height:35px}}