html{background-color: #f2f2f7;}body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .fw-bold{font-weight: 600 !important;}b, strong{font-weight: 600;}
body{background: linear-gradient(135deg, #eef2fb 0%, #fdf3ea 45%, #f1eefb 100%);background-attachment: fixed;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;}.dna-sayfa{max-width: 720px;margin: 0 auto;padding: 28px 16px 110px;}.dna-ust{text-align: center;margin-bottom: 18px;}.dna-ust h1{margin: 0;font-size: 28px;font-weight: 800;letter-spacing: -0.03em;color: #1c1c1e;}.dna-ust p{margin: 6px 0 0;font-size: 14.5px;color: rgba(60,60,67,0.7);}.dna-kart{background: rgba(255,255,255,0.9);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border: 1px solid rgba(255,255,255,0.95);border-radius: 24px;box-shadow: 0 18px 40px rgba(15,23,42,0.10);padding: 22px;}.dna-cubuk{height: 6px;border-radius: 99px;background: rgba(118,118,128,0.16);overflow: hidden;margin-bottom: 16px;}.dna-cubuk i{display: block;height: 100%;width: 0;border-radius: 99px;background: linear-gradient(90deg, #7d7aff, #e30a17);transition: width 0.35s;}.dna-adim{font-size: 12px;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: #7d7aff;}.dna-soru{margin: 6px 0 16px;font-size: 21px;font-weight: 700;letter-spacing: -0.02em;color: #1c1c1e;}.dna-secenekler{display: grid;gap: 10px;}.dna-secenek{display: flex;align-items: center;gap: 12px;width: 100%;padding: 14px 16px;border: 1.5px solid rgba(118,118,128,0.2);border-radius: 16px;background: #fff;font-size: 15.5px;font-weight: 600;color: #1c1c1e;text-align: left;cursor: pointer;transition: border-color 0.15s, background 0.15s, transform 0.15s;font-family: inherit;}.dna-secenek:hover{border-color: #7d7aff;transform: translateY(-1px);}.dna-secenek[aria-pressed="true"]{border-color: #0a8f4a;background: rgba(52,199,89,0.08);}.dna-secenek i{flex: 0 0 34px;height: 34px;border-radius: 11px;display: inline-flex;align-items: center;justify-content: center;font-size: 14px;color: #fff;background: linear-gradient(135deg, #7d7aff 0%, #5856d6 100%);}.dna-alt{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-top: 16px;}.dna-geri{border: 0;background: none;padding: 8px 4px;font-size: 13.5px;font-weight: 600;color: rgba(60,60,67,0.7);cursor: pointer;font-family: inherit;}.dna-ileri{border: 0;border-radius: 999px;padding: 12px 24px;font-size: 15px;font-weight: 700;color: #fff;background: linear-gradient(135deg, #e30a17 0%, #a8000b 100%);box-shadow: 0 8px 20px rgba(227,10,23,0.28);cursor: pointer;font-family: inherit;}.dna-ileri[disabled]{opacity: 0.45;box-shadow: none;cursor: default;} .dna-sonuc-kart{text-align: center;padding: 26px 22px;border-radius: 24px;color: #fff;background: linear-gradient(135deg, #2b2a5e 0%, #0f172a 60%, #3b1d4a 100%);box-shadow: 0 20px 44px rgba(15,23,42,0.28);}.dna-sonuc-ikon{width: 62px;height: 62px;margin: 0 auto 12px;border-radius: 20px;display: flex;align-items: center;justify-content: center;font-size: 26px;color: #1c1917;background: linear-gradient(135deg, #f5d77a 0%, #d4af37 100%);}.dna-sonuc-ust{font-size: 12px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: #f5d77a;}.dna-sonuc-ad{margin: 4px 0 6px;font-size: 27px;font-weight: 800;letter-spacing: -0.02em;}.dna-sonuc-aciklama{margin: 0 auto;max-width: 430px;font-size: 14.5px;line-height: 1.5;color: rgba(226,232,240,0.9);}.dna-paylas{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;margin-top: 16px;}.dna-p-btn{display: inline-flex;align-items: center;gap: 8px;padding: 10px 18px;border: 0;border-radius: 999px;font-size: 14px;font-weight: 700;cursor: pointer;text-decoration: none;font-family: inherit;}.dna-p-wa{color: #fff;background: #25d366;}.dna-p-kopya{color: #1c1c1e;background: rgba(255,255,255,0.9);}.dna-p-btn:hover{filter: brightness(1.05);}.dna-oneri-baslik{margin: 24px 0 12px;font-size: 18px;font-weight: 700;color: #1c1c1e;}.dna-turlar{display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;}.dna-tur{display: block;border-radius: 16px;overflow: hidden;text-decoration: none;color: #1c1c1e;background: #fff;box-shadow: 0 6px 18px rgba(15,23,42,0.10);transition: transform 0.2s;}.dna-tur:hover{transform: translateY(-2px);color: #1c1c1e;}.dna-tur-gorsel{position: relative;height: 104px;background: #e2e8f0;}.dna-tur-gorsel img{width: 100%;height: 100%;object-fit: cover;display: block;}.dna-tur-neden{position: absolute;left: 8px;bottom: 8px;max-width: calc(100% - 16px);padding: 3px 9px;border-radius: 999px;background: rgba(15,23,42,0.75);color: #fff;font-size: 11px;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.dna-tur-govde{padding: 10px 12px 12px;}.dna-tur-ad{font-size: 13px;font-weight: 700;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.dna-tur-fiyat{margin-top: 6px;font-size: 13.5px;font-weight: 800;color: #e30a17;}.dna-kayit{margin-top: 18px;padding: 14px 16px;border-radius: 16px;font-size: 14px;line-height: 1.5;color: #1c1c1e;background: rgba(52,199,89,0.12);}.dna-kayit a{color: #0a8f4a;font-weight: 700;}.dna-tekrar{display: block;margin: 16px auto 0;border: 0;background: none;font-size: 13.5px;font-weight: 600;color: rgba(60,60,67,0.7);cursor: pointer;font-family: inherit;}@media (max-width: 576px){.dna-ust h1{font-size: 23px;}.dna-soru{font-size: 18px;}.dna-turlar{grid-template-columns: 1fr;}.dna-tur-gorsel{height: 140px;}}