*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background:radial-gradient(circle at top,#18120d,#050509 70%);color:#fff;min-height:100vh}.container{width:92%;max-width:1055px;margin:auto;padding-bottom:30px}.hero{text-align:center;padding:50px 0 30px}.hero h1{font-size:46px;color:#f2c56a}.hero p{color:#d4b074;margin-top:10px}.hero-tagline{color:#a89860;margin-top:8px;font-size:16px;font-weight:500}.panel{padding:20px;border-radius:18px;background:hsla(0,0%,100%,.03);border:1px solid hsla(40,84%,68%,.15)}button{padding:12px 18px;border:none;border-radius:30px;cursor:pointer;color:#fff;background:hsla(0,0%,100%,.06)}.read-more,button.active{background:linear-gradient(135deg,#f2c56a,#ba7d29);color:#111}.read-more{padding:7px 14px;border-radius:20px;font-weight:700;font-size:12px}.controls{display:flex;justify-content:space-between;flex-wrap:nowrap;gap:15px;margin-top:20px}.date-controls,.langs,.periods{display:flex;flex-wrap:nowrap;gap:8px}.langs button,.periods button{white-space:nowrap}.langs,.tabs{display:flex;gap:10px}.langs,.periods{gap:8px}.date-panel,.langs,.periods{display:flex;align-items:center}.date-panel{margin-top:20px;justify-content:center;flex-wrap:wrap;gap:20px}.date-panel input{padding:12px;border-radius:10px;border:none}.date-nav-btn{padding:10px 14px;border-radius:8px;background:linear-gradient(135deg,#f2c56a,#ba7d29);color:#111;font-weight:700;font-size:16px;border:1px solid #f2c56a;box-shadow:0 0 8px #f2c56a66;transition:all .3s ease}.date-nav-btn:hover{box-shadow:0 0 16px #f2c56a99;transform:scale(1.05)}.date-controls{justify-content:center;display:flex;gap:6px}.date-controls input{padding:10px;border-radius:10px;border:0;background:#fff;color:#111}.summary{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:15px;gap:15px}.summary-box{padding:15px;border-radius:15px;background:hsla(0,0%,100%,.04)}.summary-box h4{color:#f2c56a;margin-bottom:5px}.grid{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:20px;gap:20px;align-items:stretch}.card{background:hsla(0,0%,100%,.04);border-radius:20px;padding:20px;display:flex;flex-direction:column;height:100%;transition:all .3s ease}.card:hover{transform:translateY(-8px);background:hsla(0,0%,100%,.08)}.card:hover .symbol{transform:scale(1.1)}.card.green{border:1px solid #1db95455;box-shadow:0 0 12px #1db95422}.card.yellow{border:1px solid #f2c56a55;box-shadow:0 0 12px #f2c56a22}.card.red{border:1px solid #ff4d4d55;box-shadow:0 0 12px #ff4d4d22}.card h3{margin:12px 0;color:#f2c56a}.card p{line-height:1.6;color:#ddd;margin-bottom:15px;flex-grow:1}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.symbol{font-size:48px;color:#f2c56a;text-shadow:0 0 8px #f2c56a66;transition:transform .3s ease}.badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700}.badge.green{background:#1db95422;color:#1db954}.badge.yellow{background:#f2c56a22;color:#f2c56a}.badge.red{background:#ff4d4d22;color:#ff4d4d}.mood{display:inline-block;padding:7px 12px;border-radius:20px;font-size:12px;font-weight:700}.mood.green{background:#1db95422;color:#1db954}.mood.yellow{background:#f2c56a22;color:#f2c56a}.mood.red{background:#ff4d4d22;color:#ff4d4d}.crumb{font-size:13px;color:#b99458;margin-bottom:16px}.rashi-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));grid-gap:9px;gap:9px;margin-bottom:20px}.rashi-tabs button{padding:10px 8px;border-radius:12px;border:1px solid hsla(40,84%,68%,.12);font-size:13px}.langs button.active,.periods button.active,.rashi-tabs button.active{background:linear-gradient(135deg,#f2c56a,#ba7d29);color:#111}.feature{display:grid;grid-template-columns:180px 1fr;grid-gap:24px;gap:24px;align-items:center;padding:18px;border-radius:16px;background:rgba(0,0,0,.22);border:1px solid hsla(40,84%,68%,.13)}.zodiac-mark{width:150px;height:150px;margin:auto;border-radius:50%;display:grid;place-items:center;font-size:76px;color:#f2c56a;background:radial-gradient(circle,#4b2b11,#120b08 72%);border:1px solid hsla(40,84%,68%,.36);box-shadow:0 0 28px hsla(40,84%,68%,.12)}.feature h2{font-size:28px;color:#f2c56a;margin-bottom:8px}.feature p{line-height:1.65;color:#ddd}.reading{margin-top:20px;padding:20px;border-radius:18px;background:hsla(0,0%,100%,.04);border:1px solid hsla(40,84%,68%,.15)}.reading-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:14px}.reading h3{font-size:24px;color:#f2c56a}.reading .date{color:#d4b074;font-size:14px;margin-top:4px}.prediction{line-height:1.7;color:#e4e4e4}.details{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:12px;gap:12px}.detail{padding:13px;border-radius:14px;background:hsla(0,0%,100%,.04);border:1px solid hsla(40,84%,68%,.1)}.detail strong{display:block;color:#f2c56a;margin-bottom:5px}.expanded{display:none;margin-top:14px;padding-top:14px;border-top:1px solid hsla(40,84%,68%,.15);color:#ddd;line-height:1.7}.reading.open .expanded{display:block}@media (max-width:760px){.hero h1{font-size:32px}.feature{text-align:center}.controls,.feature{grid-template-columns:1fr}.date-controls,.langs,.periods{justify-content:center}.reading-head{display:block}.mood{margin-top:10px}.controls,.date-controls,.langs,.periods{flex-wrap:wrap}.langs button,.periods button{white-space:wrap}.langs,.periods,.tabs{flex-wrap:wrap}}@media (max-width:1024px){.controls{grid-template-columns:1fr}.controls,.date-controls,.langs,.periods,.tabs{flex-wrap:wrap}.langs button,.periods button{white-space:normal}}