﻿        :root {
            --tnc-green:   #09cd91;
            --tnc-green-d: #07b07c;
            --tnc-blue:    #4fc3f7;
            --tnc-purple:  #7c6dfa;
            --tnc-amber:   #ffb74d;
        }
        /* ── hero ── */
        .tnc-hero {
            min-height: 46vh;
            display: flex; align-items: center;
            padding: 130px 20px 70px;
            position: relative; overflow: hidden;
            background:
                radial-gradient(ellipse 70% 80% at 15% 50%, rgba(9,205,145,.09) 0%, transparent 65%),
                radial-gradient(ellipse 50% 70% at 85% 50%, rgba(79,195,247,.07) 0%, transparent 65%);
        }
        .tnc-hero-orb { position:absolute; border-radius:50%; pointer-events:none; }
        .tnc-orb-1 { top:-5%; right:-4%; width:560px; height:560px;
            background:radial-gradient(circle,rgba(79,195,247,.09) 0%,transparent 68%); }
        .tnc-orb-2 { bottom:5%; left:-8%; width:440px; height:440px;
            background:radial-gradient(circle,rgba(9,205,145,.08) 0%,transparent 68%); }
        .tnc-badge {
            display:inline-flex; align-items:center; gap:7px;
            background:rgba(9,205,145,.08); border:1px solid rgba(9,205,145,.22);
            border-radius:50px; padding:5px 16px;
            font-size:11.5px; font-weight:600; color:var(--tnc-green);
            letter-spacing:.06em; text-transform:uppercase; margin-bottom:22px;
        }
        .tnc-badge-dot { width:6px; height:6px; border-radius:50%; background:var(--tnc-green);
            animation:tnc-pulse 1.8s ease-in-out infinite; }
        @keyframes tnc-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.7)} }
        .tnc-hero-h1 {
            font-size:clamp(2rem,4.5vw,3.2rem); font-weight:800; line-height:1.15;
            color:#f0f4f8; letter-spacing:-.02em; margin-bottom:18px;
        }
        .tnc-grad {
            background:linear-gradient(135deg,var(--tnc-green) 0%,var(--tnc-blue) 100%);
            -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
        }
        .tnc-hero-sub { font-size:1rem; color:rgba(200,208,220,.65); line-height:1.75; max-width:620px; }
        .tnc-breadcrumb { display:inline-flex; align-items:center; gap:6px; font-size:.75rem; color:rgba(200,208,220,.5); margin-bottom:22px; }
        .tnc-breadcrumb a { color:rgba(200,208,220,.5); text-decoration:none; }
        .tnc-breadcrumb a:hover { color:var(--tnc-green); }
        .tnc-breadcrumb-sep { color:rgba(200,208,220,.3); }
        .tnc-updated { display:inline-flex; align-items:center; gap:7px; margin-top:28px; font-size:.78rem; color:rgba(200,208,220,.45); }
        .tnc-updated strong { color:var(--tnc-green); font-weight:600; }
        /* ── TOC ── */
        .tnc-toc-card {
            background:rgba(255,255,255,0.035); border:1px solid rgba(255,255,255,0.07);
            border-radius:16px; padding:28px 32px; position:sticky; top:90px;
        }
        .tnc-toc-title { font-size:.7rem; font-weight:700; color:rgba(200,208,220,.5); letter-spacing:.1em; text-transform:uppercase; margin-bottom:16px; }
        .tnc-toc-list { list-style:none; padding:0; margin:0; }
        .tnc-toc-list li { margin-bottom:4px; }
        .tnc-toc-list a { display:flex; align-items:center; gap:8px; font-size:.82rem; color:rgba(200,208,220,.6); text-decoration:none; padding:6px 8px; border-radius:8px; transition:background .25s,color .25s; }
        .tnc-toc-list a:hover, .tnc-toc-list a.active { background:rgba(9,205,145,.07); color:var(--tnc-green); }
        .tnc-toc-num { width:20px; height:20px; background:rgba(9,205,145,.1); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.65rem; font-weight:700; color:var(--tnc-green); flex-shrink:0; }
        /* ── Body ── */
        .tnc-body { padding:80px 0 100px; }
        .tnc-section { margin-bottom:64px; scroll-margin-top:100px; }
        .tnc-section-label { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; color:var(--tnc-green); letter-spacing:.1em; text-transform:uppercase; margin-bottom:10px; }
        .tnc-section-h2 { font-size:clamp(1.3rem,2.5vw,1.7rem); font-weight:800; color:#f0f4f8; line-height:1.25; letter-spacing:-.01em; margin-bottom:16px; }
        .tnc-divider { border:none; border-top:1px solid rgba(255,255,255,.06); margin:0 0 24px; }
        .tnc-body p { font-size:.9rem; color:rgba(200,208,220,.8); line-height:1.8; margin-bottom:14px; }
        .tnc-highlight { background:rgba(9,205,145,.06); border:1px solid rgba(9,205,145,.15); border-left:3px solid var(--tnc-green); border-radius:10px; padding:18px 22px; margin:20px 0; font-size:.88rem; color:rgba(200,208,220,.85); line-height:1.75; }
        .tnc-warning { background:rgba(255,183,77,.05); border:1px solid rgba(255,183,77,.18); border-left:3px solid var(--tnc-amber); border-radius:10px; padding:18px 22px; margin:20px 0; font-size:.88rem; color:rgba(200,208,220,.85); line-height:1.75; }
        /* ── Cards ── */
        .tnc-info-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:16px; margin:24px 0; }
        .tnc-info-card { background:rgba(255,255,255,0.035); border:1px solid rgba(255,255,255,0.07); border-radius:16px; padding:22px 20px; transition:border-color .25s,transform .25s; }
        .tnc-info-card:hover { border-color:rgba(9,205,145,.2); transform:translateY(-3px); }
        .tnc-info-card-icon { width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
        .tnc-ic-green  { background:rgba(9,205,145,.1);   color:var(--tnc-green); }
        .tnc-ic-blue   { background:rgba(79,195,247,.1);  color:var(--tnc-blue);  }
        .tnc-ic-purple { background:rgba(124,109,250,.1); color:var(--tnc-purple);}
        .tnc-ic-amber  { background:rgba(255,183,77,.1);  color:var(--tnc-amber); }
        .tnc-info-card-title { font-size:.88rem; font-weight:700; color:#ecf0f8; margin-bottom:6px; }
        .tnc-info-card-text  { font-size:.78rem; color:rgba(200,208,220,.65); line-height:1.6; }
        /* ── Check list ── */
        .tnc-check-list { list-style:none; padding:0; margin:16px 0; }
        .tnc-check-list li { display:flex; align-items:flex-start; gap:11px; font-size:.88rem; color:rgba(200,208,220,.8); margin-bottom:12px; line-height:1.65; }
        .tnc-check { width:20px; height:20px; flex-shrink:0; border-radius:50%; background:rgba(9,205,145,.12); border:1px solid rgba(9,205,145,.25); display:flex; align-items:center; justify-content:center; color:var(--tnc-green); margin-top:2px; }
        .tnc-x { width:20px; height:20px; flex-shrink:0; border-radius:50%; background:rgba(255,183,77,.1); border:1px solid rgba(255,183,77,.25); display:flex; align-items:center; justify-content:center; color:var(--tnc-amber); margin-top:2px; }
        /* ── Contact card ── */
        .tnc-contact-card { background:linear-gradient(135deg,rgba(9,205,145,.08) 0%,rgba(79,195,247,.06) 100%); border:1px solid rgba(9,205,145,.18); border-radius:20px; padding:40px 36px; text-align:center; margin-top:40px; }
        .tnc-contact-card h3 { font-size:1.4rem; font-weight:800; color:#f0f4f8; margin-bottom:10px; }
        .tnc-contact-card p { font-size:.9rem; color:rgba(200,208,220,.65); max-width:480px; margin:0 auto 28px; }
        .tnc-contact-btn { display:inline-flex; align-items:center; gap:8px; background:linear-gradient(135deg,var(--tnc-green) 0%,var(--tnc-green-d) 100%); color:#050e1c; font-weight:700; font-size:.9rem; padding:13px 30px; border-radius:10px; text-decoration:none; transition:opacity .2s,transform .2s; }
        .tnc-contact-btn:hover { opacity:.88; transform:translateY(-2px); color:#050e1c; text-decoration:none; }
        .tnc-alt-btn { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:#d8e0ec; font-weight:600; font-size:.9rem; padding:13px 28px; border-radius:10px; text-decoration:none; transition:background .25s,border-color .25s,transform .25s; }
        .tnc-alt-btn:hover { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.2); transform:translateY(-2px); color:#f0f4f8; text-decoration:none; }
        @media (max-width:991px) { .tnc-toc-card { display:none; } .tnc-body { padding:50px 0 70px; } }
