Terms of service

/* ================= STRUCTURE ================= */ .prithos-legal-page * { box-sizing: border-box; } .legal-container { max-width: 1100px; margin: 0 auto; padding: 0 20px; } .legal-hero { padding: 160px 20px 80px; text-align: center; } .legal-section { padding: 80px 20px 160px; } .legal-stack { display: flex; flex-direction: column; gap: 22px; } /* ================= INTERACTIVE CARD ================= */ .legal-item { position: relative; border-radius: 18px; border: 1px solid currentColor; background: rgba(255,255,255,0.02); backdrop-filter: blur(10px); overflow: hidden; transition: all 0.35s ease; } /* Hover effect */ .legal-item:hover { transform: translateY(-3px); box-shadow: 0 0 35px rgba(0,0,0,0.3); } /* Gold accent line (inherits theme color) */ .legal-item::before { content: ""; position: absolute; top: 0; left: 0; height: 2px; width: 0%; background: currentColor; transition: width 0.35s ease; } .legal-item:hover::before, .legal-item[open]::before { width: 100%; } /* ================= SUMMARY ================= */ .legal-item summary { cursor: pointer; padding: 22px 26px; list-style: none; position: relative; transition: all 0.3s ease; } .legal-item summary::-webkit-details-marker { display: none; } /* Arrow indicator */ .legal-item summary::after { content: "+"; position: absolute; right: 26px; transition: transform 0.3s ease; } /* Rotate when open */ .legal-item[open] summary::after { content: "–"; transform: rotate(180deg); } /* Subtle highlight on hover */ .legal-item:hover summary { opacity: 0.85; } /* ================= CONTENT ================= */ .legal-content { padding: 0 26px 26px 26px; line-height: 1.7; } /* ================= OPEN STATE ================= */ .legal-item[open] { backdrop-filter: blur(14px); box-shadow: 0 0 40px rgba(0,0,0,0.4); } /* ================= RESPONSIVE ================= */ @media (max-width: 768px) { .legal-hero { padding-top: 120px; } .legal-section { padding-bottom: 120px; } }