/* political.bar */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: linear-gradient(180deg, #1a0a2e 0%, #ff6b9d 25%, #c084fc 50%, #2dd4bf 75%, #1a0a2e 100%); color: #ffffff; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.6; min-height: 100vh; }
.hero { text-align: center; padding: 6rem 2rem 4rem; position: relative; overflow: hidden; background: linear-gradient(180deg, #1a0a2e, rgba(255, 107, 157, 0.8)); }
.brand { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: clamp(2rem, 5vw, 3.5rem); background: linear-gradient(180deg, #ff6b9d, #ffffff, #c084fc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; position: relative; z-index: 1; }
.est { font-family: 'Space Grotesk', sans-serif; font-size: 0.6rem; background: linear-gradient(90deg, #ff6b9d, #c084fc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; letter-spacing: 0.15em; position: relative; z-index: 1; }
.grid-floor { width: 100%; height: 80px; background: linear-gradient(transparent 50%, rgba(255, 255, 255, 0.1) 50%); background-size: 100% 4px; transform: perspective(200px) rotateX(30deg); margin-top: 2rem; opacity: 0.5; }
.discourse { max-width: 480px; margin: 0 auto; padding: 2rem 1.5rem; display: flex; flex-direction: column; gap: 1rem; background: linear-gradient(180deg, rgba(45, 212, 191, 0.2), rgba(192, 132, 252, 0.2)); }
.topic-card { border-radius: 16px; padding: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.3); }
.pink-card { background: linear-gradient(135deg, rgba(255, 107, 157, 0.5), rgba(192, 132, 252, 0.3)); }
.purple-card { background: linear-gradient(135deg, rgba(192, 132, 252, 0.5), rgba(45, 212, 191, 0.3)); }
.teal-card { background: linear-gradient(135deg, rgba(45, 212, 191, 0.5), rgba(192, 132, 252, 0.3)); }
.topic-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1rem; margin-bottom: 0.3rem; }
.topic-desc { font-size: 0.75rem; opacity: 0.85; }
.horizon { padding: 4rem 2rem; background: linear-gradient(180deg, rgba(45, 212, 191, 0.3), #1a0a2e); }
.sunset-bg { max-width: 480px; margin: 0 auto; background: linear-gradient(135deg, rgba(255, 107, 157, 0.4), rgba(192, 132, 252, 0.6)); border-radius: 16px; padding: 3rem 2rem; text-align: center; }
.quote-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: clamp(1rem, 2.5vw, 1.4rem); font-style: italic; line-height: 1.5; color: #ffffff; }
.dawn { text-align: center; padding: 3rem 2rem 5rem; background: linear-gradient(180deg, #1a0a2e, #2dd4bf); }
.close-text { font-family: 'Space Grotesk', sans-serif; font-size: 0.8rem; opacity: 0.7; color: #ffffff; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }