/* 
    telegram.pe.kr - secret-chat07 [Why Not All Secret?]
    Dark Cosmos & Dual Gradient (Cyan-Violet) theme
    Reason Cards + Accordion + Tips
    Strictly scoped to #tg-sc07-wrapper
*/
#tg-sc07-wrapper {
    --tg-sc07-bg: #060911;
    --tg-sc07-bg-light: #0e1520;
    --tg-sc07-glass: rgba(255,255,255,0.035);
    --tg-sc07-primary: #06b6d4;
    --tg-sc07-primary-dim: rgba(6,182,212,0.12);
    --tg-sc07-primary-glow: rgba(6,182,212,0.15);
    --tg-sc07-violet: #8b5cf6;
    --tg-sc07-violet-dim: rgba(139,92,246,0.12);
    --tg-sc07-accent: #2AABEE;
    --tg-sc07-accent-dim: rgba(42,171,238,0.12);
    --tg-sc07-green: #22c55e;
    --tg-sc07-green-dim: rgba(34,197,94,0.12);
    --tg-sc07-amber: #f59e0b;
    --tg-sc07-amber-dim: rgba(245,158,11,0.1);
    --tg-sc07-text-main: #f1f5f9;
    --tg-sc07-text-mute: #94a3b8;
    --tg-sc07-border: rgba(255,255,255,0.07);
    --tg-sc07-radius: 16px;
    background: linear-gradient(170deg,#060911 0%,#0a1020 40%,#0e162c 100%);
    color: var(--tg-sc07-text-main); font-family: 'Inter','Noto Sans KR',sans-serif;
    line-height: 1.7; border-radius: var(--tg-sc07-radius); padding: 3rem 2.5rem;
    box-sizing: border-box; overflow: hidden; position: relative;
}
#tg-sc07-wrapper * { box-sizing: border-box; }
#tg-sc07-wrapper::before { content:''; position:absolute; top:-100px; right:-100px; width:300px; height:300px; background:radial-gradient(circle,var(--tg-sc07-primary-glow),transparent 70%); border-radius:50%; pointer-events:none; z-index:0; }
#tg-sc07-wrapper::after { content:''; position:absolute; bottom:-70px; left:-70px; width:220px; height:220px; background:radial-gradient(circle,rgba(139,92,246,0.08),transparent 70%); border-radius:50%; pointer-events:none; z-index:0; }
#tg-sc07-wrapper > * { position:relative; z-index:1; }

.tg-sc07-header { text-align:center; margin-bottom:3.5rem; padding-bottom:3rem; border-bottom:1px solid var(--tg-sc07-border); }
.tg-sc07-header__badge { display:inline-flex; align-items:center; gap:6px; background:linear-gradient(135deg,var(--tg-sc07-primary-dim),var(--tg-sc07-violet-dim)); color:var(--tg-sc07-primary) !important; padding:8px 18px; border-radius:24px; font-size:0.85rem; font-weight:700; margin-bottom:1.5rem; border:1px solid rgba(6,182,212,0.2); }
.tg-sc07-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 20%,var(--tg-sc07-primary) 60%,var(--tg-sc07-violet)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.tg-sc07-header__desc { font-size:1.1rem; color:var(--tg-sc07-text-mute) !important; max-width:680px; margin:0 auto; word-break:keep-all; }

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

/* Dual Mode Cards */
.tg-sc07-modes { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:3.5rem; }
.tg-sc07-mode { border-radius:12px; padding:2rem; position:relative; overflow:hidden; }
.tg-sc07-mode--cloud { background:var(--tg-sc07-accent-dim); border:1px solid rgba(42,171,238,0.2); }
.tg-sc07-mode--secret { background:var(--tg-sc07-green-dim); border:1px solid rgba(34,197,94,0.2); }
.tg-sc07-mode__label { font-size:0.78rem; font-weight:800; text-transform:uppercase; letter-spacing:1px; margin:0 0 1rem; }
.tg-sc07-mode--cloud .tg-sc07-mode__label { color:var(--tg-sc07-accent) !important; }
.tg-sc07-mode--secret .tg-sc07-mode__label { color:var(--tg-sc07-green) !important; }
.tg-sc07-mode__icon { display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; margin-bottom:1rem; }
.tg-sc07-mode--cloud .tg-sc07-mode__icon { background:var(--tg-sc07-accent-dim); color:var(--tg-sc07-accent) !important; }
.tg-sc07-mode--secret .tg-sc07-mode__icon { background:var(--tg-sc07-green-dim); color:var(--tg-sc07-green) !important; }
.tg-sc07-mode__icon .material-symbols-outlined { font-size:24px; }
.tg-sc07-mode__title { font-size:1.15rem; font-weight:800; color:var(--tg-sc07-text-main) !important; margin:0 0 0.5rem; text-align:left !important; }
.tg-sc07-mode__desc { font-size:0.95rem; color:var(--tg-sc07-text-mute) !important; margin:0; text-align:left !important; line-height:1.5; }

