/* 
    telegram.pe.kr - secret-chat06 [Encryption Keys Guide]
    Deep Navy & Gold Key theme
    Key Visual + Accordion + FAQ
    Strictly scoped to #tg-sc06-wrapper
*/
#tg-sc06-wrapper {
    --tg-sc06-bg: #060912;
    --tg-sc06-bg-light: #0e1520;
    --tg-sc06-glass: rgba(255,255,255,0.035);
    --tg-sc06-primary: #eab308;
    --tg-sc06-primary-dim: rgba(234,179,8,0.12);
    --tg-sc06-primary-glow: rgba(234,179,8,0.15);
    --tg-sc06-accent: #2AABEE;
    --tg-sc06-accent-dim: rgba(42,171,238,0.12);
    --tg-sc06-green: #22c55e;
    --tg-sc06-green-dim: rgba(34,197,94,0.12);
    --tg-sc06-danger: #ef4444;
    --tg-sc06-danger-dim: rgba(239,68,68,0.1);
    --tg-sc06-text-main: #f1f5f9;
    --tg-sc06-text-mute: #94a3b8;
    --tg-sc06-border: rgba(255,255,255,0.07);
    --tg-sc06-radius: 16px;
    background: linear-gradient(170deg,#060912 0%,#0a1020 40%,#0e162c 100%);
    color: var(--tg-sc06-text-main); font-family: 'Inter','Noto Sans KR',sans-serif;
    line-height: 1.7; border-radius: var(--tg-sc06-radius); padding: 3rem 2.5rem;
    box-sizing: border-box; overflow: hidden; position: relative;
}
#tg-sc06-wrapper * { box-sizing: border-box; }
#tg-sc06-wrapper::before { content:''; position:absolute; top:-100px; right:-100px; width:300px; height:300px; background:radial-gradient(circle,var(--tg-sc06-primary-glow),transparent 70%); border-radius:50%; pointer-events:none; z-index:0; }
#tg-sc06-wrapper::after { content:''; position:absolute; bottom:-70px; left:-70px; width:220px; height:220px; background:radial-gradient(circle,rgba(42,171,238,0.08),transparent 70%); border-radius:50%; pointer-events:none; z-index:0; }
#tg-sc06-wrapper > * { position:relative; z-index:1; }

