:root {
--t2-bg: #0d0b0a;
--t2-panel: #151210;
--t2-ink: #efe7dd;
--t2-muted: #c8bba7;
--t2-acc: #c89b3c;
--t2-acc-2: #7e6130;
--t2-red1: #9b0000;
--t2-red2: #2c0000;
--t2-glass: rgba(12,10,9,0.45);
--t2-shadow: 0 10px 30px rgba(0,0,0,.35);
--radius: 14px;
--radius-lg: 22px;
--container: 1100px;
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
margin: 0; background: var(--t2-bg); color: var(--t2-ink);
font-family: 'Quicksand', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
line-height: 1.6; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
.t2-hero-wrap { position: relative; min-height: 72vh; display: grid; place-items: center; overflow: hidden; }
.t2-hero-video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(1.12) saturate(1.08) contrast(1.03);
}
.t2-overlay {
position: absolute;
inset: 0;
background:
radial-gradient(1200px 600px at 50% 20%, rgba(0,0,0,.18), rgba(0,0,0,.54)),
linear-gradient(to bottom, rgba(0,0,0,.12), rgba(0,0,0,.62));
}
.t2-hero { position: relative; z-index: 2; max-width: var(--container); width: 100%; padding: 72px 20px 56px; text-align: center; }
.t2-brand { width: clamp(240px, 60vw, 720px); margin-inline: auto; display: block; filter: drop-shadow(0 10px 20px rgba(0,0,0,.55)); }
.t2-kicker { display:inline-block; margin: 18px 0 8px; padding: 6px 12px; border-radius: 999px; font-weight:600; letter-spacing:.4px; background: rgba(0,0,0,.35); color: #ffe5b0; border: 1px solid rgba(255,210,114,.25); backdrop-filter: blur(6px); }
.t2-title { font-family: 'Cinzel', serif; letter-spacing: 1px; font-size: clamp(30px, 4.6vw, 48px); margin: 18px 0 6px; text-shadow: 0 2px 0 rgba(0,0,0,.35); }
.t2-sub { font-weight:600; color: #ffe5c6; max-width: 900px; margin: 0 auto 22px; }
.t2-actions { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-top: 10px; }
.t2-btn { --pad:12px 16px; display:inline-flex; align-items:center; gap:10px; padding:var(--pad); border-radius: 999px; border:1px solid rgba(255,255,255,.15); background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); color:#fff; text-decoration:none; box-shadow: var(--t2-shadow); transition: transform .15s ease, border-color .15s ease, background .15s ease; }
.t2-btn:hover { transform: translateY(-2px); border-color: rgba(200,155,60,.6); }
.t2-btn--ghost { background: rgba(0,0,0,.35); }
.t2-btn--primary { background: linear-gradient(180deg, #cfa24a, #8f6a2a); border-color: #c89b3c; color:#0f0c08; font-weight:700; }
.t2-main { position: relative; z-index: 3; }
.t2-section { padding: 64px 20px; }
.t2-section + .t2-section { border-top: 1px solid rgba(255,255,255,.06); }
.t2-section__inner { max-width: var(--container); margin: 0 auto; display:grid; grid-template-columns: repeat(12, 1fr); gap: 24px; align-items: start; }
.t2-section__title { grid-column: 1/-1; font-family: 'Cinzel', serif; font-size: clamp(24px, 3.6vw, 36px); margin: 0 0 6px; color: #ffe0a2; }
.t2-col { grid-column: span 7; }
.t2-col--img { grid-column: span 5; }
@media (max-width: 900px) {
.t2-col, .t2-col--img { grid-column: 1/-1; }
}
.t2-card { background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)); border:1px solid rgba(255,255,255,.07); border-radius: var(--radius-lg); padding: 20px 22px; box-shadow: var(--t2-shadow); }
.t2-em { color:#ffd789; font-weight:700; }
.t2-highlight { background: rgba(200,155,60,.12); border:1px dashed rgba(200,155,60,.55); color:#ffe7b8; border-radius: var(--radius); padding: 10px 12px; display:inline-block; }
.t2-figure { position: relative; border-radius: var(--radius-lg); overflow: hidden; border:1px solid rgba(255,255,255,.08); box-shadow: var(--t2-shadow); }
.t2-figure img { width: auto; max-width: 100%; height: auto; display:block; margin: 0 auto; }
.t2-figure .t2-zoom { position:absolute; inset:auto 10px 10px auto; background: rgba(0,0,0,.55); border:1px solid rgba(255,255,255,.25); border-radius: 10px; padding: 6px 10px; font-size: 12px; color:#fff; }
.t2-section__inner > .t2-feature-grid,
.t2-section__inner > p { grid-column: 1 / -1; }
.t2-feature-grid { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
@media (max-width: 1024px) { .t2-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .t2-feature-grid { grid-template-columns: 1fr; } }
.t2-feature-card { position: relative; padding: 18px 18px 16px; border-radius: var(--radius-lg);
background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
border: 1px solid rgba(255,255,255,.08); box-shadow: var(--t2-shadow);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; overflow: hidden;
display:flex; flex-direction: column; }
.t2-feature-card::before { content:""; position:absolute; inset:0; pointer-events:none;
background: radial-gradient(600px 200px at -10% -10%, rgba(255,255,255,.06), transparent 60%),
radial-gradient(600px 200px at 110% 110%, rgba(255,255,255,.04), transparent 60%);
opacity: .8; }
.t2-feature-card::after { content:""; position:absolute; inset:0 0 auto 0; height:3px; background:
linear-gradient(90deg, color-mix(in srgb, var(--acc, var(--t2-acc)) 70%, #fff 15%), transparent 45%, transparent 55%, color-mix(in srgb, var(--acc, var(--t2-acc)) 70%, #000 15%)); }
.t2-feature-card:hover { transform: translateY(-6px); border-color: color-mix(in srgb, var(--acc, var(--t2-acc)) 70%, #fff 15%); box-shadow: 0 16px 40px rgba(0,0,0,.45); }
.t2-feature-head { display:flex; align-items:center; gap:12px; margin-bottom: 10px; }
.t2-feature-icon { width: 44px; height: 44px; display:grid; place-items:center; border-radius: 12px;
background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(255,255,255,.02));
border:1px solid rgba(255,255,255,.18); box-shadow: 0 6px 16px rgba(0,0,0,.25); }
.t2-feature-icon i { font-size: 20px; color: color-mix(in srgb, var(--acc, var(--t2-acc)) 82%, #fff 8%); }
.t2-feature-title { margin: 0; font-size: 18px; letter-spacing: .3px; color:#ffe3a6; font-weight: 700; }
.t2-feature-desc { margin: 6px 0 0; color: var(--t2-muted); }
.t2-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top: 12px; }
.t2-tag { font-size: 12px; padding: 4px 8px; border-radius: 999px; background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.12); color:#ffe7c0; letter-spacing: .2px; }
.t2-footer { padding: 32px 20px 60px; text-align:center; border-top: 1px solid rgba(255,255,255,.06); }
.t2-footer p { margin: 8px 0; color: #e0c9a6; }
.t2-footer a { color: #d8b979; text-decoration: none; }
.t2-social { margin-top: 12px; display:flex; gap: 16px; justify-content:center; }
.t2-social a { width: 44px; height: 44px; display:grid; place-items:center; border-radius: 50%; color:#fff; box-shadow: 0 2px 12px #0002; transition: transform .18s ease; }
.t2-social a:hover { transform: scale(1.12); }
.t2-social .is-discord { background:#5865F2; box-shadow: 0 2px 12px #5865F2a0; }
.t2-social .is-instagram { background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); box-shadow: 0 2px 12px #d6249fa0; }
.t2-social .is-tiktok { background:#000; box-shadow: 0 2px 12px #000a; }
.t2-social .is-facebook { background: #1877F2; box-shadow: 0 2px 12px #1877F2a0; }
.t2-discord-fab { position: fixed; right: 18px; bottom: 18px; z-index: 50; display:block; width: 72px; height: 72px; border-radius: 22px; overflow:hidden; box-shadow: 0 12px 28px rgba(0,0,0,.45); transform: translateZ(0); }
.t2-discord-fab img { width: 100%; height: 100%; display:block; }
.t2-glass-note { position: relative; z-index:2; text-align:center; margin: 8px 0 0; }
.t2-glass-note span { display:inline-block; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.15); padding: 6px 12px; border-radius: 999px; backdrop-filter: blur(6px); color:#ffe7b8; }
.u-m0 { margin:0 !important; }
.u-mt12 { margin-top:12px !important; }
.u-mt20 { margin-top:20px !important; }
.u-center { text-align:center !important; }
.u-list { padding-left: 18px; }
.lb-wrap {position: fixed; inset:0; display:none; align-items:center; justify-content:center; background: rgba(0,0,0,.85); z-index: 100; overflow:auto; }
.lb-wrap.is-open { display:flex; }
.lb-img { max-width: none; max-height: none; width: auto; height: auto; border-radius: 12px; border:1px solid rgba(255,255,255,.2); box-shadow: 0 20px 60px rgba(0,0,0,.6); }
.lb-controls { position: absolute; inset:auto 0 20px 0; display:flex; justify-content:center; gap: 10px; }
.lb-btn { background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.25); color:#fff; border-radius: 999px; padding: 8px 12px; cursor:pointer; }
@media (max-width: 640px){
.lb-img{
max-width: 94vw;
max-height: 80vh;
width: auto;
height: auto;
object-fit: contain;
margin: 0 auto;
}
}
.t2-countdown { display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:22px; }
.t2-countseg { background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius: 14px; padding: 10px 14px; min-width: 90px; text-align:center; box-shadow: var(--t2-shadow); }
.t2-num { display:block; font-family: 'Cinzel', serif; font-size: clamp(28px, 6vw, 46px); line-height:1; color:#ffe3a6; letter-spacing:1px; }
.t2-label { display:block; font-size:12px; color: var(--t2-muted); margin-top:5px; letter-spacing:.5px; text-transform: uppercase; }
.t2-sep { font-family: 'Cinzel', serif; font-size: clamp(24px,5vw,40px); color:#d7a84f; margin:0 4px; }
.t2-cta { width:100%; text-align:center; margin-top:8px; }
.t2-countdown-label{
text-align:center;
margin-top: 16px;
margin-bottom: 8px;
font-weight: 600;
letter-spacing: .6px;
font-size: 13px;
color: #ffe7b8;
}
.t2-countdown-label span{
display:inline-block;
padding: 6px 14px;
border-radius: 999px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.18);
backdrop-filter: blur(6px);
}
body.protect p,
body.protect h1,
body.protect h2,
body.protect h3,
body.protect h4,
body.protect h5,
body.protect h6,
body.protect .t2-card,
body.protect .t2-feature-card { user-select: none; -webkit-user-select: none; }
img, video { -webkit-user-drag: none; }
.devtools-overlay { position: fixed; inset:0; background: rgba(0,0,0,.9); color:#fff; display:none; align-items:center; justify-content:center; z-index: 9999; }
.devtools-overlay .box { padding: 24px; border:1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.04); }
body.is-locked #main,
body.is-locked .t2-hero { filter: blur(6px) saturate(.2); pointer-events: none; }
body.is-locked .devtools-overlay { display:flex; }
:root{ --t2-content-max: 1080px; }
.t2-section__title{
display:flex;
align-items:center;
justify-content:flex-start;
gap:14px;
font-weight:800;
letter-spacing:1.2px;
text-shadow:
0 2px 0 rgba(0,0,0,.45),
0 0 18px rgba(200,155,60,.35);
}
.t2-section__title.u-center{
text-align:left !important;
justify-content:flex-start !important;
}
.t2-section__title::before{
content:"";
width: var(--t2-title-icon-size, 22px);
height: var(--t2-title-icon-size, 22px);
flex: 0 0 auto;
background-image: var(--t2-title-icon);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
filter: drop-shadow(0 6px 10px rgba(0,0,0,.45));
}
.t2-section__inner.has-media{
display:flex;
flex-direction:column;
align-items:center;
gap: 18px;
}
.t2-section__inner.has-media > .t2-section__title{
width:100%;
max-width: var(--t2-content-max);
margin: 0 auto 6px;
}
.t2-section__inner.has-media > .t2-col{
width:100%;
max-width: var(--t2-content-max);
}
.t2-section__inner.has-media > .t2-col .t2-card{
max-width: var(--t2-content-max);
margin: 0 auto;
text-align:left;
}
.t2-section__inner.has-media > .t2-col .u-list{ margin-left: 18px; }
.t2-section__inner.has-media > .t2-col--img{
width:100%;
max-width: var(--t2-content-max);
display:flex;
justify-content:center;
}
.t2-section__inner.has-media .t2-figure{
width: min(var(--t2-content-max), 100%);
border-radius: var(--radius-lg);
}
.t2-section__inner.has-media .t2-figure img{
width:100%;
height:auto;
display:block;
}
.t2-section__inner.has-media .t2-figure img{
transition: transform .25s ease;
}
.t2-section__inner.has-media .t2-figure:hover img{
transform: scale(1.035);
filter: none;
}
.t2-section__head{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.1rem}
.t2-section__title{display:flex;align-items:center;gap:.55rem}
.t2-titleIcon{width:18px;height:18px;display:inline-block;opacity:.9;background-image:var(--t2-title-icon, none);background-size:contain;background-repeat:no-repeat;background-position:center}
.t2-section__grid{display:grid;grid-template-columns:1fr;gap:1rem}
.t2-col--full{grid-column:1 / -1}
.t2-card--wide{max-width:var(--t2-content, 980px);margin:0 auto}
.t2-card--pad{padding:18px}
.t2-biyolog{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width: 980px){.t2-biyolog{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width: 520px){.t2-biyolog{grid-template-columns:repeat(2,minmax(0,1fr));}}
.t2-biyolog__item{border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px;text-align:center;background:rgba(255,255,255,.02)}
.t2-biyolog__item img{width:56px;height:56px;object-fit:contain;display:block;margin:0 auto 8px}
.t2-biyolog__name{font-weight:800;letter-spacing:.2px}
.t2-biyolog__note{margin-top:4px;font-size:.78rem;opacity:.75}
.t2-tableWrap{overflow:auto}
.t2-table{width:100%;border-collapse:separate;border-spacing:0;min-width:560px}
.t2-table th,.t2-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.t2-table thead th{position:sticky;top:0;background:rgba(21,18,16,.92);backdrop-filter:blur(6px);text-align:left;font-weight:800}
.t2-table tbody tr:hover td{background:rgba(255,255,255,.03)}
.t2-table td:last-child,.t2-table th:last-child{text-align:right;white-space:nowrap}
@media (max-width: 640px) {
.t2-tableWrap {
overflow-x: auto;
}
.t2-table {
min-width: 100%;
}
}
.t2-details{border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.01)}
.t2-details > summary{cursor:pointer;font-weight:800;list-style:none}
.t2-details > summary::-webkit-details-marker{display:none}
.t2-details[open] > summary{margin-bottom:12px}
.t2-subhead{margin:14px 0 6px;font-size:1.05rem;font-weight:900;letter-spacing:.3px}
.t2-subhead2{margin:12px 0 6px;font-size:.95rem;font-weight:900;opacity:.95}
.t2-muted{opacity:.85;line-height:1.5}
.t2-hr{border:none;border-top:1px solid rgba(255,255,255,.10);margin:16px 0}
.t2-donusumRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 14px}
.ItemKutu,.ItemKutu2{width:56px;height:56px;display:inline-block;background-size:contain !important;background-repeat:no-repeat !important;background-position:center !important;border-radius:12px;border:1px solid rgba(255,255,255,.12)}
.ItemKutu2{width:40px;height:40px;opacity:.9;border-color:rgba(255,255,255,.08)}
.MiniKutu{width:28px;height:28px;border-radius:10px;vertical-align:middle;margin:0 4px 0 6px}
.t2-section__head{
max-width: var(--t2-card-max, 920px);
margin-left:auto;
margin-right:auto;
padding-left:14px;
padding-right:14px;
}
.t2-transform__h3{
margin: 6px 0 14px;
font-family: 'Cinzel', serif;
font-size: 1.15rem;
letter-spacing: .8px;
color: rgba(255,230,179,.95);
text-shadow: 0 1px 0 rgba(0,0,0,.35), 0 0 14px rgba(200,155,60,.22);
}
.t2-transform__class{
display: inline-flex;
align-items: center;
gap: 10px;
margin: 14px 0 10px;
padding: 10px 22px;
font-family: 'Cinzel', serif;
font-size: 15px;
font-weight: 900;
letter-spacing: 1.4px;
text-transform: uppercase;
color: #fff2cc;
background:
linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)),
radial-gradient(120px 40px at 50% 0%, rgba(200,155,60,.35), transparent 70%);
border-radius: 999px;
border: 1px solid rgba(200,155,60,.55);
box-shadow:
0 8px 22px rgba(0,0,0,.45),
inset 0 0 0 1px rgba(255,255,255,.12),
0 0 18px rgba(200,155,60,.35);
position: relative;
}
.t2-transform__class::after{
content:"";
position:absolute;
left:18%;
right:18%;
bottom:-4px;
height:2px;
border-radius:999px;
background: linear-gradient(
90deg,
transparent,
rgba(255,215,140,.85),
transparent
);
}
.t2-transform__class:hover{
transform: translateY(-1px);
box-shadow:
0 12px 28px rgba(0,0,0,.55),
0 0 26px rgba(200,155,60,.55);
}
.t2-transform table{width:100%;}
.t2-transform .aciklama{max-width: var(--t2-card-max, 920px); margin-left:auto; margin-right:auto;}
.TooltipVar, .TooltipVarMini {}
#biyolog .t2-section__head,
#efsun-oranlari .t2-section__head,
#donusumler .t2-section__head{
max-width: var(--t2-card-max, 920px);
margin-left:auto;
margin-right:auto;
padding-left:14px;
padding-right:14px;
}
#biyolog .t2-section__subtitle,
#efsun-oranlari .t2-section__subtitle,
#donusumler .t2-section__subtitle{
color: var(--t2-muted);
opacity: .95;
margin: 0;
}
#donusumler .t2-transformWrap,
#donusumler .t2-transformCenter{
text-align:center;
}
#donusumler .t2-donusumRow{
justify-content:center;
}
#donusumler .ItemKutu,
#donusumler .ItemKutu2{
background-size: contain !important;
background-position: center !important;
}
.t2-details--transform{
margin: 10px 0 14px;
padding: 12px 14px;
border-radius: 16px;
background: rgba(255,255,255,.02);
}
.t2-details--transform > summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
font-family: 'Cinzel', serif;
letter-spacing:.8px;
color: #ffe0a2;
padding: 6px 4px;
}
.t2-details--transform > summary::after{
content:"";
width: 34px;
height: 34px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.18);
background:
radial-gradient(12px 12px at 35% 35%, rgba(255,255,255,.22), transparent 60%),
linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02));
box-shadow:
0 10px 24px rgba(0,0,0,.35),
0 0 0 1px rgba(200,155,60,.18) inset;
position: relative;
}
.t2-details--transform > summary::after{
-webkit-mask: none;
}
.t2-details--transform[open] > summary::after{
transform: rotate(180deg);
}
.t2-details--transform > summary::after{
background-image:
radial-gradient(10px 10px at 35% 35%, rgba(255,255,255,.22), transparent 60%),
linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)),
linear-gradient(45deg, transparent 45%, rgba(255,230,179,.95) 46%, rgba(255,230,179,.95) 54%, transparent 55%),
linear-gradient(-45deg, transparent 45%, rgba(255,230,179,.95) 46%, rgba(255,230,179,.95) 54%, transparent 55%);
background-size: auto, auto, 10px 10px, 10px 10px;
background-position: center, center, 54% 50%, 46% 50%;
background-repeat:no-repeat;
filter: drop-shadow(0 0 10px rgba(200,155,60,.35));
}
.t2-arrow{
width: 38px;
height: 38px;
display:inline-block;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.14);
background:
radial-gradient(10px 10px at 35% 35%, rgba(255,255,255,.22), transparent 60%),
linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02));
box-shadow: 0 10px 22px rgba(0,0,0,.35), 0 0 18px rgba(200,155,60,.18);
position: relative;
vertical-align: middle;
}
.t2-arrow::before{
content: "›";
position:absolute;
inset:0;
display:grid;
place-items:center;
font-family: 'Cinzel', serif;
font-size: 24px;
color: rgba(255,230,179,.95);
text-shadow: 0 0 14px rgba(200,155,60,.35), 0 2px 0 rgba(0,0,0,.45);
}
#biyolog .t2-section__head,
#efsun-oranlari .t2-section__head,
#donusumler .t2-section__head{
max-width: var(--container);
margin: 0 auto 18px;
padding-left: 0;
padding-right: 0;
}
#biyolog .t2-section__title,
#efsun-oranlari .t2-section__title,
#donusumler .t2-section__title{
justify-content: flex-start;
}
#donusumler .t2-details--transform{
background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
border: 1px solid rgba(255,255,255,.10);
}
#donusumler .t2-transformCenter{
display:flex;
flex-direction:column;
align-items:center;
gap: 10px;
}
#donusumler .t2-transformCenter br{ display:none; }
#donusumler .t2-transform__class{
margin: 8px 0 4px;
}
#donusumler h3{
margin: 6px 0 6px;
line-height: 1.45;
font-size: 15px;
font-weight: 600;
color: #f0e4d6;
text-shadow: 0 1px 0 rgba(0,0,0,.35);
max-width: var(--t2-card-max, 920px);
}
#donusumler h3 > b{
display:block;
background: rgba(255,255,255,.045);
border: 1px solid rgba(255,255,255,.12);
padding: 12px 14px;
border-radius: 16px;
box-shadow: 0 12px 26px rgba(0,0,0,.35);
}
#donusumler .t2-itemFrame{
display:inline-flex;
align-items:center;
justify-content:center;
padding: 6px;
border-radius: 14px;
border: 1px solid rgba(255,255,255,.12);
background: rgba(255,255,255,.02);
box-shadow: 0 10px 24px rgba(0,0,0,.30);
line-height: 0;
}
#donusumler .t2-itemFrame img{
display:block;
width: auto;
height: auto;
max-width: 72px;
max-height: 72px;
}
#donusumler .t2-itemFrame--mini{
padding: 4px;
border-radius: 12px;
}
#donusumler .t2-itemFrame--mini img{
max-width: 28px;
max-height: 28px;
}
#donusumler .t2-donusumRow{
display:flex;
align-items:center;
justify-content:center;
gap: 10px;
flex-wrap: wrap;
margin: 6px 0 10px;
}
.t2-arrow{
display:inline-flex;
align-items:center;
justify-content:center;
vertical-align: middle;
position: relative;
top: -1px;
margin: 0 8px;
}
.t2-container{
max-width: var(--container);
margin: 0 auto;
padding: 0 20px;
}
.t2-card--wide{
max-width: var(--t2-content-max, 1080px);
width: 100%;
margin: 0 auto;
}
#biyolog .t2-section__head,
#efsun-oranlari .t2-section__head,
#donusumler .t2-section__head{
max-width: var(--t2-content-max, 1080px);
margin: 0 auto 18px;
padding-left: 0;
padding-right: 0;
}
#donusumler .t2-donusumRow{
display:flex;
align-items:center;
justify-content:center;
gap: 12px;
flex-wrap: wrap;
margin: 10px 0 14px;
}
#donusumler h3 b{
line-height: 1.55;
text-align: center;
}
#donusumler .t2-itemFrame--mini{
vertical-align: middle;
}
#donusumler .t2-itemFrame--mini img{
display:block;
}
.t2-arrow{
vertical-align: middle;
top: 0;
}
#biyolog .t2-container,
#efsun-oranlari .t2-container,
#donusumler .t2-container{
max-width: var(--container);
margin: 0 auto;
padding-left: 0;
padding-right: 0;
}
#biyolog .t2-card--wide,
#efsun-oranlari .t2-card--wide,
#donusumler .t2-card--wide{
max-width: var(--container);
}
#donusumler .t2-itemFrame--mini{
display:inline-flex;
vertical-align: middle;
position: relative;
top: -1px;
}
#donusumler .t2-itemFrame--mini img{ max-width: 28px; max-height: 28px; }
#donusumler .t2-itemFrame img{
max-width: 96px;
max-height: 96px;
}
#donusumler .t2-donusumRow .t2-arrow{ top: 0; margin: 0 10px; }
.t2-donusumRow{
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
}
.t2-break{
flex-basis: 100%;
height: 0;
}
.t2-drop-tabs{ grid-column:1/-1; display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.t2-drop-tab{
cursor:pointer; border:1px solid rgba(255,255,255,.14);
background: rgba(0,0,0,.35);
color:#ffe7b8; padding:10px 14px; border-radius: 999px;
font-weight:700; letter-spacing:.2px;
transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.t2-drop-tab:hover{ transform: translateY(-1px); border-color: rgba(200,155,60,.6); }
.t2-drop-tab.is-active{ background: linear-gradient(180deg, #cfa24a, #8f6a2a); border-color:#c89b3c; color:#0f0c08; }
.t2-drop-toolbar{ grid-column:1/-1; display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-top: 8px; }
.t2-drop-search{
flex: 1 1 320px; display:flex; align-items:center; gap:10px;
padding:10px 12px; border-radius: 14px;
border:1px solid rgba(255,255,255,.10);
background: rgba(0,0,0,.35);
}
.t2-drop-search i{ color: rgba(255,255,255,.65); }
.t2-drop-search input{
width:100%; background: transparent; border:0; outline: none;
color: var(--t2-ink); font-weight:600;
}
.t2-drop-hint{ color: var(--t2-muted); font-weight:600; font-size: 14px; }
.t2-drop-scroller{
grid-column:1/-1;
display:flex; gap:12px; overflow-x:auto; padding: 10px 2px 12px;
scroll-snap-type: x proximity;
}
.t2-drop-scroller::-webkit-scrollbar{ height: 10px; }
.t2-drop-scroller::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.12); border-radius: 999px; }
.t2-drop-scroller::-webkit-scrollbar-track{ background: rgba(255,255,255,.04); border-radius: 999px; }
.t2-drop-card{
scroll-snap-align: start;
min-width: 240px; max-width: 240px;
text-align:left; cursor:pointer;
border-radius: 18px;
border:1px solid rgba(255,255,255,.10);
background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
box-shadow: var(--t2-shadow);
padding: 14px 14px 12px;
transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
color: var(--t2-ink);
}
.t2-drop-card:hover{ transform: translateY(-4px); border-color: rgba(200,155,60,.45); box-shadow: 0 16px 40px rgba(0,0,0,.45); }
.t2-drop-card.is-active{ outline: 2px solid rgba(200,155,60,.85); border-color: rgba(200,155,60,.75); }
.t2-drop-card__top{ display:flex; align-items:center; justify-content: space-between; gap:10px; margin-bottom: 8px; }
.t2-drop-card__badge{
font-size: 12px; padding: 4px 8px; border-radius: 999px;
background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);
color:#ffe7c0; font-weight:800;
}
.t2-drop-card__icon{ width: 34px; height: 34px; display:grid; place-items:center; border-radius: 12px;
background: rgba(0,0,0,.35); border: 1px solid rgba(255,255,255,.12);
}
.t2-drop-card__icon i{ color: color-mix(in srgb, var(--t2-acc) 75%, #fff 12%); }
.t2-drop-card__name{ font-weight:800; font-size: 16px; color:#ffe3a6; line-height:1.25; }
.t2-drop-card__meta{ margin-top: 6px; font-size: 12px; color: var(--t2-muted); }
.t2-drop-details{ grid-column:1/-1; margin-top: 6px; }
.t2-drop-details__head{ display:flex; align-items:flex-start; justify-content: space-between; gap:14px; }
.t2-drop-details__title{ font-weight:900; font-size: 18px; color:#ffe3a6; }
.t2-drop-details__sub{ color: var(--t2-muted); font-weight:700; margin-top: 4px; }
.t2-drop-details__code{ color: rgba(255,255,255,.75); font-weight:800; font-size: 14px; }
.t2-drop-details__pill{
white-space: nowrap; font-size: 12px; font-weight:900;
padding: 6px 10px; border-radius: 999px;
background: rgba(200,155,60,.14); border: 1px dashed rgba(200,155,60,.55);
color:#ffe7b8;
}
.t2-drop-grid{ margin-top: 12px; border-radius: 16px; overflow:hidden; border:1px solid rgba(255,255,255,.08); }
.t2-drop-row{ display:grid; grid-template-columns: 56px 1fr 80px 80px; gap:10px; align-items:center;
padding: 10px 12px; background: rgba(0,0,0,.20); border-top: 1px solid rgba(255,255,255,.06);
}
.t2-drop-row--head{ background: rgba(0,0,0,.35); border-top: 0; font-weight:900; color:#ffe7b8; }
.t2-drop-row__name{ font-weight:800; }
.t2-drop-row__vnum{ color: rgba(255,255,255,.65); font-weight:800; font-size: 12px; margin-left: 6px; }
.t2-drop-row__qty, .t2-drop-row__chance{ text-align:right; font-weight:900; color:#ffe7c0; }
.t2-item-ico{ width: 40px; height: 40px; border-radius: 12px; object-fit: contain;
background: rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.12);
display:block;
}
.t2-item-ico--ph{ display:grid; place-items:center; color: rgba(255,255,255,.55); }
.t2-drop-empty{ padding: 14px 12px; color: var(--t2-muted); font-weight:700; }
.t2-drop-note{ margin-top: 12px; color: var(--t2-muted); font-weight: 700; font-size: 13px; }
.t2-tip{ position: relative; display:inline-block; }
.t2-tip::after{
content: attr(data-tip);
position:absolute; left:50%; bottom: calc(100% + 8px);
transform: translateX(-50%);
background: rgba(0,0,0,.85); color:#fff;
border:1px solid rgba(255,255,255,.18);
padding: 6px 8px; border-radius: 10px;
font-size: 12px; font-weight: 800;
white-space: nowrap;
opacity: 0; pointer-events: none;
transition: opacity .12s ease, transform .12s ease;
}
.t2-tip:hover::after{
opacity: 1;
transform: translateX(-50%) translateY(-2px);
}
@media (max-width: 640px){
.t2-drop-row{ grid-template-columns: 50px 1fr 70px 70px; }
.t2-drop-card{ min-width: 210px; max-width: 210px; }
}
.t2-drop-grid{
display:flex;
flex-wrap:wrap;
gap:10px;
padding:12px;
overflow:visible;
}
.t2-drop-item{
width:52px;
height:52px;
display:flex;
align-items:center;
justify-content:center;
}
.t2-drop-item__imgwrap{
position:relative;
width:52px;
height:52px;
border-radius:12px;
overflow:hidden;
border:1px solid rgba(255,255,255,.10);
background: rgba(0,0,0,.25);
}
.t2-drop-item__img{
width:100%;
height:100%;
object-fit:contain;
display:block;
padding:6px;
filter: drop-shadow(0 6px 10px rgba(0,0,0,.35));
}
.t2-drop-item__qty{
position:absolute;
right:6px;
bottom:4px;
font-size:12px;
line-height:1;
padding:3px 6px;
border-radius:999px;
background: rgba(0,0,0,.65);
border:1px solid rgba(255,255,255,.15);
color:#fff;
pointer-events:none;
}
.t2-drop-card__meta{
opacity:.85;
}
#market-icerikleri .t2-drop-scroller { margin-top: 14px; }
.t2-market-grid{
display:grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 12px;
margin-top: 12px;
}
.t2-market-item{
display:flex;
gap:12px;
align-items:center;
padding:10px 12px;
border-radius:14px;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
}
.t2-market-item__icon img{
width:48px;height:48px;object-fit:contain;
image-rendering: pixelated;
}
#market-icerikleri .t2-drop-card__title{
font-weight: 800;
font-size: 16px;
color: #ffe3a6;
line-height: 1.25;
}
.t2-market-item__ph{ width:48px;height:48px;border-radius:10px;background:rgba(255,255,255,0.06); }
.t2-market-item__name{ font-weight:700; font-size:14px; line-height:1.2; }
.t2-market-item__sub{ display:flex; gap:10px; opacity:0.85; font-size:12px; margin-top:4px;}
.t2-market-item__price{ font-variant-numeric: tabular-nums; }
.t2-figure { cursor: zoom-in; }
.t2-figure .t2-zoom { pointer-events: none; }
.lb-wrap { z-index: 10000; }
body.is-locked #main,
body.is-locked .t2-hero { pointer-events: auto !important; }
body.is-locked .lb-wrap { pointer-events: auto; }
.leftBodyLinks {
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
background: rgba(0,0,0,.85);
z-index: 9999;
border-right: 1px solid #434343;
border-top: 1px solid #434343;
border-bottom: 1px solid #434343;
padding: 3px 5px 7px;
}
.leftBodyLinks a {
display:block;
color:#aba388;
text-transform:uppercase;
font-size:14px;
text-decoration:none;
padding:11px 10px;
font-family:Cambria,Sans-Serif;
}
.leftBodyLinks a span {
display:block;
background-image: url("../assets/images/right-panel-bg.webp");
background-repeat:no-repeat;
background-size:55px 55px;
width:55px;
height:55px;
position:relative;
transition:.5s;
}
.leftBodyLinks a:hover span {
background-image: url("../assets/images/right-panel-bg-hover.webp");
background-size:66px 66px;
background-position:-5px -7px;
}
.leftBodyLinks a span img,.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position:absolute;
}
.r-kayit span img,.r-indir span img,.r-anasayfa span img,.r-discord span img,.r-facebook span img,.r-instagram span img {
bottom:12px;
left:11px;
}
@media (max-width: 900px){
.leftBodyLinks{ display:none; }
}
.t2-media{
grid-column: 1 / -1;
max-width: var(--t2-content-max, var(--container));
margin: 0 auto;
width: 100%;
display: flex;
gap: 24px;
align-items: flex-start;
justify-content: space-between;
}
.t2-media__text,
.t2-media > .t2-col{
flex: 1 1 auto;
min-width: 0;
}
.t2-media > .t2-figure,
.t2-media > .t2-col--img{
flex: 0 0 auto;
width: fit-content;
margin: 0;
}
.t2-media--left  > .t2-figure,
.t2-media--right > .t2-figure,
.t2-media--left  > .t2-col--img,
.t2-media--right > .t2-col--img{
max-width: 540px;
}
.t2-media--bottom > .t2-figure,
.t2-media--bottom > .t2-col--img{
max-width: 1080px;
}
.t2-media--left{ flex-direction: row; }
.t2-media--right{ flex-direction: row-reverse; }
.t2-media--bottom{
flex-direction: column;
align-items: center;
}
.t2-media--bottom > .t2-media__text,
.t2-media--bottom > .t2-col{
width: 100%;
}
.t2-media > .t2-col--img > .t2-figure{
width: fit-content;
max-width: 100%;
margin: 0;
}
.t2-media img{
display: block;
width: auto;
height: auto;
max-width: 100%;
}
.t2-figure img{
transition: transform .25s ease;
will-change: auto;
}
.t2-figure:hover img{
transform: scale(1.035);
filter: none;
}
@media (max-width: 900px){
.t2-media{
flex-direction: column;
align-items: center;
}
.t2-media > .t2-figure,
.t2-media > .t2-col--img{
max-width: 100%;
}
.t2-media__text,
.t2-media > .t2-col{
width: 100%;
}
}
.particles-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 3;
overflow: hidden;
}
.particle {
position: absolute;
border-radius: 50%;
pointer-events: none;
opacity: 0;
filter: blur(1px);
animation: riseParticle 4s ease-out infinite;
}
@keyframes riseParticle {
0% {
opacity: 0;
transform: translateY(0) translateX(0) scale(1);
}
10% {
opacity: 1;
}
70% {
opacity: 0.8;
}
90% {
opacity: 0.4;
}
100% {
opacity: 0;
transform: translateY(-100vh) translateX(var(--sway, 20px)) scale(0.3);
}
}
/* =========================================================
Yeni Dokunuşlar
========================================================= */
.t2-hero-wrap{
min-height: 100vh;
min-height: 100svh;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.t2-hero{
width: 100%;
max-width: var(--container);
padding: clamp(18px, 3.2vh, 38px) 20px clamp(20px, 3.6vh, 42px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: clamp(5px, .85vh, 10px);
transform: translateY(clamp(-10px, -1vh, -4px));
isolation: isolate;
}
.t2-brand{
width: clamp(330px, 44vw, 700px);
margin: 0 auto clamp(2px, .45vh, 6px);
}
.t2-glass-note,
.t2-actions,
.t2-countdown-label,
.t2-countdown,
.t2-cta{ margin-top: 0; }
.t2-glass-note span{
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 7px 18px;
border-radius: 18px 7px;
border: 1px solid rgba(255,222,154,.34);
background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.03)), rgba(7,6,5,.54);
color: #fff0bf;
font-weight: 900;
letter-spacing: .35px;
box-shadow: 0 16px 36px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.14);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.t2-glass-note span::before{
content: "✦";
color: #ffd477;
text-shadow: 0 0 12px rgba(255,205,103,.55);
}
.t2-sub{
display: inline-block;
width: auto;
max-width: min(900px, 94vw);
margin: 0 auto clamp(3px, .65vh, 8px);
padding: 12px 22px;
border-radius: 22px 9px;
color: #ffe8bd;
background: linear-gradient(135deg, rgba(120,68,24,.18), rgba(255,255,255,.045)), rgba(0,0,0,.34);
border: 1px solid rgba(255,209,126,.20);
box-shadow: 0 14px 30px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.10);
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
}
.t2-sub b{
color: #fff3d0;
text-shadow: 0 0 12px rgba(218,162,63,.30);
}
.t2-sub.u-mt12{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: clamp(6px, .8vh, 10px) !important;
margin-bottom: 0 !important;
line-height: 1.25;
vertical-align: middle;
}
.t2-sub.u-mt12::before{
content: "◆ Uzun Soluklu";
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
height: 30px;
padding: 0 12px;
border-radius: 16px 6px;
border: 1px solid rgba(255,222,154,.34);
background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.03)), rgba(7,6,5,.54);
color: #fff0bf;
font-size: .88em;
font-weight: 900;
letter-spacing: .35px;
line-height: 1;
white-space: nowrap;
text-align: center;
box-shadow: 0 10px 24px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.14), 0 0 18px rgba(200,155,60,.16);
text-shadow: 0 0 12px rgba(255,205,103,.35);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.t2-sub.u-mt12 + br{ display: none !important; }
.t2-sub.u-mt12 + br + .t2-title,
.t2-sub.u-mt12 + .t2-title{ margin-top: clamp(4px, .7vh, 8px) !important; }
.t2-actions{
gap: 8px;
row-gap: 8px;
margin-bottom: clamp(4px, .7vh, 8px);
}
.t2-btn{
--btn-corner: 18px;
position: relative;
overflow: hidden;
min-height: 48px;
padding: 13px 19px;
border-radius: var(--btn-corner) 8px;
border: 1px solid rgba(255,222,154,.28);
background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.025) 45%, rgba(0,0,0,.18)), rgba(8,7,6,.48);
color: #fff5da;
font-weight: 800;
letter-spacing: .25px;
text-shadow: 0 2px 4px rgba(0,0,0,.48);
box-shadow: 0 15px 34px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.28);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, filter .18s ease;
}
.t2-btn::before,
.t2-btn::after{
content: "";
position: absolute;
width: 26px;
height: 26px;
pointer-events: none;
opacity: .92;
transition: transform .18s ease;
}
.t2-btn::before{
top: 5px;
left: 5px;
border-top: 1px solid rgba(255,224,154,.58);
border-left: 1px solid rgba(255,224,154,.36);
border-radius: 12px 0 0;
}
.t2-btn::after{
right: 5px;
bottom: 5px;
border-right: 1px solid rgba(255,224,154,.38);
border-bottom: 1px solid rgba(255,224,154,.55);
border-radius: 0 0 12px;
}
.t2-btn:hover{
transform: translateY(-3px);
border-color: rgba(255,216,132,.72);
filter: saturate(1.08);
box-shadow: 0 20px 44px rgba(0,0,0,.58), 0 0 26px rgba(200,155,60,.25), inset 0 1px 0 rgba(255,255,255,.18);
}
.t2-btn:hover::before{ transform: translate(2px, 2px); }
.t2-btn:hover::after{ transform: translate(-2px, -2px); }
.t2-btn--ghost{
background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.02) 55%, rgba(0,0,0,.18)), rgba(0,0,0,.46);
}
.t2-btn--primary{
color: #161006;
font-weight: 900;
border-color: rgba(255,212,119,.78);
background: radial-gradient(130px 70px at 50% 0%, rgba(255,248,205,.60), transparent 68%), linear-gradient(135deg, #f0cf75 0%, #bd862e 48%, #7b4d16 100%);
box-shadow: 0 18px 42px rgba(0,0,0,.52), 0 0 30px rgba(218,162,63,.24), inset 0 1px 0 rgba(255,255,255,.36), inset 0 -1px 0 rgba(60,33,7,.38);
text-shadow: 0 1px 0 rgba(255,255,255,.18);
}
.t2-btn i,
.t2-btn--primary i{
width: auto;
height: auto;
min-width: 0;
display: inline-block;
padding: 0;
border: 0 !important;
border-radius: 0;
background: transparent !important;
box-shadow: none !important;
color: currentColor;
line-height: 1;
opacity: .94;
}
.t2-title{
box-sizing: border-box;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 86px;
margin: clamp(3px, .55vh, 7px) 0;
padding: 14px clamp(32px, 4.6vw, 52px) 7px;
border-radius: 24px 9px;
border: 1px solid rgba(255,211,128,.45);
color: #fff1c2;
line-height: .94;
text-align: center;
background: radial-gradient(220px 70px at 50% 0%, rgba(255,223,139,.30), transparent 72%), linear-gradient(135deg, rgba(255,255,255,.11), rgba(255,255,255,.025)), rgba(10,8,6,.54);
text-shadow: 0 2px 0 rgba(0,0,0,.55), 0 0 24px rgba(216,169,74,.38);
box-shadow: 0 18px 46px rgba(0,0,0,.48), 0 0 34px rgba(200,155,60,.14), inset 0 1px 0 rgba(255,255,255,.16);
}
.t2-title::before,
.t2-title::after{
content: "";
position: absolute;
top: 50%;
width: 34px;
height: 1px;
transform: translateY(-50%);
background: linear-gradient(90deg, transparent, rgba(255,218,139,.90), transparent);
box-shadow: 0 0 14px rgba(255,205,103,.35);
}
.t2-title::before{ right: calc(100% + 12px); }
.t2-title::after{ left: calc(100% + 12px); }
.t2-countdown{
position: relative;
width: min(760px, 94vw);
margin: clamp(6px, 1vh, 12px) auto clamp(4px, .65vh, 8px);
padding: 18px 20px;
gap: 9px;
border-radius: 28px 10px;
border: 1px solid rgba(255,214,132,.34);
background: radial-gradient(360px 120px at 50% 0%, rgba(210,157,60,.24), transparent 70%), linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.02)), rgba(5,4,3,.58);
box-shadow: 0 22px 58px rgba(0,0,0,.55), 0 0 44px rgba(200,155,60,.15), inset 0 1px 0 rgba(255,255,255,.12);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.t2-countdown::before,
.t2-countdown::after{
content: "";
position: absolute;
width: 44px;
height: 44px;
pointer-events: none;
opacity: .9;
}
.t2-countdown::before{
top: 8px;
left: 8px;
border-top: 1px solid rgba(255,218,139,.55);
border-left: 1px solid rgba(255,218,139,.32);
border-radius: 18px 0 0;
}
.t2-countdown::after{
right: 8px;
bottom: 8px;
border-right: 1px solid rgba(255,218,139,.32);
border-bottom: 1px solid rgba(255,218,139,.55);
border-radius: 0 0 18px;
}
.t2-countseg{
position: relative;
overflow: hidden;
min-width: 96px;
margin: 0;
padding: 12px 15px 11px;
border-radius: 19px 7px;
border: 1px solid rgba(255,255,255,.14);
background: linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.025)), rgba(0,0,0,.35);
box-shadow: 0 12px 26px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.12);
}
.t2-countseg::before{
content: "";
position: absolute;
inset: 0 0 auto;
height: 2px;
background: linear-gradient(90deg, transparent, rgba(255,215,129,.86), transparent);
}
.t2-num{
color: #ffe49e;
font-weight: 900;
text-shadow: 0 2px 0 rgba(0,0,0,.55), 0 0 20px rgba(255,197,83,.30);
}
.t2-label{
color: #e7d0a5;
font-weight: 800;
}
.t2-sep{
color: #ffd16e;
text-shadow: 0 0 18px rgba(255,204,97,.35);
}
.t2-cta{
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin: 0 auto;
padding-bottom: 76px;
text-align: center;
}
.t2-cta .t2-btn,
.t2-cta .t2-btn.t2-btn--primary{
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
min-width: 300px;
max-width: calc(100vw - 48px);
min-height: 46px;
padding: 12px 30px;
gap: 0;
overflow: visible;
border-radius: 18px 8px;
border: 1px solid rgba(255,182,119,.62);
background: linear-gradient(180deg, rgba(160,105,56,.96), rgba(85,47,14,.96) 58%, rgba(38,20,5,.96));
color: #fff0df;
font-family: 'Cinzel', serif;
font-size: 15px;
font-weight: 900;
line-height: 1.2;
letter-spacing: .25px;
white-space: nowrap;
box-shadow: 0 16px 38px rgba(0,0,0,.50), 0 0 22px rgba(255,157,72,.16), inset 0 1px 0 rgba(255,255,255,.20), inset 0 -1px 0 rgba(0,0,0,.32);
text-shadow: 0 2px 0 rgba(0,0,0,.55);
}
.t2-cta .t2-btn::before,
.t2-cta .t2-btn::after{ content: none; display: none; }
.t2-cta .t2-btn:hover{
transform: translateY(-2px);
border-color: rgba(255,213,176,.82);
box-shadow: 0 20px 44px rgba(0,0,0,.54), 0 0 26px rgba(255,166,88,.22), inset 0 1px 0 rgba(255,255,255,.22);
}
.t2-cta::before{
content: "Tanıtımı İncele";
position: absolute;
left: 50%;
bottom: 44px;
transform: translateX(-50%);
color: rgba(255,236,220,.86);
font-size: 11px;
font-weight: 900;
letter-spacing: 1.2px;
text-transform: uppercase;
text-shadow: 0 0 12px rgba(255,166,88,.24), 0 2px 0 rgba(0,0,0,.55);
pointer-events: none;
}
.t2-cta::after{
content: "";
position: absolute;
left: 50%;
bottom: 10px;
width: 27px;
height: 27px;
border-right: 3px solid rgba(255,212,174,.92);
border-bottom: 3px solid rgba(255,212,174,.92);
filter: drop-shadow(0 0 10px rgba(255,168,91,.46));
transform: translateX(-50%) rotate(45deg);
animation: manweScrollArrowClean 1.35s ease-in-out infinite;
pointer-events: none;
}
@keyframes manweScrollArrowClean{
0%{ opacity:.25; transform: translateX(-50%) translateY(-7px) rotate(45deg); }
45%{ opacity:1; transform: translateX(-50%) translateY(5px) rotate(45deg); }
100%{ opacity:.25; transform: translateX(-50%) translateY(14px) rotate(45deg); }
}
.t2-main{
position: relative;
z-index: 3;
isolation: isolate;
background: radial-gradient(760px 340px at 50% 0%, rgba(150,105,65,.045), transparent 72%), radial-gradient(620px 300px at 14% 22%, rgba(190,145,55,.035), transparent 68%), linear-gradient(180deg, #090806 0%, #0c0a08 44%, #0d0b0a 100%);
}
.t2-main::before{
content: "";
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
opacity: .045;
background: linear-gradient(90deg, transparent 0 49%, rgba(255,255,255,.018) 50%, transparent 51% 100%), linear-gradient(0deg, transparent 0 49%, rgba(255,255,255,.014) 50%, transparent 51% 100%);
background-size: 120px 120px;
mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 88%, transparent);
}
.t2-section{
position: relative;
overflow: hidden;
}
.t2-section + .t2-section{ border-top: 1px solid rgba(220,185,105,.16); }
.t2-section::before{
content: "";
position: absolute;
left: 50%;
top: 0;
width: min(1080px, calc(100% - 40px));
height: 1px;
transform: translateX(-50%);
background: linear-gradient(90deg, transparent, rgba(165,114,70,.26) 24%, rgba(220,180,92,.38) 50%, rgba(165,114,70,.26) 76%, transparent);
box-shadow: 0 0 12px rgba(180,145,70,.12);
opacity: .62;
}
.t2-section__title,
.t2-section__title.u-center{
position: relative;
grid-column: 1 / -1;
width: 100%;
padding: 0 0 16px;
margin: 0 0 22px;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
border: 0;
background: transparent;
box-shadow: none;
color: #f4df9d;
font-family: 'Cinzel', serif;
font-size: clamp(24px, 3.6vw, 36px);
font-weight: 800;
letter-spacing: 1px;
text-align: left;
text-shadow: 0 2px 0 rgba(0,0,0,.48), 0 0 18px rgba(200,155,60,.18);
}
.t2-section__title::before{
content: "";
width: var(--t2-title-icon-size, 32px);
height: var(--t2-title-icon-size, 32px);
flex: 0 0 auto;
background: var(--t2-title-icon) center / contain no-repeat;
filter: drop-shadow(0 0 10px rgba(220,145,80,.42)) drop-shadow(0 5px 8px rgba(0,0,0,.55));
}
.t2-section__title::after{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: min(360px, 70vw);
height: 2px;
border-radius: 999px;
background: linear-gradient(90deg, rgba(180,123,73,.72), rgba(215,168,79,.74), transparent);
box-shadow: 0 0 12px rgba(190,133,83,.18);
opacity: .88;
}
.t2-media{ gap: 26px; }
.t2-media--bottom{ gap: 22px; }
.t2-card,
.t2-media .t2-card{
position: relative;
overflow: hidden;
border-radius: 22px 10px;
border: 1px solid rgba(218,182,99,.16);
background: radial-gradient(500px 180px at 0% 0%, rgba(180,128,83,.045), transparent 62%), linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.010));
box-shadow: 0 14px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.045);
}
.t2-media .t2-card::before{
content: "";
position: absolute;
inset: 12px auto 12px 0;
width: 3px;
border-radius: 999px;
background: linear-gradient(180deg, transparent, rgba(190,133,83,.62), rgba(215,168,79,.58), transparent);
}
.t2-card p,
.t2-card li,
.t2-card .t2-section__subtitle,
.t2-card .t2-feature-desc{ color: rgba(224,222,216,.88); }
.t2-media .t2-card p{
position: relative;
margin: 0 0 14px;
line-height: 1.78;
}
.t2-media .t2-card p:last-child{ margin-bottom: 0; }
.t2-card p + p{ padding-top: 13px; margin-top: 13px; border-top: 1px solid rgba(220,220,210,.075); }
.t2-card p b,
.t2-card li b,
.t2-card--wide b,
.t2-details b,
.t2-transform b,
.t2-section__subtitle b{
color: #d8d3c8;
font-weight: 800;
text-shadow: none;
}
.t2-highlight{
color: rgba(224,222,216,.90);
background: rgba(200,155,60,.09);
border-color: rgba(200,155,60,.34);
}
.t2-media .t2-figure{
position: relative;
padding: 6px;
border-radius: 24px 10px;
border: 1px solid rgba(218,182,99,.20);
background: linear-gradient(135deg, rgba(180,128,83,.12), transparent 28%, rgba(200,155,60,.10));
box-shadow: 0 20px 46px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07);
}
.t2-media .t2-figure img{ border-radius: 18px 7px; }
.t2-media .t2-figure:hover img{ transform: scale(1.018); filter: none; }
.t2-media .t2-zoom{
border-radius: 14px 6px;
background: rgba(12,10,9,.72);
border-color: rgba(215,168,79,.28);
color: #f8e7b7;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.t2-table th,
.t2-table td{ border-bottom-color: rgba(225,215,190,.13); }
.t2-drop-row{ border-top-color: rgba(225,215,190,.11); }
.t2-biyolog__item,
.t2-drop-card,
.t2-market-item,
.t2-details{ border-color: rgba(220,185,105,.16); }
.t2-biyolog__item{ background: linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.010)), rgba(5,5,4,.28); }
.particles-container{ opacity: .42; }
.t2-footer > img{
display: block;
width: 256px;
max-width: min(256px, 70vw);
height: auto;
margin: 10px auto 14px;
object-fit: contain;
filter: drop-shadow(0 12px 22px rgba(0,0,0,.45));
}
@media (max-height: 820px){
.t2-hero{ gap: 5px; padding-top: 14px; padding-bottom: 18px; transform: translateY(-5px); }
.t2-brand{ width: clamp(310px, 40vw, 640px); margin-bottom: 0; }
.t2-glass-note span,
.t2-sub{ font-size: 13px; }
.t2-title{ min-height: 78px; padding-top: 12px; padding-bottom: 6px; font-size: clamp(30px, 3.6vw, 46px); }
.t2-countdown{ margin-bottom: 3px; gap: 9px; }
.t2-countseg{ min-width: 82px; padding: 9px 12px; }
.t2-num{ font-size: clamp(29px, 4.5vw, 43px); }
}
@media (max-height: 720px){
.t2-hero{ gap: 4px; padding-top: 10px; padding-bottom: 12px; transform: translateY(-2px); }
.t2-brand{ width: clamp(285px, 36vw, 560px); }
.t2-glass-note span,
.t2-sub{ font-size: 12.5px; }
.t2-title{ min-height: 70px; padding-top: 10px; padding-bottom: 5px; }
.t2-countseg{ min-width: 76px; padding: 7px 10px; }
.t2-cta .t2-btn{ min-height: 38px; padding-top: 0; padding-bottom: 0; }
}
@media (max-width: 700px){
.t2-hero-wrap{ min-height: 100svh; }
.t2-hero{ padding-left: 14px; padding-right: 14px; transform: none; }
.t2-brand{ width: min(92vw, 500px); }
.t2-actions{ gap: 7px; row-gap: 7px; }
.t2-title{ width: min(94vw, 620px); padding-left: 18px; padding-right: 18px; }
}
@media (max-width: 640px){
.t2-sub.u-mt12{ flex-wrap: wrap; gap: 8px; }
.t2-sub.u-mt12::before{ display: flex; width: fit-content; margin: 0 auto; }
.t2-btn{ width: min(100%, 310px); justify-content: center; }
.t2-title{ min-height: 72px; padding: 11px 22px 6px; line-height: .94; }
.t2-title::before,
.t2-title::after{ display: none; }
.t2-countdown{ padding: 15px 12px; gap: 8px; }
.t2-countseg{ min-width: 72px; padding: 10px 8px; }
.t2-sep{ display: none; }
.t2-section__title{ font-size: clamp(22px, 7vw, 30px); }
.t2-section__title::before{ width: 32px; height: 32px; }
.t2-media .t2-card{ padding: 18px 18px 18px 20px; }
.t2-cta{ padding-bottom: 72px; }
.t2-cta .t2-btn,
.t2-cta .t2-btn.t2-btn--primary{
min-width: 0;
width: auto;
max-width: calc(100vw - 56px);
padding: 11px 22px;
font-size: 13px;
white-space: normal;
}
}
@media (max-width: 480px){
.t2-footer > img{ width: 220px; max-width: 72vw; }
}
.leftBodyLinks{
border: 1px solid rgba(255, 218, 139, .18);
border-left: 0;
border-radius: 0 22px 22px 0;
padding: 8px 7px 9px;
background:
radial-gradient(160px 260px at 100% 50%, rgba(200,155,60,.12), transparent 70%),
linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
rgba(4,4,4,.86);
box-shadow: 0 18px 42px rgba(0,0,0,.48), inset 1px 0 0 rgba(255,255,255,.06);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.leftBodyLinks a{
position: relative;
margin: 4px 0;
padding: 10px 9px;
border-radius: 16px 7px 16px 7px;
color: #d8c6a2;
font-family: 'Quicksand', Cambria, sans-serif;
font-size: 12px;
font-weight: 900;
letter-spacing: .35px;
transition: transform .18s ease, background .18s ease, color .18s ease;
}
.leftBodyLinks a:hover{
transform: translateX(3px);
color: #fff0c3;
background: rgba(255, 215, 126, .07);
}
.leftBodyLinks a span{
border-radius: 16px 6px 16px 6px;
background-size: 55px 55px;
filter: drop-shadow(0 8px 13px rgba(0,0,0,.34));
}
.leftBodyLinks a:hover span{
background-size: 66px 66px;
filter: drop-shadow(0 0 12px rgba(200,155,60,.30));
}
@media (max-width: 900px){
.leftBodyLinks{ display:none; }
}
.t2-figure img,
.t2-media .t2-figure img,
.t2-section__inner.has-media .t2-figure img{
filter: none !important;
backface-visibility: hidden;
transform: translateZ(0);
will-change: auto;
}
.t2-figure:hover img,
.t2-media .t2-figure:hover img,
.t2-section__inner.has-media .t2-figure:hover img{
filter: none !important;
transform: none !important;
}
/* =========================================================
PARTNER YAYINCILARIMIZ
========================================================= */
.t2-partners-section{
position:relative;
overflow:hidden;
background:
radial-gradient(760px 330px at 7% 8%, rgba(126,97,48,.08), transparent 68%),
radial-gradient(680px 320px at 92% 88%, rgba(215,168,79,.07), transparent 68%);
}
.t2-partners-section::before,
.t2-partners-section::after{
content:"";
position:absolute;
pointer-events:none;
z-index:0;
}
.t2-partners-section::before{
width:4px;
height:4px;
left:8%;
top:30px;
border-radius:50%;
background:rgba(215,168,79,.38);
box-shadow:
250px 55px 0 rgba(215,168,79,.18),
570px -8px 0 rgba(215,168,79,.20),
910px 95px 0 rgba(215,168,79,.16);
}
.t2-partners-section::after{
width:220px;
height:1px;
right:7%;
top:34px;
background:linear-gradient(90deg, transparent, rgba(215,168,79,.22), transparent);
}
.t2-partners-inner{
position:relative;
z-index:1;
}
.t2-partners-title{
margin:0 0 6px;
color:#ffe0a2;
}
.t2-partners-desc{
grid-column:1 / -1;
margin:0;
max-width:920px;
color:var(--t2-muted);
font-size:15px;
line-height:1.7;
}
.t2-partners-desc b{ color:#f4e8d7; }
.t2-partner-platforms{
grid-column:1 / -1;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px;
margin-top:2px;
}
.t2-platform-chip{
min-height:30px;
padding:5px 10px;
border-radius:999px;
border:1px solid rgba(255,255,255,.10);
background:rgba(255,255,255,.035);
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
color:#eadfce;
font-size:11px;
line-height:1;
font-weight:800;
letter-spacing:.1px;
box-shadow:0 6px 14px rgba(0,0,0,.18);
}
.t2-platform-chip i{ font-size:13px; font-style:normal; }
.t2-platform-chip--kick i{ color:#53fc18; }
.t2-platform-chip--youtube i{ color:#ff4a4a; }
.t2-platform-chip--twitch i{ color:#b69cff; }
.t2-platform-chip--tiktok i{ color:#f2f2f2; text-shadow:1px 0 #ff3158,-1px 0 #20e7e0; }
.t2-platform-chip--instagram i{
color:#ff78b5;
text-shadow:0 0 8px rgba(255,92,159,.22);
}
.t2-platform-chip--facebook i{ color:#78adff; }
.t2-platform-chip--nimo .t2-platform-letter{
width:auto;
height:auto;
min-width:0;
display:inline-block;
place-items:unset;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
color:#82b5ff;
font-size:11px !important;
line-height:1;
font-weight:900;
}
.t2-platform-letter{
width:16px;
height:16px;
border-radius:5px;
display:inline-grid;
place-items:center;
font-family:Arial,sans-serif;
font-size:10px !important;
font-weight:900;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.10);
}
.t2-partners-grid{
grid-column:1 / -1;
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:14px;
width:100%;
margin-top:10px;
align-items:start;
}
.t2-partner-card{
position:relative;
min-width:0;
min-height:176px;
padding:17px 12px 14px;
border-radius:18px;
border:1px solid rgba(226,162,91,.16);
background:
linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
rgba(20,15,12,.78);
box-shadow:0 13px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.025);
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
transition:transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
overflow:hidden;
}
.t2-partner-card::before{
content:"";
position:absolute;
inset:0 auto 0 0;
width:2px;
background:linear-gradient(180deg, transparent, rgba(223,155,84,.52), transparent);
opacity:.65;
}
.t2-partner-card::after{
content:"";
position:absolute;
width:82px;
height:82px;
top:-35px;
right:-35px;
border-radius:50%;
background:rgba(212,143,73,.08);
filter:blur(2px);
opacity:.55;
transition:opacity .2s ease;
}
.t2-partner-card:hover{
transform:translateY(-5px);
border-color:rgba(223,155,84,.34);
background:
linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.016)),
rgba(20,15,12,.86);
box-shadow:0 20px 38px rgba(0,0,0,.34), 0 0 0 1px rgba(200,121,69,.035) inset;
}
.t2-partner-card:hover::after{ opacity:1; }
.t2-partner-avatar-wrap{
position:relative;
z-index:1;
width:72px;
height:72px;
flex:0 0 72px;
padding:2px;
border-radius:50%;
background:linear-gradient(145deg, #d3a35a, #6f4922 55%, #e0bd75);
box-shadow:0 8px 18px rgba(0,0,0,.36), 0 0 0 1px rgba(255,223,152,.08);
}
.t2-partner-avatar{
width:100%;
height:100%;
display:block;
object-fit:cover;
border-radius:50%;
border:2px solid #17110e;
}
.t2-partner-name{
position:relative;
z-index:1;
width:100%;
min-height:22px;
margin:10px 0 8px;
color:#eee4d4;
font-size:14px;
line-height:1.25;
font-weight:800;
letter-spacing:-.1px;
overflow-wrap:anywhere;
}
.t2-partner-links{
position:relative;
z-index:1;
width:100%;
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
align-items:center;
gap:6px;
margin-top:auto;
}
.t2-partner-btn{
width:100%;
min-width:0;
height:25px;
padding:0 4px;
border-radius:5px;
border:1px solid transparent;
display:inline-flex;
align-items:center;
justify-content:center;
gap:3px;
color:#fff;
text-decoration:none;
font-size:8px;
line-height:1;
font-weight:800;
text-transform:uppercase;
white-space:nowrap;
transition:transform .16s ease, filter .16s ease, box-shadow .16s ease;
}
.t2-partner-btn i{ font-size:10px; flex:0 0 auto; }
.t2-partner-btn span{ min-width:0; overflow:hidden; text-overflow:ellipsis; }
.t2-partner-links > .t2-partner-btn:last-child:nth-child(odd){
grid-column:1 / -1;
width:min(100%, 82px);
justify-self:center;
}
.t2-partner-btn:hover{ transform:translateY(-2px); filter:brightness(1.12); }
.t2-partner-btn--kick{
background:linear-gradient(180deg, #56c514, #278600);
border-color:rgba(111,255,35,.28);
box-shadow:0 5px 12px rgba(56,159,4,.10);
}
.t2-partner-btn--youtube{
background:linear-gradient(180deg, #8c2525, #541313);
border-color:rgba(255,83,83,.28);
box-shadow:0 5px 12px rgba(130,28,28,.12);
}
.t2-partner-btn--twitch{
background:linear-gradient(180deg,#7651b5,#4a2c7f);
border-color:rgba(183,141,255,.30);
box-shadow:0 5px 12px rgba(110,75,185,.12);
}
.t2-partner-btn--tiktok{
background:linear-gradient(180deg,#262626,#080808);
border-color:rgba(255,255,255,.20);
box-shadow:0 5px 12px rgba(0,0,0,.18);
}
.t2-partner-btn--tiktok i{
color:#fff;
text-shadow:1px 0 #ff3158,-1px 0 #20e7e0;
}
.t2-partner-btn--instagram{
background:linear-gradient(135deg,#833ab4 0%,#c13584 35%,#e1306c 58%,#f77737 82%,#fcaf45 100%);
border-color:rgba(255,141,185,.30);
box-shadow:0 5px 12px rgba(193,53,132,.14);
}
.t2-partner-btn--instagram i{
color:#fff;
}
.t2-partner-btn--facebook{
background:linear-gradient(180deg,#3f7bd8,#2553a0);
border-color:rgba(114,173,255,.28);
box-shadow:0 5px 12px rgba(37,83,160,.14);
}
.t2-partner-btn--nimo{
background:linear-gradient(180deg,#4c7bc4,#294a80);
border-color:rgba(130,181,255,.30);
box-shadow:0 5px 12px rgba(41,74,128,.14);
}
.t2-partner-btn--nimo .t2-platform-letter{
width:auto;
height:auto;
min-width:0;
display:inline-block;
place-items:unset;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
color:#dbe9ff;
font-size:10px !important;
line-height:1;
font-weight:900;
}
@media (max-width:1024px){
.t2-partners-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:760px){
.t2-partners-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
}
@media (max-width:540px){
.t2-partners-section{ padding-top:52px; padding-bottom:52px; }
.t2-partners-title{ font-size:clamp(22px,7vw,30px); gap:10px; }
.t2-partners-desc{ font-size:13px; line-height:1.65; }
.t2-partner-platforms{ gap:6px; }
.t2-platform-chip{ min-height:28px; padding:5px 8px; font-size:10px; gap:5px; }
.t2-partners-section::after{ display:none; }
.t2-partners-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:10px; }
.t2-partner-card{ min-height:162px; padding:14px 9px 11px; border-radius:15px; }
.t2-partner-avatar-wrap{ width:64px; height:64px; flex-basis:64px; }
.t2-partner-name{ margin:9px 0 7px; font-size:13px; }
.t2-partner-links{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
.t2-partner-btn{ width:100%; min-width:0; height:24px; padding:0 4px; gap:3px; font-size:8px; }
.t2-partner-btn i{ font-size:9px; }
}
@media (max-width:340px){
.t2-partner-platforms{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.t2-platform-chip{ width:100%; }
.t2-partners-grid{ grid-template-columns:1fr; }
.t2-partner-card{ width:100%; max-width:250px; margin-inline:auto; }
.t2-partner-btn{ width:100%; min-width:0; padding-inline:6px; }
}
.t2-prereg-popup[hidden] {
display: none !important;
}
.t2-prereg-popup {
position: fixed;
inset: 0;
z-index: 10050;
display: grid;
place-items: center;
padding: 18px;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: opacity .28s ease, visibility .28s ease;
}
.t2-prereg-popup.is-visible {
opacity: 1;
visibility: visible;
}
.t2-prereg-backdrop {
position: absolute;
inset: 0;
background:
radial-gradient(circle at 50% 42%, rgba(155,0,0,.22), transparent 38%),
radial-gradient(circle at 50% 50%, rgba(200,155,60,.10), transparent 58%),
rgba(5,4,4,.84);
-webkit-backdrop-filter: blur(9px) saturate(.8);
backdrop-filter: blur(9px) saturate(.8);
}
.t2-prereg-modal {
position: relative;
z-index: 2;
width: min(94vw, 630px, calc(100dvh - 205px));
min-width: 0;
max-width: 100%;
max-height: calc(100dvh - 36px);
padding: 18px;
overflow: hidden;
scrollbar-width: none;
border: 1px solid rgba(223,180,91,.62);
border-radius: 24px;
background:
linear-gradient(145deg, rgba(255,255,255,.055), transparent 34%),
radial-gradient(circle at 50% 0%, rgba(200,155,60,.16), transparent 42%),
linear-gradient(180deg, rgba(31,23,18,.985), rgba(11,9,8,.99));
box-shadow:
0 30px 90px rgba(0,0,0,.72),
0 0 0 1px rgba(255,225,163,.09) inset,
0 0 50px rgba(200,155,60,.20);
transform: translateY(20px) scale(.965);
transition: transform .35s cubic-bezier(.2,.8,.2,1);
}
.t2-prereg-modal::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
display: none !important;
}
.t2-prereg-popup.is-visible .t2-prereg-modal {
transform: translateY(0) scale(1);
}
.t2-prereg-modal::before {
content: "";
position: absolute;
inset: 7px;
z-index: 0;
pointer-events: none;
border: 1px solid rgba(255,220,145,.12);
border-radius: 18px;
}
.t2-prereg-modal::after {
content: "";
position: absolute;
left: 12%;
right: 12%;
top: 0;
height: 2px;
z-index: 2;
pointer-events: none;
background: linear-gradient(90deg, transparent, #f5d893, #b9772f, #f5d893, transparent);
box-shadow: 0 0 18px rgba(245,216,147,.72);
}
.t2-prereg-close {
position: absolute;
top: 12px;
right: 12px;
z-index: 8;
width: 42px;
height: 42px;
display: grid;
place-items: center;
padding: 0;
border: 1px solid rgba(255,255,255,.16);
border-radius: 50%;
background: rgba(7,6,5,.78);
color: #fff0d2;
font-size: 18px;
cursor: pointer;
box-shadow: 0 8px 22px rgba(0,0,0,.4), 0 0 14px rgba(200,155,60,.10);
transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.t2-prereg-close:hover {
transform: rotate(90deg) scale(1.06);
color: #fff;
background: rgba(126,25,18,.86);
border-color: rgba(255,196,126,.5);
}
.t2-prereg-topline,
.t2-prereg-title,
.t2-prereg-subtitle,
.t2-prereg-image-link,
.t2-prereg-button {
position: relative;
z-index: 2;
}
.t2-prereg-topline {
min-height: 30px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 0 50px;
color: #d8c49f;
font-size: 11px;
font-weight: 800;
letter-spacing: 1.8px;
}
.t2-prereg-live {
margin-left: 2px;
padding: 3px 7px;
border: 1px solid rgba(205,89,66,.34);
border-radius: 999px;
background: rgba(135,26,18,.2);
color: #ffb19d;
font-size: 9px;
letter-spacing: 1.1px;
}
.t2-prereg-dot {
width: 7px;
height: 7px;
flex: 0 0 7px;
border-radius: 50%;
background: #d0432f;
box-shadow: 0 0 0 0 rgba(208,67,47,.6);
animation: t2PreRegPulse 1.6s infinite;
}
@keyframes t2PreRegPulse {
0%   { box-shadow: 0 0 0 0 rgba(208,67,47,.55); }
70%  { box-shadow: 0 0 0 8px rgba(208,67,47,0); }
100% { box-shadow: 0 0 0 0 rgba(208,67,47,0); }
}
.t2-prereg-title {
margin: 5px 0 3px;
padding: 0 46px;
text-align: center;
font-family: 'Cinzel', serif;
font-size: clamp(24px, 5vw, 34px);
line-height: 1.12;
letter-spacing: 1.3px;
color: #f4d99a;
text-shadow: 0 2px 0 rgba(0,0,0,.6), 0 0 22px rgba(200,155,60,.28);
}
.t2-prereg-subtitle {
margin: 0 0 14px;
text-align: center;
color: #cdbfae;
font-size: 13px;
}
.t2-prereg-image-link {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
border: 1px solid rgba(232,190,105,.46);
border-radius: 17px;
background: #0a0807;
box-shadow:
0 18px 45px rgba(0,0,0,.46),
0 0 0 4px rgba(126,97,48,.10),
0 0 28px rgba(200,155,60,.12);
}
.t2-prereg-image-link::before {
content: "";
position: absolute;
inset: 0;
z-index: 3;
pointer-events: none;
border-radius: inherit;
box-shadow: inset 0 0 0 1px rgba(255,235,193,.12), inset 0 0 45px rgba(0,0,0,.18);
}
.t2-prereg-image {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
background: #0a0807;
transition: transform .45s ease, filter .45s ease;
}
.t2-prereg-image-link:hover .t2-prereg-image {
transform: scale(1.012);
filter: brightness(1.04);
}
.t2-prereg-shine {
position: absolute;
top: -20%;
bottom: -20%;
left: -45%;
width: 24%;
z-index: 4;
pointer-events: none;
transform: skewX(-18deg);
background: linear-gradient(90deg, transparent, rgba(255,237,194,.17), transparent);
animation: t2PreRegShine 4.6s ease-in-out infinite;
}
@keyframes t2PreRegShine {
0%, 55% { left: -45%; opacity: 0; }
62% { opacity: .8; }
82% { left: 125%; opacity: 0; }
100% { left: 125%; opacity: 0; }
}
.t2-prereg-button {
min-height: 50px;
margin-top: 14px;
padding: 0 18px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
border: 1px solid #c89b3c;
border-radius: 14px;
background:
linear-gradient(180deg, rgba(255,255,255,.14), transparent 45%),
linear-gradient(180deg, #c9943d, #79511f);
color: #160f08;
text-decoration: none;
font-weight: 900;
font-size: 13px;
letter-spacing: .8px;
box-shadow: 0 12px 30px rgba(0,0,0,.34), 0 0 22px rgba(200,155,60,.16);
transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.t2-prereg-button:hover {
transform: translateY(-2px);
filter: brightness(1.1);
box-shadow: 0 16px 34px rgba(0,0,0,.42), 0 0 30px rgba(200,155,60,.28);
}
.t2-prereg-button .fa-arrow-right {
transition: transform .18s ease;
}
.t2-prereg-button:hover .fa-arrow-right {
transform: translateX(3px);
}
@media (max-width: 680px) {
.t2-prereg-popup { padding: 10px; }
.t2-prereg-modal {
width: min(96vw, 560px, calc(100dvh - 170px));
max-height: calc(100dvh - 20px);
padding: 12px;
border-radius: 19px;
}
.t2-prereg-modal::before {
inset: 5px;
border-radius: 15px;
}
.t2-prereg-close {
top: 8px;
right: 8px;
width: 36px;
height: 36px;
font-size: 16px;
}
.t2-prereg-topline {
min-height: 26px;
padding-inline: 38px;
font-size: 9px;
letter-spacing: 1.2px;
}
.t2-prereg-title {
margin-top: 3px;
padding-inline: 30px;
font-size: clamp(20px, 7vw, 27px);
}
.t2-prereg-subtitle {
margin-bottom: 10px;
font-size: 11px;
line-height: 1.4;
}
.t2-prereg-image-link { border-radius: 13px; }
.t2-prereg-button {
min-height: 46px;
margin-top: 10px;
border-radius: 12px;
font-size: 11px;
}
}
@media (max-height: 760px) and (min-width: 681px) {
.t2-prereg-modal { width: min(92vw, 600px, calc(100dvh - 170px)); }
.t2-prereg-topline { min-height: 24px; }
.t2-prereg-title { font-size: 25px; }
.t2-prereg-subtitle { margin-bottom: 9px; }
.t2-prereg-button { min-height: 44px; margin-top: 9px; }
}
@media (prefers-reduced-motion: reduce) {
.t2-prereg-popup *,
.t2-prereg-popup *::before,
.t2-prereg-popup *::after {
animation: none !important;
transition-duration: .01ms !important;
}
}
/* =========================================================
TURKUAZ DETAY TEMASI
Ana tema korunur; yalnızca seçili küçük vurgu alanları turkuazdır.
========================================================= */
:root{
--t2-turquoise: #39ddd3;
--t2-turquoise-light: #8af7ef;
--t2-turquoise-deep: #118f8a;
--t2-turquoise-soft: rgba(57,221,211,.16);
--t2-turquoise-line: rgba(57,221,211,.52);
}
/* Rekor açılışa kalan süre butonu */
.t2-cta .t2-btn,
.t2-cta .t2-btn.t2-btn--primary{
border-color: rgba(88,235,226,.62);
background:
linear-gradient(180deg, rgba(255,255,255,.11), transparent 42%),
linear-gradient(180deg, rgba(24,154,148,.96), rgba(11,91,88,.97) 58%, rgba(5,47,46,.98));
color: #eafffd;
box-shadow:
0 16px 38px rgba(0,0,0,.50),
0 0 24px rgba(57,221,211,.16),
inset 0 1px 0 rgba(210,255,251,.20),
inset 0 -1px 0 rgba(0,0,0,.30);
text-shadow:
0 2px 0 rgba(0,0,0,.52),
0 0 10px rgba(57,221,211,.12);
}
/* Başlıkların solundaki ikon arka planı */
.t2-section__title::before{
box-sizing: content-box;
padding: 6px;
border-radius: 10px;
border: 1px solid rgba(40,220,207,.30);
background:
var(--t2-title-icon) center / var(--t2-title-icon-size, 32px) var(--t2-title-icon-size, 32px) no-repeat,
linear-gradient(145deg, rgba(24,206,193,.22), rgba(10,104,104,.18));
box-shadow:
inset 0 1px 0 rgba(153,255,247,.09),
0 0 14px rgba(29,211,198,.12);
filter: drop-shadow(0 5px 8px rgba(0,0,0,.48));
}
/* Diğer içerik kartlarının sol tarafındaki turkuaz geçiş korunur */
.t2-media .t2-card::before{
background: linear-gradient(
180deg,
transparent,
rgba(17,143,138,.58),
rgba(65,224,214,.54),
transparent
);
}
/* Partner kartlarının yalnızca sol kenarındaki ince geçiş turkuazdır */
.t2-partner-card::before{
background: linear-gradient(
180deg,
transparent,
rgba(42,224,210,.62),
transparent
);
box-shadow: 0 0 10px rgba(35,213,200,.10);
}
/* Manwe presentation refresh — scoped to the three updated sections. */
.soul-quests {
display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-top: 24px
}
.soul-card {
--soul: 100, 181, 255; position: relative; isolation: isolate; overflow: hidden; padding: 26px;
border: 1px solid rgba(var(--soul),.35); border-radius: 20px;
background: radial-gradient(ellipse at 5% 0%,rgba(var(--soul),.16),transparent 65%), #111416;
box-shadow: 0 12px 35px #0004
}
.soul-card--green {
--soul: 99, 218, 155; background: radial-gradient(ellipse at 5% 0%,rgba(var(--soul),.16),transparent 65%), #111613
}
.soul-card:before {
content: ""; position: absolute; inset: 0 0 auto; height: 2px;
background: linear-gradient(90deg,transparent,rgb(var(--soul)),transparent)
}
.soul-top {
display: flex; align-items: center; gap: 20px
}
.soul-art {
width: 70px; height: 80px; flex: none; display: grid; place-items: center;
background: radial-gradient(ellipse,rgba(var(--soul),.25),transparent 70%)
}
.soul-art img {
width: 64px; height: 64px; object-fit: contain; animation: soul-float 4s ease-in-out infinite;
}
@keyframes soul-float {
50% { transform: translateY(-6px); opacity: .75; }
}
.soul-eyebrow {
font-size: 10px; font-weight: 700; letter-spacing: 2px; color: rgb(var(--soul))
}
.soul-card h3 {
margin: 5px 0; font-family: Cinzel, serif; font-size: 21px; color: #f6f0e5; line-height: 1.35
}
.soul-rules {
display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 20px 0; font-size: 12px; color: #d0d6d4
}
.soul-risk {
color: #e9b589
}
.soul-stats {
display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid rgba(var(--soul),.18);
padding-top: 18px; gap: 8px
}
.soul-stats div {
display: flex; flex-direction: column; text-align: center; border-right: 1px solid #ffffff12
}
.soul-stats div:last-child {
border: 0
}
.soul-stats strong {
font-size: 25px; color: rgb(var(--soul)); font-variant-numeric: tabular-nums
}
.soul-stats span {
font-size: 12px; color: #c5cbc9
}
#donusumler .t2-transform {
padding: 22px; background: linear-gradient(135deg,#201b13,#110f0c)
}
#donusumler .upgrade-tabs {
display: none; gap: 10px; margin-bottom: 24px; padding: 6px; border: 1px solid #c89b3c26; border-radius: 15px;
background: #08070680
}
#donusumler .is-enhanced .upgrade-tabs {
display: flex
}
.upgrade-tabs button {
flex: 1; min-width: 0; padding: 16px 10px; background: transparent; border: 1px solid transparent;
border-radius: 10px; color: #c8bba7; font: 700 12px Quicksand, sans-serif; letter-spacing: 1px; cursor: pointer
}
.upgrade-tabs button[aria-selected="true"] {
background: linear-gradient(135deg,#d0a957,#8c6427); border-color: #e7c884; color: #161008;
box-shadow: 0 4px 18px #0005
}
.upgrade-tabs button:hover {
border-color: #c89b3c66
}
.upgrade-tabs button:focus-visible {
outline: 2px solid #ffe0a2; outline-offset: 3px
}
#donusumler .t2-details--transform {
width: 100%; max-width: none; margin: 0 0 16px; padding: 0; background: none; border: 0; box-shadow: none
}
#donusumler .is-enhanced details>summary {
display: none
}
#donusumler [hidden] {
display: none!important
}
#donusumler .t2-transformCenter {
display: block; width: 100%; max-width: none; padding: 0; text-align: left
}
#donusumler .upgrade-grid {
display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px
}
#donusumler .upgrade-card {
min-width: 0; padding: 22px; border: 1px solid #c8a55b29; border-radius: 16px;
background: linear-gradient(150deg,#ffffff05,transparent), #0e0d0bc4
}
#donusumler .t2-transform__class {
display: block; width: auto; min-width: 0; margin: 0 0 20px; padding: 0 0 12px; border: 0;
border-bottom: 1px solid #c8a55b26; background: none; box-shadow: none; text-align: center;
font: 700 14px Cinzel, serif; letter-spacing: 1.4px; color: #e8c887; transform: none
}
#donusumler .t2-transform__class:after {
display: none
}
#donusumler h3 {
font-size: 13px; line-height: 1.9; max-width: none; margin: 0 0 16px
}
#donusumler h3>b {
padding: 12px; background: #ffffff03; border: 1px solid #ffffff09; box-shadow: none; border-radius: 10px;
font-weight: 500
}
#donusumler .upgrade-requirements {
margin-bottom: 22px
}
#donusumler .upgrade-requirements>b {
padding: 18px; border-left: 2px solid #c89b3c; background: #c89b3c09
}
#donusumler .t2-donusumRow {
min-width: 0; gap: 8px; margin: 12px 0; padding: 12px 0; flex-wrap: wrap
}
#donusumler .t2-itemFrame {
min-width: 48px; min-height: 56px; background: linear-gradient(145deg,#29241b,#12100d); border-color: #c89b3c33;
border-radius: 10px; box-shadow: inset 0 1px #ffffff08, 0 5px 12px #0004
}
#donusumler .t2-itemFrame--mini {
min-width: 26px; min-height: 28px; vertical-align: middle; margin: 3px
}
#donusumler .t2-itemFrame img {
max-width: 56px; max-height: 66px
}
#donusumler .t2-itemFrame--mini img {
max-width: 24px; max-height: 24px
}
#donusumler .t2-arrow {
margin: 0 5px; flex-shrink: 0; color: #d2aa5d
}
#donusumler .upgrade-paths {
display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 10px
}
#ozel-etkinlikler .event-grid {
grid-column: 1/-1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; width: 100%
}
#ozel-etkinlikler .event-card {
min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 20px;
padding: 28px 18px; text-align: center; border: 1px solid #c89b3c30; border-radius: 16px;
background: radial-gradient(ellipse at top,#c89b3c12,transparent 75%), #15120f;
transition: border-color .2s, transform .2s, box-shadow .2s
}
#ozel-etkinlikler .event-card:hover {
transform: translateY(-3px); border-color: #c89b3c80; box-shadow: 0 10px 24px #0004
}
#ozel-etkinlikler .event-icon {
display: grid; place-items: center; flex-shrink: 0; width: 60px; height: 60px;
background: linear-gradient(145deg,#c89b3c20,#c89b3c05); border: 1px solid #c89b3c40; border-radius: 16px;
color: #e8c887
}
#ozel-etkinlikler .event-icon i {
font-size: 28px; line-height: 1
}
#ozel-etkinlikler .event-card h3 {
margin: 0; font: 700 14px/1.65 Quicksand, sans-serif; color: #ead2a4; overflow-wrap: break-word
}
@media(max-width:900px) {
#ozel-etkinlikler .event-grid {
grid-template-columns: repeat(2,minmax(0,1fr))
}
}
@media(max-width:420px) {
#ozel-etkinlikler .event-grid {
grid-template-columns: 1fr
}
}
@media(max-width:800px) {
.soul-quests {
grid-template-columns: 1fr
}
#donusumler .upgrade-paths {
grid-template-columns: 1fr
}
}
@media(max-width:560px) {
#donusumler .t2-container, #biyolog .t2-container {
padding: 0
}
#donusumler .t2-transform {
padding: 12px
}
#donusumler .upgrade-grid {
grid-template-columns: 1fr
}
.upgrade-tabs button {
font-size: 10px; letter-spacing: 0; padding: 13px 5px
}
#donusumler .upgrade-tabs {
gap: 3px
}
#donusumler .upgrade-card {
padding: 18px
}
.soul-card {
padding: 20px
}
.soul-top {
gap: 12px
}
.soul-card h3 {
font-size: 19px
}
.soul-stats strong {
font-size: 23px
}
}
@media(prefers-reduced-motion:reduce) {
.event-card {
transition: none
}
.event-card: hover {
transform: none
}
}
@media (prefers-reduced-motion: reduce) {
.soul-art img { animation: none; }
}
/* Lonca açıklaması: aç / kapat */
.guild-read-more { margin-top: 18px; }
.guild-read-more > summary {
display: inline-flex; align-items: center; gap: 12px; padding: 10px 16px; cursor: pointer;
list-style: none; border: 1px solid #c89b3c66; border-radius: 10px; background: #c89b3c12;
color: #ead2a4; font-weight: 700;
}
.guild-read-more > summary::-webkit-details-marker { display: none; }
.guild-read-more > summary:hover { background: #c89b3c24; }
.guild-read-more > summary:focus-visible { outline: 2px solid #ffe0a2; outline-offset: 4px; }
.guild-read-more__open, .guild-read-more[open] .guild-read-more__closed { display: none; }
.guild-read-more[open] .guild-read-more__open { display: inline; }
.guild-read-more[open] > summary i { transform: rotate(180deg); }
.guild-read-more__content { padding-top: 16px; }
/* Karakter Sınıfları */
#karakter-siniflari .t2-section__inner { gap: 18px; }
#karakter-siniflari .t2-classes-description {
grid-column: 1 / -1; margin: 0 0 14px; color: var(--t2-muted); line-height: 1.8;
}
#karakter-siniflari .t2-classes-description b { color: var(--t2-ink); }
.t2-class-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.t2-class-card {
position: relative; min-width: 0; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 18px;
border: 1px solid rgba(200,155,60,.4); background: #151210; box-shadow: 0 10px 24px #0003;
transition: transform .2s ease, border-color .2s ease;
}
.t2-class-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.t2-class-card::after {
content: ""; position: absolute; inset: 0; pointer-events: none;
background: linear-gradient(180deg, transparent 45%, rgba(9,7,5,.3) 65%, rgba(9,7,5,.95) 100%);
}
.t2-class-card h3 {
position: absolute; z-index: 1; left: 12px; right: 12px; bottom: 25px; margin: 0; text-align: center;
font: 700 clamp(19px, 2vw, 25px)/1.3 'Cinzel', serif; letter-spacing: 2px; color: #ffe0a2;
text-shadow: 0 2px 10px #000;
}
.t2-class-card h3::after {
content: ""; display: block; width: 30px; height: 2px; margin: 12px auto 0;
background: linear-gradient(90deg, transparent, #c89b3c, transparent);
}
.t2-class-card:hover { transform: translateY(-4px); border-color: #c89b3c; }
@media (max-width: 800px) { .t2-class-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 420px) { .t2-class-grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .t2-class-card { transition: none; } .t2-class-card:hover { transform: none; } }
/* Bayrak Dengeleme: reference assets in assets/images/kralliklar. */
#bayrak-dengeleme .eb-layout { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: 26px; align-items: start; }
#bayrak-dengeleme .eb-kingdoms, #bayrak-dengeleme .eb-table-wrap { overflow: hidden; border: 1px solid #c89b3c40; border-radius: 16px; background: linear-gradient(145deg,#ffffff08,#ffffff02),#151210b3; backdrop-filter: blur(8px); box-shadow: inset 0 1px #ffffff0a,0 12px 28px #0003; }
#bayrak-dengeleme .eb-map-hint { margin: 0; padding: 16px 18px 0; color: #e4d2b1; font-size: 16px; font-weight: 600; }
#bayrak-dengeleme .eb-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 12px; gap: 10px; }
#bayrak-dengeleme .eb-tab { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 12px 8px; border: 1px solid #ffffff18; border-radius: 10px; background: #ffffff04; color: #efe7dd; font: 700 18px/1.35 'Quicksand',sans-serif; cursor: pointer; text-align: left; min-width: 0; transition: border-color .2s,background .2s,box-shadow .2s,transform .2s; }
#bayrak-dengeleme .eb-tab small { display: block; font-size: 14px; font-weight: 500; color: #dfd0b8; margin-top: 4px; }
#bayrak-dengeleme .eb-flag { display: block; width: 56px; height: 35.824px; flex-shrink: 0; background: url("../assets/images/kralliklar/9bd9e6ce3aa9318911fb4941158228.png") no-repeat; background-size: 56px auto; }
#bayrak-dengeleme .eb-flag--shinsoo { background-position: 0 0; }
#bayrak-dengeleme .eb-flag--jinno { background-position: 0 -71.647px; }
#bayrak-dengeleme .eb-tab--red[aria-pressed="true"] { border-color: #cf7468; background: #9b323230; box-shadow: inset 0 0 20px #c9504512; }
#bayrak-dengeleme .eb-tab--blue[aria-pressed="true"] { border-color: #7aa9de; background: #396caa30; box-shadow: inset 0 0 20px #5c91db12; }
#bayrak-dengeleme .eb-tab:hover { transform: translateY(-2px); border-color: #d6b371; }
#bayrak-dengeleme .eb-tab:focus-visible { outline: 2px solid #ffe0a2; outline-offset: 2px; }
#bayrak-dengeleme .eb-map { position: relative; aspect-ratio: 481 / 341; margin: 0 12px; border: 1px solid #c89b3c40; border-radius: 10px; overflow: hidden; background: url("../assets/images/kralliklar/a4267b442ee34e54fe848886e0059b.png") center / 100% 100% no-repeat,#d3bd8b; }
#bayrak-dengeleme .eb-map-highlight { position: absolute; display: block; background: url("../assets/images/kralliklar/4ed3f3472aad8ab5ab49ffe5f6e1e8.png") no-repeat; }
#bayrak-dengeleme .eb-map-highlight--shinsoo { left: 0; top: 57.478%; width: 71.726%; height: 42.522%; background-size: 139.420% 235.172%; background-position: left bottom; }
#bayrak-dengeleme .eb-map-highlight--jinno { left: 60.499%; top: 0; width: 39.501%; height: 65.982%; background-size: 253.158% 151.556%; background-position: right top; }
#bayrak-dengeleme .eb-map-highlight[hidden] { display: none; }
#bayrak-dengeleme .eb-map-highlight:not([hidden]) { animation: eb-map-reveal .4s ease-out; }
#bayrak-dengeleme .eb-caption { margin: 0; padding: 15px 18px 18px; font-size: 15px; line-height: 1.65; color: #d2c3af; }
#bayrak-dengeleme .eb-caption strong, #bayrak-dengeleme .eb-caption span { display: block; }
#bayrak-dengeleme .eb-caption strong { color: #f3d79f; font-size: 18px; margin-bottom: 4px; }
#bayrak-dengeleme .eb-info { min-width: 0; }
#bayrak-dengeleme .eb-notice { margin: 0 0 16px; padding: 15px 18px; color: #d6c7b1; font-size: 16px; line-height: 1.65; border: 1px solid #c89b3c30; border-radius: 12px; background: linear-gradient(110deg,#c89b3c12,transparent); }
#bayrak-dengeleme .eb-notice strong { font-size: 20px; color: #ffe3ac; }
#bayrak-dengeleme .eb-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
#bayrak-dengeleme .eb-table caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#bayrak-dengeleme .eb-table th, #bayrak-dengeleme .eb-table td { padding: 16px 12px; border-bottom: 1px solid #ffffff0e; }
#bayrak-dengeleme .eb-table thead th { background: #c89b3c0b; color: #dccaab; font-size: 15px; font-weight: 600; text-align: center; }
#bayrak-dengeleme .eb-table th:first-child { width: 52%; text-align: left; }
#bayrak-dengeleme .eb-table thead th:last-child { color: #ffe2ac; background: #c89b3c16; }
#bayrak-dengeleme .eb-table tbody th { font-size: 16px; line-height: 1.55; font-weight: 500; }
#bayrak-dengeleme .eb-table tbody th strong, #bayrak-dengeleme .eb-table tbody th span { display: block; }
#bayrak-dengeleme .eb-table tbody th strong { color: #efe7dd; font-size: 16px; font-weight: 700; }
#bayrak-dengeleme .eb-table tbody th span { color: #d4c5af; font-size: 15px; margin-top: 5px; }
#bayrak-dengeleme .eb-red-row th strong { color: #f1a49b; }
#bayrak-dengeleme .eb-blue-row th strong { color: #9dc3f2; }
#bayrak-dengeleme .eb-shared-row > * { border-top: 2px solid #c89b3c30; }
#bayrak-dengeleme .eb-table td { text-align: center; color: #d8cab5; font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
#bayrak-dengeleme .eb-table td:last-child { color: #ffe2ab; background: #c89b3c0b; }
#bayrak-dengeleme .eb-table .eb-fixed { display: block; color: #d4c5af; font-size: 14px; font-weight: 500; margin-top: 4px; }
#bayrak-dengeleme .eb-table tr:last-child > * { border-bottom: 0; }
#bayrak-dengeleme .eb-table tbody tr { transition: background .2s; }
#bayrak-dengeleme .eb-table tbody tr:hover { background: #ffffff04; }
#bayrak-dengeleme .eb-note { margin: 16px 0 0; font-size: 15px; color: #d2c3af; line-height: 1.75; }
#bayrak-dengeleme .eb-note strong { color: #eed5a7; font-weight: 600; }
@keyframes eb-map-reveal { from { opacity: .25; } to { opacity: 1; } }
@media (max-width: 950px) {
#bayrak-dengeleme .eb-layout { grid-template-columns: 1fr; gap: 22px; }
#bayrak-dengeleme .eb-kingdoms { max-width: 510px; width: 100%; margin: 0 auto; }
}
@media (max-width: 420px) {
#bayrak-dengeleme .eb-tabs { gap: 8px; padding: 10px; }
#bayrak-dengeleme .eb-tab { flex-direction: column; gap: 8px; text-align: center; padding: 12px 6px; }
#bayrak-dengeleme .eb-tab small { margin-top: 2px; }
#bayrak-dengeleme .eb-table th, #bayrak-dengeleme .eb-table td { padding: 13px 8px; }
#bayrak-dengeleme .eb-table thead th { font-size: 14px; }
#bayrak-dengeleme .eb-table tbody th strong { font-size: 15px; }
#bayrak-dengeleme .eb-table tbody th span { font-size: 14px; }
#bayrak-dengeleme .eb-table td { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
#bayrak-dengeleme .eb-map-highlight { animation: none !important; }
#bayrak-dengeleme .eb-tab, #bayrak-dengeleme .eb-table tbody tr { transition: none; }
#bayrak-dengeleme .eb-tab:hover { transform: none; }
}
/* Hakkında - Kapanış: mevcut arka plan üzerinde hafif video efekti.
Siyah zeminli efekt videolarında screen karışımı koyu zemini gizler. */
.t2-main > .t2-section-effect {
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
overflow: clip;
opacity: .02;
mix-blend-mode: screen;
}
.t2-section-effect__video {
position: sticky;
top: 0;
display: block;
width: 100%;
height: 100vh;
height: 100svh;
object-fit: cover;
}
.t2-main > .t2-section {
position: relative;
z-index: 1;
}
/* effect.mp4: turkuaz renk; üst bölümdeki bg.mp4 etkilenmez. */
.t2-section-effect__video {
filter: grayscale(1) sepia(1) saturate(5) hue-rotate(125deg);
}
/* Partner bölümünün sağ üstündeki dekoratif çizgiyi kaldır. */
.t2-partners-section::after {
content: none;
}
/* Bölüm zeminlerinde ortak koyu tasarım: dağınık renk parlamaları yok. */
.t2-main {
background: linear-gradient(180deg, #090806 0%, #0c0a08 44%, #0d0b0a 100%);
}
.t2-partners-section {
background: none;
}
.t2-partners-section::before,
.t2-partners-section::after {
content: none;
}
/* Tanıtım metni tek parça sarılır; mobilde rozet üst satırda kalır. */
.t2-sub__text {
min-width: 0;
white-space: normal;
}
@media (max-width: 640px) {
.t2-sub.u-mt12 {
flex-direction: column;
flex-wrap: nowrap;
gap: 6px;
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 10px 12px;
line-height: 1.5;
text-align: center;
}
.t2-sub.u-mt12::before {
margin: 0;
}
.t2-sub__text {
display: block;
width: 100%;
letter-spacing: normal;
word-spacing: normal;
}
}