.atak-ui-wrap {
width: fit-content;
margin: 30px auto;
font-family: "Geist", sans-serif;
font-size: 18px;
text-align: center;
padding: 20px;
border-radius: 10px;
line-height: 1.5em;
}
.atak-ui-wrap .atak-baslik {
font-size: 24px; font-weight: bold;
color: #6f4ee6; margin-bottom: 10px;
text-align: center; }
.atak-ui-wrap label {
display: block;
font-weight: bold;
margin-bottom: 15px; color: #6f4ee6; font-size: 24px; }
.atak-ui-wrap .select-container {
display: flex; justify-content: center; gap: 20px; margin-bottom: 20px; }
.atak-ui-wrap .atak-detay {
margin-top: 20px;
padding: 15px;
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 10px;
text-align: left;
font-size: 16px;
line-height: 1.6;
}
.atak-ui-wrap .atak-detay h4 {
font-size: 20px;
font-weight: bold;
color: #6f4ee6;
margin-bottom: 10px;
}
.atak-ui-wrap select {
flex: 1; padding: 16px; border-radius: 10px; border: 1px solid #ccc !important;
font-size: 18px; text-align-last: center;
appearance: none;
-webkit-appearance: none;
position: relative;
background: none;
padding-right: 30px; min-width: 140px;
min-height: 50px;
}
.atak-ui-wrap button {
display: inline-block;
padding: 16px 32px; background: #6f4ee6; color: white;
border: none;
border-radius: 10px; font-weight: bold;
font-size: 18px; cursor: pointer;
margin-top: 15px;
}
.atak-ui-wrap button:hover {
background: #5a3dcf; } .atak-ui-wrap .highlight {
color: #6f4ee6; font-weight: bold;
}
@media (max-width: 768px) { .atak-ui-wrap .select-container {
flex-direction: column; align-items: center; gap: 10px; }
.atak-ui-wrap select {
width: 100%; max-width: 300px; }
}  .points-profile-link {
color: #5a3ec8;
text-decoration: none;
font-weight: 500;
}
.points-profile-link:hover {
text-decoration: underline;
color: #3a2799;
}
.main-section .container {
margin-top: 0px;
}
.avatar.avatar-40.photo {
border-radius: 50%;
width: 40px;
height: 40px;
object-fit: cover;
}  .soru-sor-btn:hover .soru-ikon {
transition: transform 0.25s cubic-bezier(.68,-0.55,.27,1.55);
}
.soru-ikon {
transition: transform 0.25s cubic-bezier(.68,-0.55,.27,1.55);
}
.soru-sor-btn:hover svg rect {
fill: #754fdd;
transition: fill 0.2s, filter 0.2s;
}
.soru-sor-btn svg rect {
transition: fill 0.2s, filter 0.2s;
}
.soru-sor-btn {
position: fixed;
right: 36px;
bottom: 36px;
z-index: 9999;
}
@media (max-width: 600px) {
.soru-sor-btn {
right: 10px !important;
}
}  .faq-wrapper {
font-family: system-ui, sans-serif;
background-color: #fff;
padding: 2rem;
max-width: 800px;
margin: auto;
}
.faq-section {
display: flex;
flex-direction: column;
gap: 1rem;
}
.faq-item {
border: 1px solid #e6e6e6;
border-left: 4px solid #704ee6;
border-radius: 12px;
overflow: hidden;
transition: border-color 0.3s ease;
}
.faq-question {
cursor: pointer;
padding: 1rem 1.5rem;
font-weight: 600;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq-question::after {
content: "+";
font-size: 1.5rem;
color: #704ee6;
transition: transform 0.3s ease;
}
.faq-item.open .faq-question::after {
content: "−";
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, padding 0.3s ease;
padding: 0 1.5rem;
font-size: 0.95rem;
color: #444;
}
.faq-item.open .faq-answer {
max-height: 500px;
}  .icindekiler-wrap {
background: #f3f3f3 !important;
padding: 24px 28px !important;
border-radius: 12px !important;
margin: 0px 0px 32px !important;
display: block !important;
}
.icindekiler-wrap strong {
font-size: 20px !important;
color: #333 !important;
margin-bottom: 16px !important;
display: block !important;
}
.icindekiler-wrap ul {
list-style: disc !important;
padding-left: 20px !important;
margin: 0 !important;
}
.icindekiler-wrap li {
margin-bottom: 10px !important;
}
.icindekiler-wrap a {
color: #333 !important;
text-decoration: underline !important;
font-weight: 500 !important;
}
.icindekiler-wrap a:hover {
text-decoration: none !important;
}
.yazi-meta-inline {
display: flex;
align-items: center;
gap: 12px;
font-size: 14px;
color: #666;
margin-top: 12px;
flex-wrap: wrap;
}
.yazi-meta-inline strong {
color: #333;
font-weight: 500;
font-size: 13px;
}
.okuma-sure {
background: #eee;
border-radius: 999px;
padding: 7px 15px;
font-size: 13px;
color: #666;
line-height: 1;
display: inline-block;
font-weight: 400;
}
.guncellenme, .yayin-tarih {
font-size: 13px;
color: #888;
font-weight: 400;
}
.yazi-meta-bilgi {
display: flex;
flex-wrap: wrap;
gap: 35px;
font-size: 13px;
color: #777;
font-weight: 400;
line-height: 30px;
font-weight: 400;
}
.yazi-meta-bilgi span {
display: inline-block;
}
.yazi-yazar-bilgi {
font-size: 13px;
color: #555;
margin-bottom: 12px;
font-weight: 400;
}
.yazi-meta-link:hover {
opacity: 0.85;
cursor: pointer;
}
.yazi-avatar {
width: 48px !important;
height: 48px !important;
border-radius: 50% !important;
object-fit: cover;
display: block;
}  .tarif-kaynaklar {
margin-top: 25px;
margin-bottom: 20px;
background: #f5f7fa;
padding: 16px 18px 12px 18px;
border-radius: 12px;
font-size: 15px;
color: #222;
width: 93%;
}
.tarif-kaynaklar h2 {
font-size: 20px;
margin: 0 0 10px 0;
color: #4f49a0;
font-weight: 600;
}
.tarif-kaynaklar ul {
padding-left: 20px;
margin: 0;
font-size: 14px;
}
.tarif-kaynaklar li {
margin-bottom: 6px;
line-height: 1.7;
}
.tarif-kaynaklar a {
color: #2a2b80 !important;
text-decoration: underline;
font-size: 14px;
}
.tarif-kaynaklar a:hover {
text-decoration: underline;
color: #7b28c3 !important;
}