@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";
:root{--void-black:#0b0f19;--deep-nebula:#1a1b41;--premium-gold:#c5a880;--starlight:#fff;--glass-bg:#1a1b4199;--glass-border:#c5a88033}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--void-black);color:var(--starlight);background-image:radial-gradient(circle at 100% 0,#1a1b4180,#0000 40%),radial-gradient(circle at 0 100%,#1a1b4180,#0000 40%);flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0000005e}.glass-panel:hover{transform:translateY(-5px);box-shadow:0 12px 48px #c5a88026}h1,h2,h3,h4,h5,h6{color:var(--premium-gold);letter-spacing:-.02em;font-weight:800}button{color:var(--void-black);cursor:pointer;background:linear-gradient(135deg,#c5a880 0%,#a38054 100%);border:none;border-radius:50px;padding:12px 32px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #c5a8804d}button:hover{transform:scale(1.05);box-shadow:0 6px 20px #c5a88080}input{border:1px solid var(--glass-border);width:100%;color:var(--starlight);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0d;border-radius:12px;outline:none;padding:14px 20px;font-family:Outfit,sans-serif;font-size:1.1rem;transition:border-color .3s}input:focus{border-color:var(--premium-gold)}.main-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.title{text-shadow:0 0 20px #c5a8804d;margin-bottom:1rem;font-size:3.5rem}.subtitle{color:#a0a5b5;max-width:600px;margin-bottom:3rem;font-size:1.2rem;font-weight:300}.header{border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0f19cc;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.header-logo{color:var(--premium-gold);align-items:center;gap:10px;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.header-nav{gap:20px;display:flex}.nav-link{color:var(--starlight);font-weight:600;text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--premium-gold)}.footer{text-align:center;border-top:1px solid var(--glass-border);color:#a0a5b5;padding:2rem;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s forwards fadeIn}.zodiac-result{border-top:1px solid var(--glass-border);opacity:0;margin-top:2rem;padding-top:2rem}.zodiac-result.show{animation:.5s forwards fadeIn}.zodiac-sign{color:var(--premium-gold);margin-bottom:.5rem;font-size:3rem}.zodiac-icon{margin-bottom:1rem;font-size:4rem}