/* TDC About page styles - loaded only on pages containing #tdc-about */
#tdc-about { color: #F5F5F5; font-family: 'Montserrat', sans-serif; }
#tdc-about :where(h1, h2, h3, p, span, div, a, li) { color: #F5F5F5; font-family: 'Montserrat', sans-serif; }
#tdc-about * { box-sizing: border-box; }
#tdc-about .ta-band { padding: 120px clamp(24px,5vw,64px); background-repeat: no-repeat; }
#tdc-about .ta-b1 { background-color: #1A002B; } #tdc-about .ta-b2 { background-color: #240639; } #tdc-about .ta-b3 { background-color: #12001F; }
#tdc-about .ta-d { background-image: linear-gradient(90deg, transparent, rgba(255,45,122,0.55), transparent); background-size: 100% 2px; background-position: top left; }
#tdc-about .ta-dg { background-image: linear-gradient(90deg, transparent, rgba(255,45,122,0.55), transparent), radial-gradient(ellipse 900px 480px at 50% 0%, rgba(255,45,122,0.10), transparent 65%); background-size: 100% 2px, 100% 100%; background-position: top left, top left; }
#tdc-about .ta-col { max-width: 1220px; margin: 0 auto; }
#tdc-about .ta-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start; }
#tdc-about .ta-2col-c { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
@media (max-width: 1023px) { #tdc-about .ta-2col, #tdc-about .ta-2col-c { grid-template-columns: 1fr; } }
#tdc-about .ta-input { width: 100%; box-sizing: border-box; padding: 14px 16px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.16); background: rgba(0,0,0,0.2); color: #F5F5F5; font-size: 14px; font-family: 'Montserrat',sans-serif; }
#tdc-about .ta-input:focus { border-color: rgba(255,45,122,0.6); outline: none; }
#tdc-about textarea.ta-input { resize: vertical; }
#tdc-about .ta-send { background: #FF2D7A; color: #1A002B; font-weight: 700; font-size: 15px; padding: 16px; border-radius: 10px; text-align: center; cursor: pointer; margin-top: 4px; }
#tdc-about .ta-form { display: flex; flex-direction: column; gap: 16px; }
#tdc-about .ta-done { display: none; margin: 0; font-size: 18px; font-weight: 800; }
#tdc-about .ta-formwrap.sent .ta-form { display: none; }
#tdc-about .ta-formwrap.sent .ta-done { display: block; }