/* Reason Cards */
.tg-sc07-reasons { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-bottom:3.5rem; }
.tg-sc07-reason { background:var(--tg-sc07-glass); border:1px solid var(--tg-sc07-border); border-radius:12px; padding:1.8rem; text-align:left !important; transition:transform 0.25s ease,border-color 0.25s ease; position:relative; overflow:hidden; }
.tg-sc07-reason::before { content:''; position:absolute; top:0; left:0; width:100%; height:4px; }
.tg-sc07-reason:nth-child(1)::before { background:var(--tg-sc07-primary); }
.tg-sc07-reason:nth-child(2)::before { background:var(--tg-sc07-violet); }
.tg-sc07-reason:nth-child(3)::before { background:var(--tg-sc07-amber); }
.tg-sc07-reason:hover { transform:translateY(-3px); border-color:rgba(255,255,255,0.12); }
.tg-sc07-reason__num { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:10px; font-size:1rem; font-weight:900; margin-bottom:1rem; }
.tg-sc07-reason:nth-child(1) .tg-sc07-reason__num { background:var(--tg-sc07-primary-dim); color:var(--tg-sc07-primary) !important; }
.tg-sc07-reason:nth-child(2) .tg-sc07-reason__num { background:var(--tg-sc07-violet-dim); color:var(--tg-sc07-violet) !important; }
.tg-sc07-reason:nth-child(3) .tg-sc07-reason__num { background:var(--tg-sc07-amber-dim); color:var(--tg-sc07-amber) !important; }
.tg-sc07-reason__title { font-size:1.05rem; font-weight:700; color:var(--tg-sc07-text-main) !important; margin:0 0 0.5rem; text-align:left !important; }
.tg-sc07-reason__desc { font-size:0.95rem; color:var(--tg-sc07-text-mute) !important; margin:0; text-align:left !important; line-height:1.5; }

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

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

/* PC Note */
.tg-sc07-pc-note { background:var(--tg-sc07-amber-dim); border:1px solid rgba(245,158,11,0.2); border-radius:12px; padding:1.5rem 2rem; display:flex; gap:14px; align-items:flex-start; margin-bottom:1rem; }
.tg-sc07-pc-note .material-symbols-outlined { color:var(--tg-sc07-amber) !important; font-size:1.8rem; flex-shrink:0; }
.tg-sc07-pc-note__text { flex-grow:1; text-align:left !important; }
.tg-sc07-pc-note__title { font-size:1.1rem; font-weight:800; color:var(--tg-sc07-amber) !important; margin:0 0 0.4rem; text-align:left !important; }
.tg-sc07-pc-note__desc { font-size:0.95rem; color:var(--tg-sc07-text-mute) !important; margin:0; text-align:left !important; line-height:1.5; }
.tg-sc07-pc-note__desc strong { color:var(--tg-sc07-amber) !important; }

/* Tips */
.tg-sc07-tips { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:2rem; }
.tg-sc07-tip { background:var(--tg-sc07-glass); border:1px solid var(--tg-sc07-border); border-radius:12px; padding:1.5rem; text-align:left !important; transition:transform 0.25s ease; position:relative; overflow:hidden; }
.tg-sc07-tip::before { content:''; position:absolute; top:0; left:0; width:100%; height:4px; background:linear-gradient(90deg,var(--tg-sc07-primary),var(--tg-sc07-violet)); }
.tg-sc07-tip:hover { transform:translateY(-3px); }
.tg-sc07-tip__icon { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:10px; background:var(--tg-sc07-primary-dim); color:var(--tg-sc07-primary) !important; margin-bottom:1rem; }
.tg-sc07-tip__icon .material-symbols-outlined { font-size:22px; }
.tg-sc07-tip__title { font-size:1.05rem; font-weight:700; color:var(--tg-sc07-text-main) !important; margin:0 0 0.5rem; text-align:left !important; }
.tg-sc07-tip__desc { font-size:0.95rem; color:var(--tg-sc07-text-mute) !important; margin:0; text-align:left !important; line-height:1.5; }

/* Conclusion */
.tg-sc07-conclusion { background:linear-gradient(135deg,var(--tg-sc07-primary-dim),var(--tg-sc07-violet-dim)); border:1px solid rgba(6,182,212,0.2); border-radius:12px; padding:2rem; text-align:center; }
.tg-sc07-conclusion__text { font-size:1.1rem; color:var(--tg-sc07-text-mute) !important; margin:0; line-height:1.7; }
.tg-sc07-conclusion__text strong { color:var(--tg-sc07-primary) !important; }

@media (max-width:768px) {
    #tg-sc07-wrapper { padding:2rem 1.5rem; }
    .tg-sc07-header__title { font-size:1.6rem; }
    .tg-sc07-modes, .tg-sc07-tips { grid-template-columns:1fr; }
    .tg-sc07-reasons { grid-template-columns:1fr; }
    .tg-sc07-accordion__trigger { padding:1.2rem 1.5rem; }
    .tg-sc07-accordion__body { padding:0 1.5rem; }
    .tg-sc07-accordion--open .tg-sc07-accordion__body { padding:1.2rem 1.5rem 1.5rem; }
    .tg-sc07-pc-note { flex-direction:column; gap:0.8rem; }
}