/* 4 Kasım 2026: Sunucuya özel doğrulama sayfası (/dogrula). Kehribar tema. */
.dg-wrap { max-width: 560px; margin: 0 auto; padding: 112px 16px 80px; }
.dg-card { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 14px; padding: 0 0 24px; border: 1px solid #262A34; border-radius: 18px; background: #12141A; }
.dg-card > :not(.dg-head) { margin-left: 24px; margin-right: 24px; }
.dg-loading { padding: 32px 24px; color: #A7ADBA; }
.dg-head { position: relative; padding: 24px 24px 0; isolation: isolate; }
.dg-banner { position: absolute; inset: 0 0 auto 0; width: 100%; height: 140px; object-fit: cover; opacity: .45; z-index: -1; -webkit-mask-image: linear-gradient(#000, transparent); mask-image: linear-gradient(#000, transparent); border: 0; border-radius: 0; }
.dg-guild { display: flex; align-items: center; gap: 14px; padding-top: 40px; }
.dg-icon { width: 64px; height: 64px; border-radius: 16px; flex: none; background: #1A1D25; border: 2px solid #12141A; }
.dg-icon-txt { display: grid; place-items: center; font-family: "Sora", sans-serif; font-weight: 800; color: #FFC107; }
.dg-guild h1 { font-family: "Sora", sans-serif; font-size: 22px; margin: 0; overflow-wrap: anywhere; }
.dg-card h2 { font-family: "Sora", sans-serif; font-size: 20px; margin-top: 4px; margin-bottom: 0; text-wrap: balance; }
.dg-muted { color: #A7ADBA; margin: 0; line-height: 1.6; }
.dg-fine { color: #6E7482; font-size: 12.5px; margin: 0; }
.dg-form { display: flex; flex-direction: column; gap: 12px; }
.dg-field { display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: #A7ADBA; }
.dg-field input, .dg-field select { font: inherit; color: #ECEEF2; background: #1A1D25; border: 1px solid #30343E; border-radius: 10px; padding: 11px 12px; min-height: 44px; }
.dg-field input:focus-visible, .dg-field select:focus-visible { outline: 2px solid #FFC107; outline-offset: 1px; }
.dg-box { display: flex; align-items: center; gap: 12px; padding: 14px 16px; min-height: 60px; border-radius: 12px; border: 1px solid #30343E; background: #1A1D25; color: #ECEEF2; font: inherit; text-align: left; cursor: pointer; }
.dg-box:hover { border-color: rgba(255, 193, 7, .55); }
.dg-box:focus-visible { outline: 2px solid #FFC107; outline-offset: 2px; }
.dg-tick { width: 26px; height: 26px; border-radius: 7px; border: 2px solid #6E7482; flex: none; display: grid; place-items: center; transition: background .2s, border-color .2s; }
.dg-box.is-busy .dg-tick { border-color: #FFC107; border-top-color: transparent; border-radius: 50%; animation: dg-spin .8s linear infinite; }
.dg-box.is-done .dg-tick { background: #22C55E; border-color: #22C55E; }
.dg-box.is-done .dg-tick::after { content: "✓"; color: #08130b; font-weight: 800; }
.dg-box-label { flex: 1; font-weight: 600; }
.dg-box-brand { font-size: 11.5px; color: #FFC107; letter-spacing: .04em; white-space: nowrap; }
.dg-submit { display: inline-flex; justify-content: center; align-items: center; min-height: 46px; padding: 0 18px; border: 0; border-radius: 12px; background: #FFC107; color: #1a1300; font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; align-self: stretch; }
.dg-submit:disabled { opacity: .45; cursor: not-allowed; }
.dg-msg { margin: 0; min-height: 1.4em; color: #FFD54F; font-size: 14px; }
@keyframes dg-spin { to { transform: rotate(360deg); } }