/* Terms Page Specific Styles */ /* Main container styles */ .terms-card {
    background: white; border-radius: 10px; box-shadow: 0 4px 20px rgba(0, 
    0, 0, 0.08); padding: 2rem; margin-bottom: 2rem;
} /* Header styles */ .terms-card h1 {
    text-align: center; margin-bottom: 1rem; color: var(--dark); position: 
    relative; padding-bottom: 1rem;
} .terms-card h1:after {
    content: ''; position: absolute; bottom: 0; left: 50%; transform: 
    translateX(-50%); width: 80px; height: 3px; background: 
    var(--primary); border-radius: 3px;
} .last-updated {
    text-align: center; margin-bottom: 2rem; color: var(--gray); 
    font-size: 0.9rem;
} /* Section styles */ .terms-content section {
    margin-bottom: 2.5rem; border-bottom: 1px solid #eee; padding-bottom: 
    2rem;
} .terms-content section:last-child {
    border-bottom: none; margin-bottom: 0; padding-bottom: 0; } 
.terms-content h2 {
    color: var(--dark); font-size: 1.6rem; margin-bottom: 1.5rem; 
    position: relative; padding-bottom: 0.5rem;
} .terms-content h2:after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 40px; 
    height: 3px; background: var(--primary); border-radius: 3px;
} .terms-content h3 {
    color: var(--dark); font-size: 1.2rem; margin: 1.5rem 0 1rem; } 
.terms-content p {
    margin-bottom: 1rem; line-height: 1.7; } .terms-content a { color: 
    var(--primary); text-decoration: none;
} .terms-content a:hover {
    text-decoration: underline; } /* List styles */ .terms-content ul { 
    padding-left: 1.5rem; margin-bottom: 1.5rem;
} .terms-content ul li {
    margin-bottom: 0.75rem; line-height: 1.7; position: relative; } 
.terms-content ul li::before {
    content: ""; color: var(--primary); font-weight: bold; display: 
    inline-block; width: 1rem; margin-left: -1rem;
} /* Platform TOS section */ .platform-tos-container {
    background: #f8f9fa; padding: 1.5rem; border-radius: 8px; border-left: 
    4px solid var(--primary); margin: 1.5rem 0;
} .platform-tos-container ul {
    margin-bottom: 0; } .platform-tos-container ul li { margin-bottom: 
    0.75rem;
} .platform-tos-container ul li:last-child {
    margin-bottom: 0; } /* Credits terms notice */ .credits-notice { 
    background: #fff8e1; border-radius: 8px; padding: 1.5rem; display: 
    flex; align-items: flex-start; gap: 1rem; margin: 1.5rem 0; 
    border-left: 4px solid var(--warning);
} .notice-icon {
    display: flex; justify-content: center; align-items: flex-start; 
    padding-top: 0.2rem;
} .notice-icon i {
    color: var(--warning); font-size: 1.5rem; flex-shrink: 0; } 
.notice-content {
    flex: 1; } .notice-content p { margin-bottom: 0.5rem; } 
.notice-content ul {
    margin-bottom: 0; } .notice-content li { margin-bottom: 0.5rem; } 
.notice-content li:last-child {
    margin-bottom: 0; } /* Contact info */ .contact-info { background: 
    #f8f9fa; padding: 1.5rem; border-radius: 8px; margin: 1rem 0;
} /* Footer message */ .terms-footer {
    background: #f0f8ff; padding: 1.5rem; border-radius: 8px; text-align: 
    center; margin-top: 2rem; border-left: 4px solid var(--primary);
} .terms-footer p {
    font-weight: 500; color: var(--dark); } /* Responsive styles */ @media 
screen and (max-width: 768px) {
    .terms-card {
        padding: 1.5rem;
    }

    .terms-content h2 {
        font-size: 1.4rem;
    }

    .terms-content h3 {
        font-size: 1.1rem;
    } } @media screen and (max-width: 480px) { .credits-notice {
        flex-direction: column;
    }

    .notice-icon {
        margin-bottom: 0.5rem;
    }
}