.tg-sc06-header { text-align:center; margin-bottom:3.5rem; padding-bottom:3rem; border-bottom:1px solid var(--tg-sc06-border); }
.tg-sc06-header__badge { display:inline-flex; align-items:center; gap:6px; background:linear-gradient(135deg,var(--tg-sc06-primary-dim),rgba(234,179,8,0.04)); color:var(--tg-sc06-primary) !important; padding:8px 18px; border-radius:24px; font-size:0.85rem; font-weight:700; margin-bottom:1.5rem; border:1px solid rgba(234,179,8,0.2); }
.tg-sc06-header__title { font-size:2.1rem; font-weight:900; margin:0 0 1.2rem 0; word-break:keep-all; line-height:1.3; background:linear-gradient(135deg,#fff 30%,var(--tg-sc06-primary)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.tg-sc06-header__desc { font-size:1.1rem; color:var(--tg-sc06-text-mute) !important; max-width:680px; margin:0 auto; word-break:keep-all; }

.tg-sc06-section-title { font-size:1.5rem; font-weight:800; margin:0 0 2rem; display:flex; align-items:center; gap:10px; color:var(--tg-sc06-text-main) !important; }
.tg-sc06-section-title .material-symbols-outlined { font-size:2rem; }

/* Key Visual Block */
.tg-sc06-key-block { background:var(--tg-sc06-glass); border:1px solid var(--tg-sc06-border); border-radius:var(--tg-sc06-radius); padding:2rem; margin-bottom:2rem; }
.tg-sc06-key-block__header { display:flex; align-items:center; gap:14px; margin-bottom:1.5rem; padding-bottom:1.5rem; border-bottom:1px solid var(--tg-sc06-border); }
.tg-sc06-key-block__icon { display:flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:14px; background:var(--tg-sc06-primary-dim); color:var(--tg-sc06-primary) !important; flex-shrink:0; }
.tg-sc06-key-block__icon .material-symbols-outlined { font-size:28px; }
.tg-sc06-key-block__title { font-size:1.25rem; font-weight:800; color:var(--tg-sc06-text-main) !important; margin:0; }
.tg-sc06-key-block__subtitle { font-size:0.9rem; color:var(--tg-sc06-text-mute) !important; margin:3px 0 0 0; }
.tg-sc06-key-block__desc { font-size:1.05rem; color:var(--tg-sc06-text-mute) !important; margin:0 0 1.5rem 0; line-height:1.6; text-align:left !important; }

/* Key grid visual */
.tg-sc06-key-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; max-width:220px; margin:0 auto 1.5rem; }
.tg-sc06-key-cell { aspect-ratio:1; border-radius:6px; animation:tgSc06Shimmer 3s ease-in-out infinite; }
@keyframes tgSc06Shimmer { 0%,100%{opacity:0.7;} 50%{opacity:1;} }
.tg-sc06-key-cell:nth-child(1){background:#eab308;animation-delay:0s;} .tg-sc06-key-cell:nth-child(2){background:#22c55e;animation-delay:0.2s;}
.tg-sc06-key-cell:nth-child(3){background:#2AABEE;animation-delay:0.4s;} .tg-sc06-key-cell:nth-child(4){background:#ef4444;animation-delay:0.6s;}
.tg-sc06-key-cell:nth-child(5){background:#8b5cf6;animation-delay:0.1s;} .tg-sc06-key-cell:nth-child(6){background:#f97316;animation-delay:0.3s;}
.tg-sc06-key-cell:nth-child(7){background:#06b6d4;animation-delay:0.5s;} .tg-sc06-key-cell:nth-child(8){background:#ec4899;animation-delay:0.7s;}
.tg-sc06-key-cell:nth-child(9){background:#14b8a6;animation-delay:0.15s;} .tg-sc06-key-cell:nth-child(10){background:#a855f7;animation-delay:0.35s;}
.tg-sc06-key-cell:nth-child(11){background:#f59e0b;animation-delay:0.55s;} .tg-sc06-key-cell:nth-child(12){background:#3b82f6;animation-delay:0.75s;}
.tg-sc06-key-cell:nth-child(13){background:#10b981;animation-delay:0.05s;} .tg-sc06-key-cell:nth-child(14){background:#e11d48;animation-delay:0.25s;}
.tg-sc06-key-cell:nth-child(15){background:#0ea5e9;animation-delay:0.45s;} .tg-sc06-key-cell:nth-child(16){background:#d946ef;animation-delay:0.65s;}

.tg-sc06-key-caption { text-align:center; font-size:0.85rem; color:var(--tg-sc06-text-mute) !important; margin:0; }

.tg-sc06-tip-callout { margin-top:1.5rem; padding:1rem 1.2rem; background:var(--tg-sc06-primary-dim); border:1px solid rgba(234,179,8,0.2); border-radius:8px; font-size:0.95rem; color:var(--tg-sc06-text-mute) !important; text-align:left !important; }
.tg-sc06-tip-callout strong { color:var(--tg-sc06-primary) !important; }

/* Accordion */
.tg-sc06-accordion { margin-bottom:1rem; border-radius:var(--tg-sc06-radius); overflow:hidden; border:1px solid var(--tg-sc06-border); transition:border-color 0.3s ease,box-shadow 0.3s ease; }
.tg-sc06-accordion:hover { border-color:rgba(234,179,8,0.2); }
.tg-sc06-accordion--open { border-color:var(--tg-sc06-primary) !important; box-shadow:0 0 25px var(--tg-sc06-primary-dim); }
.tg-sc06-accordion__trigger { width:100%; display:flex; align-items:center; gap:16px; padding:1.5rem 2rem; background:var(--tg-sc06-glass); border:none; outline:none; cursor:pointer; font-family:inherit; text-align:left; transition:background 0.2s ease; }
.tg-sc06-accordion__trigger:hover { background:rgba(255,255,255,0.06); }
.tg-sc06-accordion__icon-wrap { display:flex; justify-content:center; align-items:center; width:48px; height:48px; border-radius:14px; flex-shrink:0; }
.tg-sc06-accordion__icon-wrap .material-symbols-outlined { font-size:26px; }
.tg-sc06-accordion__info { flex-grow:1; }
.tg-sc06-accordion__title { font-size:1.2rem; font-weight:800; color:var(--tg-sc06-text-main) !important; margin:0 0 2px 0; }
.tg-sc06-accordion__subtitle { font-size:0.9rem; color:var(--tg-sc06-text-mute) !important; margin:0; }
.tg-sc06-accordion__chevron { color:var(--tg-sc06-text-mute); transition:transform 0.35s ease; flex-shrink:0; }
.tg-sc06-accordion--open .tg-sc06-accordion__chevron { transform:rotate(180deg); color:var(--tg-sc06-primary); }
.tg-sc06-accordion__body { max-height:0; overflow:hidden; transition:max-height 0.45s cubic-bezier(0.4,0,0.2,1),padding 0.35s ease; background:var(--tg-sc06-bg-light); padding:0 2rem; }
.tg-sc06-accordion--open .tg-sc06-accordion__body { max-height:700px; padding:1.5rem 2rem 2rem; }

/* Timeline */
.tg-sc06-timeline { list-style:none; padding:0; margin:0; position:relative; }
.tg-sc06-timeline::before { content:''; position:absolute; left:15px; top:12px; bottom:12px; width:2px; background:linear-gradient(to bottom,var(--tg-sc06-primary),var(--tg-sc06-green)); border-radius:2px; }
.tg-sc06-timeline__item { display:flex; gap:18px; margin-bottom:1.5rem; align-items:flex-start; position:relative; }
.tg-sc06-timeline__item:last-child { margin-bottom:0; }
.tg-sc06-timeline__dot { display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:var(--tg-sc06-bg); border:2px solid var(--tg-sc06-primary); color:var(--tg-sc06-primary); font-size:0.85rem; font-weight:800; flex-shrink:0; z-index:1; }
.tg-sc06-timeline__item:last-child .tg-sc06-timeline__dot { border-color:var(--tg-sc06-green); color:var(--tg-sc06-green); background:var(--tg-sc06-green-dim); }
.tg-sc06-timeline__desc { font-size:1.05rem; color:var(--tg-sc06-text-main) !important; margin:4px 0 0; line-height:1.5; word-break:keep-all; text-align:left !important; }
.tg-sc06-timeline__desc strong { color:var(--tg-sc06-primary); }
.tg-sc06-timeline__item:last-child .tg-sc06-timeline__desc strong { color:var(--tg-sc06-green); }

/* FAQ */
.tg-sc06-faq-item { background:var(--tg-sc06-glass); border:1px solid var(--tg-sc06-border); border-radius:12px; margin-bottom:1rem; overflow:hidden; }
.tg-sc06-faq-item__q { width:100%; display:flex; align-items:center; gap:12px; padding:1.2rem 1.5rem; background:transparent; border:none; outline:none; cursor:pointer; font-family:inherit; text-align:left; }
.tg-sc06-faq-item__q-badge { display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:6px; background:var(--tg-sc06-primary-dim); color:var(--tg-sc06-primary); font-size:0.85rem; font-weight:900; flex-shrink:0; }
.tg-sc06-faq-item__q-text { font-size:1.05rem; font-weight:700; color:var(--tg-sc06-text-main) !important; flex-grow:1; }
.tg-sc06-faq-item__chevron { color:var(--tg-sc06-text-mute); transition:transform 0.3s ease; flex-shrink:0; }
.tg-sc06-faq-item--open .tg-sc06-faq-item__chevron { transform:rotate(180deg); color:var(--tg-sc06-primary); }
.tg-sc06-faq-item__a { max-height:0; overflow:hidden; transition:max-height 0.35s ease,padding 0.3s ease; padding:0 1.5rem; }
.tg-sc06-faq-item--open .tg-sc06-faq-item__a { max-height:250px; padding:0 1.5rem 1.5rem; }
.tg-sc06-faq-item__a-text { font-size:1rem; color:var(--tg-sc06-text-mute) !important; margin:0; line-height:1.6; text-align:left !important; padding-left:40px; }
.tg-sc06-faq-item__a-text strong { color:var(--tg-sc06-text-main) !important; }

@media (max-width:768px) {
    #tg-sc06-wrapper { padding:2rem 1.5rem; }
    .tg-sc06-header__title { font-size:1.6rem; }
    .tg-sc06-accordion__trigger { padding:1.2rem 1.5rem; }
    .tg-sc06-accordion__body { padding:0 1.5rem; }
    .tg-sc06-accordion--open .tg-sc06-accordion__body { padding:1.2rem 1.5rem 1.5rem; }
    .tg-sc06-key-block { padding:1.5rem; }
}