.tdc-social-login{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;margin:16px 0;min-width:0}
.tdc-social-login a{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:46px;box-sizing:border-box;padding:10px;border:1px solid #354964;border-radius:8px;background:#111b29;color:#f4f8ff!important;font:700 13px/1.5 Arial,sans-serif;text-align:center;text-decoration:none;overflow-wrap:anywhere}
.tdc-social-login a:hover{border-color:#f04362;background:#182638}
.tdc-social-login a:focus-visible,.tdc-social-accounts a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.tdc-social-google:before{content:'G';font-size:18px;color:#fff}
.tdc-social-facebook:before{content:'f';font-size:20px;color:#6db4ff}
.tdc-social-discord:before{content:'◉';font-size:18px;color:#9b8cff}
.tdc-social-login-note{color:#91a8c2;font-size:12px;text-align:center;margin:8px 0}
.tdc-social-notice{padding:12px;border:1px solid #e95b72;border-radius:8px;background:#33151e;color:#ffe5e9;overflow-wrap:anywhere}
.tdc-social-accounts{box-sizing:border-box;width:min(1120px,calc(100% - 32px));margin:24px auto 64px;padding:26px;border:1px solid #2b425d;border-radius:14px;background:rgba(8,15,24,.86);color:#f4f8ff;overflow-wrap:anywhere}
.tdc-social-accounts .tdc-social-accounts-head{display:flex;align-items:center;gap:12px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(128,151,183,.18)}
.tdc-social-accounts h3{margin:0 0 5px;font-size:18px;line-height:1.4;color:#f4f8ff}
.tdc-social-accounts-head p,.tdc-social-provider-info p,.tdc-social-empty{margin:0;color:#91a8c2;font-size:12px;line-height:1.6}
.tdc-social-section-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border:1px solid rgba(244,29,66,.4);border-radius:10px;background:rgba(244,29,66,.1);color:#ff3556;font-size:23px}
.tdc-social-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
.tdc-social-account-item{min-width:0}
.tdc-social-unlink{margin-top:10px;font-size:12px;color:#b9c9dc}
.tdc-social-unlink summary{cursor:pointer;color:#ff748b;padding:8px}
.tdc-social-unlink form{display:grid;gap:12px;padding:14px;border:1px solid #354964;border-radius:8px}
.tdc-social-unlink p{margin:0;line-height:1.6}
.tdc-social-unlink label{display:grid;gap:7px}
.tdc-social-unlink input{box-sizing:border-box;width:100%;min-width:0;padding:10px;background:#0b121c;color:#fff;border:1px solid #354964;border-radius:6px}
.tdc-social-unlink a{color:#9bceff}
.tdc-social-unlink button{padding:10px;background:#a91935;color:#fff;border:1px solid #f41d42;border-radius:6px;cursor:pointer;font:inherit}
.tdc-social-account-card{display:flex;align-items:center;gap:12px;min-width:0;padding:18px;border:1px solid #283c53;border-radius:11px;background:linear-gradient(135deg,#111e2d,#0b121c)}
.tdc-social-provider-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid #354964;border-radius:10px;background:#192435;font:bold 23px/1 Arial,sans-serif}
.tdc-social-provider-facebook{color:#6db4ff}.tdc-social-provider-discord{color:#a59bff}
.tdc-social-provider-info{min-width:0;flex:1}.tdc-social-provider-info h4{margin:0 0 4px;font-size:15px;line-height:1.4;color:#fff}
.tdc-social-accounts a.tdc-social-connect{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:38px;padding:9px 12px;border:1px solid #f41d42;border-radius:7px;background:#ec1036;color:#fff;text-decoration:none;font-size:11px;font-weight:800;line-height:1.4;transition:background .15s}
.tdc-social-accounts a.tdc-social-connect:hover{background:#ff294d}
.tdc-social-connected{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:7px 10px;border:1px solid rgba(39,201,130,.35);border-radius:20px;background:rgba(39,201,130,.09);color:#5ee3a3;font-size:11px;font-weight:700}
.tdc-social-linked-notice{padding:10px 13px;border:1px solid rgba(39,201,130,.35);border-radius:8px;background:rgba(39,201,130,.09);color:#5ee3a3;font-size:13px}
@media(max-width:520px){.tdc-social-accounts{padding:18px;margin-bottom:32px}.tdc-social-account-card{padding:14px;flex-wrap:wrap}.tdc-social-provider-info{flex-basis:calc(100% - 60px)}.tdc-social-connect,.tdc-social-connected{margin-left:54px}}
@media(max-width:520px){.tdc-social-login{grid-template-columns:1fr}}