/* polytics.club */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #fafafa; color: #000000; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.6; }
.welcome { text-align: center; padding: 6rem 2rem 4rem; position: relative; overflow: hidden; }
.shape { position: absolute; }
.shape-triangle { width: 60px; height: 60px; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background: #f472b6; top: 15%; left: 10%; transform: rotate(15deg); }
.shape-circle { width: 50px; height: 50px; border-radius: 50%; background: #60a5fa; top: 20%; right: 15%; }
.shape-rect { width: 40px; height: 40px; background: #fbbf24; bottom: 25%; left: 20%; transform: rotate(-10deg); border: 3px solid #000; }
.shape.small { width: 30px; height: 30px; position: static; display: inline-block; margin: 0 0.5rem; }
.shape.small.shape-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.brand { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: clamp(2.5rem, 6vw, 4rem); position: relative; z-index: 1; }
.club-badge { display: inline-block; font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 0.7rem; background: #fbbf24; border: 3px solid #000; padding: 0.2rem 0.8rem; margin-top: 0.5rem; letter-spacing: 0.1em; }
.tagline { font-size: 0.85rem; margin-top: 1rem; color: #000; opacity: 0.6; }
.pattern-band { height: 30px; background: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(0, 0, 0, 0.05) 5px, rgba(0, 0, 0, 0.05) 10px); }
.perspectives { max-width: 500px; margin: 0 auto; padding: 3rem 1.5rem; display: flex; flex-direction: column; gap: 1.5rem; }
.perspective-block { border: 3px solid #000; padding: 1.5rem; }
.pink-block { background: #f472b6; }
.yellow-block { background: #fbbf24; }
.blue-block { background: #60a5fa; }
.block-title { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1.1rem; margin-bottom: 0.5rem; }
.block-text { font-size: 0.8rem; margin-bottom: 0.5rem; }
.block-tag { font-family: 'Fira Code', monospace; font-size: 0.65rem; opacity: 0.7; }
.debate { max-width: 500px; margin: 0 auto; padding: 3rem 1.5rem; }
.debate-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.debate-side { border: 3px solid #000; padding: 1.2rem; }
.debate-position { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 0.8rem; margin-bottom: 0.5rem; }
.debate-text { font-size: 0.75rem; }
.join { text-align: center; padding: 4rem 2rem 5rem; }
.join-text { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1.5rem; margin-top: 1rem; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }