Terms of service

:root { --primary: #2c3e50; --primary-dark: #1a2a3a; --accent: #e67e22; --accent-light: #f39c12; --gray-light: #f8f9fa; --gray: #6c757d; --white: #ffffff; --shadow: 0 10px 30px rgba(0,0,0,0.08); } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #2c3e50; background: linear-gradient(135deg, #f5f7fa 0%, #fff 100%); } .container { max-width: 1200px; margin: 0 auto; padding: 60px 24px; } .page-header { text-align: center; margin-bottom: 48px; } .page-header h1 { font-size: 48px; font-weight: 700; background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 8px; } .last-updated { color: var(--gray); font-size: 14px; text-align: center; margin-top: 8px; } .policy-card { background: var(--white); border-radius: 32px; padding: 40px; box-shadow: var(--shadow); margin-bottom: 32px; } h2 { font-size: 28px; margin: 0 0 20px 0; color: var(--primary); display: inline-block; border-bottom: 3px solid var(--accent); padding-bottom: 8px; } h3 { font-size: 20px; margin: 28px 0 16px 0; color: var(--primary); } .shipping-table { width: 100%; border-collapse: collapse; margin: 24px 0; background: var(--gray-light); border-radius: 20px; overflow: hidden; } .shipping-table th, .shipping-table td { padding: 16px; text-align: left; border-bottom: 1px solid #e9ecef; } .shipping-table th { background: var(--primary); color: white; font-weight: 600; } .shipping-table tr:last-child td { border-bottom: none; } .info-box { background: linear-gradient(135deg, #eef2ff, #fff); border-left: 4px solid var(--accent); padding: 20px 24px; border-radius: 20px; margin: 24px 0; } .warning-box { background: linear-gradient(135deg, #fff8e7, #fff); border-left: 4px solid #f39c12; padding: 20px 24px; border-radius: 20px; margin: 24px 0; } .contact-box { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: white; padding: 32px; border-radius: 28px; margin-top: 40px; text-align: center; } .contact-box a { color: var(--accent-light); text-decoration: none; } .contact-box a:hover { text-decoration: underline; } ul, .list { margin-left: 24px; margin-bottom: 20px; } li { margin-bottom: 8px; } @media (max-width: 768px) { .container { padding: 40px 20px; } .page-header h1 { font-size: 32px; } .policy-card { padding: 24px; } .shipping-table th, .shipping-table td { padding: 12px; font-size: 14px; } }
:root { --primary: #2c3e50; --primary-dark: #1a2a3a; --accent: #e67e22; --accent-light: #f39c12; --gray-light: #f8f9fa; --gray: #6c757d; --gray-dark: #495057; --white: #ffffff; --shadow: 0 10px 30px rgba(0,0,0,0.08); --shadow-hover: 0 20px 40px rgba(0,0,0,0.12); } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: var(--gray-dark); background: linear-gradient(135deg, #f5f7fa 0%, #fff 100%); } .container { max-width: 1100px; margin: 0 auto; padding: 60px 24px; } .page-header { text-align: center; margin-bottom: 48px; } .page-header h1 { font-size: 52px; font-weight: 700; background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 12px; letter-spacing: -0.5px; } .last-updated { color: var(--gray); font-size: 14px; text-align: center; background: var(--gray-light); display: inline-block; padding: 6px 16px; border-radius: 40px; margin-top: 8px; } .terms-card { background: var(--white); border-radius: 32px; padding: 52px; box-shadow: var(--shadow); border: 1px solid rgba(0,0,0,0.03); } h2 { font-size: 26px; margin: 40px 0 20px 0; color: var(--primary); border-left: 4px solid var(--accent); padding-left: 18px; font-weight: 600; } h2:first-of-type { margin-top: 0; } h3 { font-size: 20px; margin: 28px 0 14px 0; color: var(--primary); font-weight: 600; } .toc { background: linear-gradient(135deg, var(--gray-light), #ffffff); padding: 28px 32px; border-radius: 24px; margin-bottom: 40px; border: 1px solid rgba(0,0,0,0.05); } .toc h3 { margin-top: 0; margin-bottom: 16px; border-left: none; padding-left: 0; color: var(--primary); } .toc ul { columns: 2; column-gap: 40px; list-style: none; margin-left: 0; } .toc li { margin-bottom: 10px; } .toc a { color: var(--accent); text-decoration: none; font-weight: 500; transition: color 0.2s; } .toc a:hover { color: var(--accent-light); text-decoration: underline; } .contact-box { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: white; padding: 40px; border-radius: 28px; margin-top: 48px; text-align: center; } .contact-box h3 { color: white; margin-bottom: 16px; border-left: none; padding-left: 0; } .contact-box a { color: var(--accent-light); text-decoration: none; font-weight: 500; } .contact-box a:hover { text-decoration: underline; } p { margin-bottom: 18px; color: var(--gray-dark); line-height: 1.7; } ul, .list { margin-left: 28px; margin-bottom: 22px; } li { margin-bottom: 8px; line-height: 1.6; } .highlight-box { background: var(--gray-light); padding: 20px 28px; border-radius: 20px; margin: 28px 0; border-left: 4px solid var(--accent); } .warning-box { background: #fff8e7; padding: 20px 28px; border-radius: 20px; margin: 28px 0; border-left: 4px solid #f39c12; } hr { margin: 40px 0; border: none; border-top: 1px solid #e9ecef; } @media (max-width: 768px) { .container { padding: 40px 20px; } .terms-card { padding: 28px; } .toc ul { columns: 1; } .page-header h1 { font-size: 36px; } h2 { font-size: 22px; } }