* { box-sizing: border-box }
.accent-text, .group:hover .group-hover\:accent-text, .hover\:accent-text:hover { color: var(--accent); transition: color 0.2s ease }
.contact-info a { color: var(--accent); font-weight: 600; text-decoration: none; transition: all 0.3s ease }
.contact-info a:hover { color: var(--accent-secondary); text-decoration: underline }
.contact-info { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: var(--glass-bg); border-radius: 0.75rem; border: 1px solid var(--border); display: inline-block; margin: 1rem 0; padding: 1.5rem }
.content-section li { line-height: 1.6; margin-bottom: 0.75rem }
.content-section p { line-height: 1.7; margin-bottom: 1rem }
.content-section ul, .content-section ol { margin: 1rem 0; padding-left: 1.5rem }
.content-section { margin-bottom: 3rem }
.danger-card { background: linear-gradient(135deg, rgba(244, 67, 54, 0.1), rgba(211, 47, 47, 0.05)); border-left: 4px solid #F44336; border: 1px solid rgba(244, 67, 54, 0.3) }
.feature-card i { color: var(--accent); font-size: 2.5rem; margin-bottom: 1rem }
.feature-card { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: var(--glass-bg); border-radius: 0.75rem; border: 1px solid var(--border); padding: 1.5rem; text-align: center; transition: all 0.3s ease }
.feature-card:hover { border-color: var(--accent); box-shadow: var(--shadow-primary); transform: translatey(-2px) }
.highlight-box { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: var(--glass-bg); border-left: 4px solid var(--accent); border-radius: 0.5rem; border: 1px solid var(--border); margin: 1.5rem 0; padding: 1.5rem }
.info-card { background: linear-gradient(135deg, rgba(33, 150, 243, 0.1), rgba(25, 118, 210, 0.05)); border-left: 4px solid #2196F3; border: 1px solid rgba(33, 150, 243, 0.3) }
.light-mode { --accent-gradient: linear-gradient(135deg, #F0B44F 0%, #40C0C0 100%); --accent-secondary: #1A7A7A; --accent: #D4861F; --bg-secondary: #F1F7F9; --bg: #F7FAFB; --border: #E1EEF2; --card-bg: #FFF; --card-hover: #F8FCFD; --glass-bg: rgba(255, 255, 255, 0.7); --gradient-mesh: radial-gradient(circle at 20% 30%, rgba(212, 134, 31, 0.02) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(26, 122, 122, 0.03) 0%, transparent 40%), radial-gradient(circle at 40% 80%, rgba(212, 134, 31, 0.015) 0%, transparent 50%); --header-bg: rgba(255, 255, 255, 0.85); --shadow-primary: 0 4px 32px rgba(212, 134, 31, 0.08); --shadow-secondary: 0 8px 64px rgba(26, 122, 122, 0.05); --tag-bg: #E8F8F9; --tag-text: #1A7A7A; --text-muted: #5B7A86; --text-primary: #0A2329; --text-secondary: #2A4853 }
.prohibited-grid { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); margin: 2rem 0 }
.prohibited-item h4 { align-items: center; color: #F44336; display: flex; font-size: 1.1rem; margin-bottom: 0.5rem }
.prohibited-item i { font-size: 1.2rem; margin-right: 0.5rem }
.prohibited-item { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: var(--glass-bg); border-radius: 0.75rem; border: 1px solid var(--border); padding: 1.5rem; transition: all 0.3s ease }
.prohibited-item:hover { border-color: #F44336; box-shadow: var(--shadow-primary); transform: translatey(-2px) }
.section-title { font-family: "JetBrains Mono", monospace; margin-bottom: 1.5rem; padding-bottom: 1rem; position: relative }
.service-features { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); margin: 2rem 0 }
.terms-card { -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background: var(--glass-bg); border-radius: 1.25rem; border: 1px solid var(--border); margin-bottom: 2rem; overflow: hidden; position: relative; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) }
.terms-card::before { background: var(--accent-gradient); content: ""; height: 2px; left: 0; opacity: 0.7; position: absolute; right: 0; top: 0 }
.toc-nav a i { margin-right: 0.5rem; width: 16px }
.toc-nav a { align-items: center; border-radius: 0.5rem; color: var(--text-secondary); display: flex; padding: 0.5rem; text-decoration: none; transition: all 0.3s ease }
.toc-nav a.active-toc-link { background-color: var(--card-hover); color: var(--accent) }
.toc-nav a:hover { background: var(--card-hover); color: var(--accent) }
.toc-nav h3 { color: var(--text-primary); margin-bottom: 1rem }
.toc-nav li { margin-bottom: 0.5rem }
.toc-nav ul { list-style: none; padding: 0 }
.toc-nav { -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background: var(--glass-bg); border-radius: 1rem; border: 1px solid var(--border); margin-bottom: 3rem; padding: 2rem; position: sticky; top: 120px; z-index: 10 }
.warning-card { background: linear-gradient(135deg, rgba(255, 193, 7, 0.1), rgba(255, 152, 0, 0.05)); border-left: 4px solid #FFC107; border: 1px solid rgba(255, 193, 7, 0.3) }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background-image: var(--gradient-mesh); background: var(--bg); color: var(--text-secondary); font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif; line-height: 1.6; scroll-behavior: smooth; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) }