/* Chelfor SMM — tasarım sistemi v2 (temiz beyaz kartlar + mavi marka, gece/gündüz) */
:root{--font:'Plus Jakarta Sans','Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--r:16px;--r-sm:12px;--sb:264px;--top:68px}
[data-theme=light]{color-scheme:light;--bg:#fafbfc;--bg2:#f1f5f9;--surface:#ffffff;--surface2:#f8fafc;--border:#e2e8f0;--border2:#f1f5f9;--text:#334155;--text2:#475569;--muted:#64748b;--head:#0f172a;
 --primary:#15803d;--primary-h:#166534;--primary-soft:#f0fdf4;--primary-line:#bbf7d0;--primary-ring:rgba(21,128,61,.2);--on-primary:#ffffff;
 --ok:#047857;--ok-soft:#ecfdf5;--ok-line:#a7f3d0;--warn:#b45309;--warn-soft:#fffbeb;--warn-line:#fde68a;--bad:#dc2626;--bad-soft:#fef2f2;--bad-line:#fecaca;
 --info:#1d4ed8;--info-soft:#eff6ff;--info-line:#bfdbfe;--purple:#6d28d9;--purple-soft:#f5f3ff;--purple-line:#ddd6fe;--accent:#4f46e5;
 --sidebar:#ffffff;--input:#f8fafc;--glass:rgba(255,255,255,.95);--grid:rgba(0,0,0,.03);--blob1:rgba(187,247,208,.6);--blob2:rgba(204,251,241,.5);
 --shadow:0 1px 3px rgba(15,23,42,.03),0 10px 25px -5px rgba(15,23,42,.05);--shadow-h:0 4px 6px -1px rgba(15,23,42,.05),0 20px 30px -10px rgba(21,128,61,.13);--shadow-btn:0 4px 10px -2px rgba(21,128,61,.3);--cta-a:#15803d;--cta-b:#0f766e}
[data-theme=dark]{color-scheme:dark;--bg:#0a1020;--bg2:#0f172a;--surface:#111a2e;--surface2:#0e1627;--border:#1e293b;--border2:#182234;--text:#cbd5e1;--text2:#b6c2d4;--muted:#8a99b0;--head:#f1f5f9;
 --primary:#22c55e;--primary-h:#4ade80;--primary-soft:rgba(34,197,94,.12);--primary-line:rgba(34,197,94,.32);--primary-ring:rgba(34,197,94,.25);--on-primary:#03210d;
 --ok:#34d399;--ok-soft:rgba(52,211,153,.10);--ok-line:rgba(52,211,153,.28);--warn:#fbbf24;--warn-soft:rgba(251,191,36,.10);--warn-line:rgba(251,191,36,.28);--bad:#f87171;--bad-soft:rgba(248,113,113,.10);--bad-line:rgba(248,113,113,.28);
 --info:#60a5fa;--info-soft:rgba(96,165,250,.10);--info-line:rgba(96,165,250,.28);--purple:#a78bfa;--purple-soft:rgba(167,139,250,.11);--purple-line:rgba(167,139,250,.3);--accent:#818cf8;
 --sidebar:#0d1526;--input:#0b1322;--glass:rgba(10,16,32,.94);--grid:rgba(255,255,255,.035);--blob1:rgba(22,163,74,.17);--blob2:rgba(20,184,166,.10);
 --shadow:0 0 0 1px rgba(255,255,255,.015) inset,0 12px 30px rgba(0,0,0,.28);--shadow-h:0 0 0 1px rgba(34,197,94,.25) inset,0 18px 40px rgba(0,0,0,.4);--shadow-btn:0 6px 16px -4px rgba(34,197,94,.4);--cta-a:#166534;--cta-b:#0f766e}
[hidden]{display:none!important}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3,h4{margin:0;line-height:1.25;letter-spacing:-.015em;color:var(--head)}p{margin:0 0 .8em}
::selection{background:var(--primary);color:var(--on-primary)}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}
.only-light{display:none}[data-theme=light] .only-light{display:inline-flex}[data-theme=light] .only-dark{display:none}
.ic,.bic{flex:none;vertical-align:middle}.inline{display:inline;margin:0}.muted{color:var(--muted)}.small{font-size:12.5px}.nowrap{white-space:nowrap}.right{text-align:right}.center{text-align:center}.grow{flex:1}
.mt{margin-top:16px}.mt-s{margin-top:8px}.mb{margin-bottom:16px}
/* ---- ambient arka plan (ızgara + bulanık ışık) ---- */
.ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.ambient:before{content:"";position:absolute;inset:0;background-size:32px 32px;background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);opacity:.75}
.ambient i{position:absolute;border-radius:50%;will-change:transform}.ambient .a1{top:-200px;left:50%;transform:translateX(-50%);width:1100px;height:620px;background:radial-gradient(closest-side,var(--blob1),transparent)}
.ambient .a2{top:30%;right:-240px;width:700px;height:700px;background:radial-gradient(closest-side,var(--blob2),transparent)}
/* ---- logo ---- */
.logo{display:inline-flex;align-items:center;gap:12px}.logo-mark{border-radius:12px;box-shadow:0 4px 10px -2px color-mix(in srgb,var(--logo-acc,#2563eb) 45%,transparent);flex:none}
.logo-text{font-weight:700;font-size:20px;letter-spacing:-.02em;color:var(--head);white-space:nowrap}.logo-text b{color:var(--logo-acc,var(--primary));font-weight:800;margin-left:6px}[data-theme=dark] .logo-text b{color:color-mix(in srgb,var(--logo-acc,var(--primary)) 78%,#fff)}.logo-text b.join{margin-left:0}
/* ---- kabuk ---- */
.shell{display:grid;grid-template-columns:var(--sb) 1fr;min-height:100vh;position:relative;z-index:1}
.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px;z-index:40}
.brand{display:flex;align-items:center;gap:8px;padding:4px 8px 20px;color:var(--head);text-decoration:none!important}
.brand-tag{font-size:10px;font-weight:800;letter-spacing:.08em;background:var(--primary);color:var(--on-primary);padding:2px 7px;border-radius:6px}
.nav{display:flex;flex-direction:column;gap:3px}
.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--text2);font-weight:600;font-size:14px;text-decoration:none!important;transition:.15s;position:relative}
.nav-item .ic{color:var(--muted);transition:.15s}.nav-item:hover{background:var(--surface2);color:var(--head)}.nav-item:hover .ic{color:var(--primary)}
.nav-item.active{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-btn)}.nav-item.active .ic{color:var(--on-primary)}
.nav-badge{margin-left:auto;background:var(--bad);color:#fff;font-size:11px;padding:1px 7px;border-radius:99px}
.nav-sep{height:1px;background:var(--border);margin:10px 6px}.sidebar-foot{margin-top:auto;padding-top:16px}
.main-col{min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:30;height:var(--top);display:flex;align-items:center;gap:10px;padding:0 28px;background:var(--glass);border-bottom:1px solid var(--border)}
.topbar-space{flex:1}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;transition:.15s}
.icon-btn:hover{color:var(--primary);border-color:var(--primary-line);background:var(--primary-soft)}.menu-btn{display:none}
.bal-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:var(--primary-soft);border:1px solid var(--primary-line);color:var(--primary);font-weight:700;text-decoration:none!important}
.top-link{display:inline-flex;align-items:center;gap:7px;color:var(--text2);font-weight:600;padding:8px 10px;border-radius:10px;text-decoration:none!important}
.top-link:hover{background:var(--surface2);color:var(--head)}.linklike{background:none;border:0;cursor:pointer;font:inherit;font-weight:600}
.content{padding:28px;width:100%;max-width:1320px;margin:0 auto;flex:1}
.app-foot{padding:18px 24px;color:var(--muted);font-size:12.5px;text-align:center}
.scrim{display:none}
/* ---- kart / grid ---- */
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}
.card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid var(--border2)}.card-h h2{font-size:16px;font-weight:700}
.card-b{padding:22px}.card+.card{margin-top:18px}
.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.order-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;align-items:start}.order-grid>*,.card,.card-b,.main-col,.content{min-width:0}select{max-width:100%;text-overflow:ellipsis}
.page-h{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.page-h h1{font-size:24px;font-weight:800;letter-spacing:-.02em}
.stat{display:flex;gap:14px;align-items:center;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);transition:.2s}.stat:hover{border-color:var(--primary-line);box-shadow:var(--shadow-h)}
.stat-ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);border:1px solid var(--primary-line);color:var(--primary);flex:none}
.stat.ok .stat-ic{background:var(--ok-soft);border-color:var(--ok-line);color:var(--ok)}.stat.warn .stat-ic{background:var(--warn-soft);border-color:var(--warn-line);color:var(--warn)}.stat.bad .stat-ic{background:var(--bad-soft);border-color:var(--bad-line);color:var(--bad)}.stat.purple .stat-ic{background:var(--purple-soft);border-color:var(--purple-line);color:var(--purple)}
.stat-v{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--head)}.stat-l{color:var(--muted);font-size:13px;font-weight:500}
/* ---- form ---- */
.field{margin-bottom:16px}.field>label,.lbl{display:block;font-weight:600;font-size:13px;margin-bottom:7px;color:var(--text2)}
.hint{color:var(--muted);font-size:12.5px;margin-top:6px}
input[type=text],input[type=password],input[type=email],input[type=number],input[type=url],input[type=search],input[type=tel],input[type=date],select,textarea{width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--border);background:var(--input);color:var(--head);font:inherit;outline:0;transition:.15s}
textarea{min-height:110px;resize:vertical}
input:focus,select:focus,textarea:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}
select,select option{background:var(--surface);color:var(--head)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.75}
input[readonly]{opacity:.85}
.input-ic{position:relative}.input-ic>.ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}.input-ic input{padding-left:42px}
.row{display:grid;gap:14px}.row.c2{grid-template-columns:1fr 1fr}.row.c3{grid-template-columns:repeat(3,1fr)}.row.c4{grid-template-columns:repeat(4,1fr)}
.check{display:flex;align-items:center;gap:9px;cursor:pointer;font-weight:500}.check input{width:17px;height:17px;accent-color:var(--primary)}
.switch{position:relative;display:inline-block;width:42px;height:24px}.switch input{opacity:0;width:0;height:0}.switch i{position:absolute;inset:0;background:var(--border);border-radius:99px;transition:.2s;cursor:pointer}
.switch i:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 2px rgba(0,0,0,.2)}.switch input:checked+i{background:var(--primary)}.switch input:checked+i:before{transform:translateX(18px)}
/* ---- buton ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;border:1px solid transparent;font:inherit;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none!important;transition:.15s;line-height:1.2;white-space:nowrap}
.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-btn)}.btn-primary:hover{background:var(--primary-h);box-shadow:0 8px 18px -4px color-mix(in srgb,var(--primary) 45%,transparent)}
.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text2)}.btn-ghost:hover{border-color:var(--primary-line);color:var(--primary);background:var(--primary-soft)}
.btn-danger{background:var(--bad-soft);color:var(--bad);border-color:var(--bad-line)}.btn-danger:hover{background:var(--bad);color:#fff;border-color:var(--bad)}
.btn-ok{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-line)}.btn-ok:hover{background:var(--ok);color:#fff;border-color:var(--ok)}
.btn-accent{background:var(--accent);color:#fff;box-shadow:0 4px 10px -2px rgba(79,70,229,.3)}.btn-accent:hover{filter:brightness(1.08)}
.btn-wa{background:#25d366;color:#04361b}.btn-wa:hover{filter:brightness(1.06)}
.btn-sm{padding:7px 12px;font-size:13px;border-radius:10px}.btn-block{width:100%}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn-lg{padding:14px 26px;font-size:15px;border-radius:12px}
/* ---- rozet / uyarı ---- */
.badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent}
.b-ok{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-line)}.b-warn{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-line)}.b-bad{background:var(--bad-soft);color:var(--bad);border-color:var(--bad-line)}.b-info{background:var(--info-soft);color:var(--info);border-color:var(--info-line)}.b-purple{background:var(--purple-soft);color:var(--purple);border-color:var(--purple-line)}.b-muted{background:var(--bg2);color:var(--muted);border-color:var(--border)}
.alert{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;border-radius:12px;margin-bottom:14px;font-weight:500;border:1px solid transparent}
.alert-ok{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-line)}.alert-bad{background:var(--bad-soft);color:var(--bad);border-color:var(--bad-line)}.alert-info{background:var(--info-soft);color:var(--info);border-color:var(--info-line)}.alert-warn{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-line)}
.alert .ic{margin-top:2px}.flashes{margin-bottom:6px}
/* ---- tablo ---- */
.tbl-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow)}
table.tbl{width:100%;border-collapse:collapse;min-width:640px}
.tbl th{position:sticky;top:0;text-align:left;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;background:var(--surface2);padding:13px 16px;border-bottom:1px solid var(--border);white-space:nowrap}
.tbl td{padding:13px 16px;border-bottom:1px solid var(--border2);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover td{background:var(--surface2)}
.tbl .grp td{background:var(--primary-soft);font-weight:700;color:var(--head)}
.tbl .link-cell{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbl.dense td,.tbl.dense th{padding:10px 14px}.tbl .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.actions{display:flex;gap:6px;flex-wrap:wrap}
.pager{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:20px}
.pg{min-width:38px;height:38px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--text2);font-weight:600;text-decoration:none!important}
.pg:hover{border-color:var(--primary-line);color:var(--primary)}.pg.cur{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.pg.gap{border:0;background:none}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.tab{padding:8px 16px;border-radius:99px;background:var(--surface);border:1px solid var(--border);color:var(--text2);font-weight:600;font-size:13.5px;text-decoration:none!important;cursor:pointer;transition:.15s}
.tab:hover{border-color:var(--primary-line);color:var(--primary)}.tab.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.toolbar>*{flex:0 0 auto}.toolbar .grow{flex:1 1 220px}
.toolbar select,.toolbar input{width:auto;min-width:130px}.toolbar .grow input{width:100%}
.empty{text-align:center;padding:44px 20px;color:var(--muted)}.empty .ic{opacity:.45;margin-bottom:10px}
/* ---- platform çipleri + renk sınıfları ---- */
.pt{--pc:var(--head)}.pt-instagram{--pc:#db2777}.pt-tiktok,.pt-x,.pt-threads{--pc:var(--head)}.pt-facebook{--pc:#2563eb}.pt-youtube,.pt-pinterest{--pc:#dc2626}.pt-telegram{--pc:#0ea5e9}.pt-spotify,.pt-whatsapp{--pc:#059669}.pt-linkedin{--pc:#1d4ed8}.pt-kick{--pc:#16a34a}.pt-reddit{--pc:#ea580c}.pt-twitch{--pc:#9333ea}.pt-snapchat{--pc:#d97706}.pt-discord{--pc:#4f46e5}.pt-other{--pc:var(--muted)}
.pbox{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;flex:none;color:var(--pc);background:color-mix(in srgb,var(--pc) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--pc) 22%,var(--surface))}
.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:8px}
.chip{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--text2);font-weight:600;font-size:13.5px;cursor:pointer;min-width:0;font-family:inherit;text-align:left;transition:.15s}
.chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chip:hover{border-color:var(--primary-line);background:var(--primary-soft)}.chip.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-btn)}
.chip.active .bic{fill:var(--on-primary)}
/* ---- sipariş formu ---- */
.svc-pick{position:relative}
.svc-btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 14px;border-radius:12px;border:1px solid var(--border);background:var(--input);color:var(--head);font:inherit;cursor:pointer;min-height:46px;transition:.15s}
.svc-btn:focus,.svc-btn.open{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-ring)}
.svc-btn .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.svc-menu{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 60px rgba(15,23,42,.22);overflow:hidden}
.svc-search{padding:10px;border-bottom:1px solid var(--border);display:flex;gap:8px}.svc-search select{width:auto;flex:0 0 auto;max-width:46%}.svc-search input{flex:1;min-width:0}.svc-opt .t small{display:block;color:var(--muted);font-weight:500;font-size:12px;margin-top:2px}.svc-list{max-height:340px;overflow:auto}
.svc-opt{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border2)}.svc-opt:last-child{border:0}
.svc-opt:hover,.svc-opt.sel{background:var(--primary-soft)}.svc-opt .t{flex:1;min-width:0;font-weight:600;font-size:13.5px;color:var(--head)}.svc-opt .p{font-weight:700;white-space:nowrap;color:var(--primary);font-size:13px}
.idtag{display:inline-block;background:var(--bg2);color:var(--muted);font-weight:700;font-size:11.5px;padding:2px 8px;border-radius:7px;flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.svc-desc{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;max-height:260px;overflow:auto;font-size:13.5px;white-space:pre-wrap;word-break:break-word}
.price-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-radius:12px;background:var(--primary-soft);border:1px solid var(--primary-line);margin:6px 0 16px}
.price-bar .v{font-size:22px;font-weight:800;color:var(--primary)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 18px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600;text-align:right;word-break:break-word;color:var(--head)}
.notice-box{border-left:3px solid var(--primary);background:var(--primary-soft);border-radius:0 12px 12px 0;padding:14px 16px}
.info-box{font-size:13.5px;line-height:1.7;color:var(--text2)}.info-box b{color:var(--head)}
.amounts{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-bottom:14px}
.amt{padding:11px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--head);font:inherit;font-weight:600;cursor:pointer;text-align:center;transition:.15s}
.amt:hover{border-color:var(--primary-line)}.amt.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}
.code{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;overflow:auto;white-space:pre;color:var(--text2)}
.copy-row{display:flex;gap:8px}.copy-row input{font-family:ui-monospace,Menlo,monospace}
.bar{height:8px;border-radius:99px;background:var(--bg2);overflow:hidden}.bar>i{display:block;height:100%;background:var(--primary);border-radius:99px;transition:width .3s}
.spark{display:flex;align-items:flex-end;gap:5px;height:120px}.spark>div{flex:1;background:var(--primary);border-radius:6px 6px 2px 2px;min-height:3px;position:relative;opacity:.85}
.spark>div:hover{opacity:1}.spark>div span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;background:var(--surface);border:1px solid var(--border);padding:2px 6px;border-radius:6px;display:none;color:var(--head)}.spark>div:hover span{display:block}
.spark-x{display:flex;gap:5px;margin-top:6px;color:var(--muted);font-size:11px}.spark-x span{flex:1;text-align:center}
.ticket-msg{padding:14px 16px;border-radius:14px;background:var(--surface2);border:1px solid var(--border);margin-bottom:12px}.ticket-msg.admin{background:var(--primary-soft);border-color:var(--primary-line)}
.ticket-msg .meta{font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:600}
/* ---- modal / toast ---- */
.modal-root{position:fixed;inset:0;z-index:100;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.modal-root[hidden]{display:none}
.modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 30px 80px rgba(2,6,23,.4);width:100%;max-width:560px;max-height:88vh;overflow:auto}
.modal-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border2)}.modal-h h3{font-size:17px}
.modal-b{padding:22px;white-space:pre-wrap;word-break:break-word}.modal-f{display:flex;gap:10px;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--border2)}
.toast-root{position:fixed;right:18px;bottom:18px;z-index:120;display:flex;flex-direction:column;gap:10px}
.toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);padding:12px 16px;border-radius:12px;box-shadow:var(--shadow-h);font-weight:600;max-width:340px;animation:tin .25s;color:var(--head)}.toast.bad{border-left-color:var(--bad)}.toast.ok{border-left-color:var(--ok)}
@keyframes tin{from{transform:translateY(10px);opacity:0}}
/* ---- senkron paneli / uyarı bandı ---- */
.sync-panel{margin:16px 22px 18px;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}
.sync-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.sync-steps{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.sync-steps span{font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--bg2);color:var(--muted);border:1px solid var(--border)}
.sync-steps span.act{background:var(--primary-soft);color:var(--primary);border-color:var(--primary-line)}.sync-steps span.ok{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-line)}
.sync-msg.bad{color:var(--bad)}.sync-msg.ok{color:var(--ok)}.sync-opts{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px}
.banner-funds{flex-wrap:wrap;align-items:center;gap:12px 16px}.banner-funds .grow{flex:1 1 380px}.banner-funds .actions{align-items:center}
/* ---- kimlik doğrulama sayfaları ---- */
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;z-index:1}
.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 50px -12px rgba(15,23,42,.18);padding:32px;position:relative;z-index:1}
.auth-page .auth-card{width:100%;max-width:440px}.auth-card h2{font-size:22px;font-weight:800;margin-bottom:4px}.auth-card .sub{color:var(--muted);margin-bottom:20px}.auth-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.auth-card label.up,.lp-login label.up{text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:700;color:var(--muted)}
/* ---- herkese açık sayfalar (landing) ---- */
.public{position:relative}.public>*:not(.ambient){position:relative;z-index:1}
.lp-header{position:sticky;top:0;z-index:50;width:100%;border-bottom:1px solid var(--border);background:var(--glass)}
.lp-in{max-width:1280px;margin:0 auto;padding:0 32px}.lp-header .lp-in{height:80px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.lp-nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600;color:var(--text2)}.lp-nav a{color:inherit;text-decoration:none!important;transition:.15s}.lp-nav a:hover{color:var(--primary)}
.lp-actions{display:flex;align-items:center;gap:10px}
.lp-hero{padding:80px 0 112px}.lp-hero .lp-in{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:center}
.lp-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;border:1px solid var(--primary-line);background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:24px}
.lp-badge i{width:8px;height:8px;border-radius:50%;background:var(--primary)}
.lp-h1{font-size:clamp(36px,5vw,56px);font-weight:900;letter-spacing:-.035em;line-height:1.12;color:var(--head);margin-bottom:24px}.lp-h1 span{color:var(--primary)}
.lp-lead{font-size:18px;color:var(--muted);line-height:1.7;max-width:640px;margin-bottom:32px}.lp-lead b{color:var(--head);font-weight:600}
.lp-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px}
.lp-icons{display:flex;flex-wrap:wrap;gap:10px}
.lp-ico{width:40px;height:40px;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;color:var(--pc);box-shadow:var(--shadow);transition:.15s;text-decoration:none!important}
.lp-ico:hover{border-color:color-mix(in srgb,var(--pc) 40%,var(--border));background:color-mix(in srgb,var(--pc) 8%,var(--surface))}
.lp-login{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:0 20px 50px -12px rgba(15,23,42,.18)}
.lp-login h3{font-size:20px;font-weight:800}.lp-login .sub{color:var(--muted);font-size:14px;margin:4px 0 22px}
.lp-metrics{padding:8px 0 40px}.lp-metrics .lp-in{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.lp-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);transition:.2s}.lp-card:hover{border-color:var(--primary-line);box-shadow:var(--shadow-h)}
.lp-metric{padding:24px;text-align:center}.lp-metric b{display:block;font-size:36px;font-weight:800;letter-spacing:-.03em;color:var(--head)}.lp-metric span{color:var(--muted);font-size:13.5px;font-weight:500;margin-top:4px;display:block}
.lp-sec{padding:96px 0}.lp-title{font-size:clamp(28px,3.4vw,38px);font-weight:800;letter-spacing:-.025em;text-align:center;margin-bottom:12px}.lp-title span{color:var(--primary)}
.lp-sub{text-align:center;color:var(--muted);max-width:640px;margin:0 auto 56px;font-size:16px}
.lp-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lp-f{padding:28px}
.lp-fi{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);border:1px solid var(--primary-line);color:var(--primary);margin-bottom:20px}
.lp-f h3{font-size:18px;font-weight:700;margin-bottom:8px}.lp-f p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}
.lp-plat{padding:64px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);text-align:center}
.lp-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:1040px;margin:0 auto}
.lp-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;background:var(--surface2);border:1px solid var(--border);font-size:14px;font-weight:500;color:var(--text2);text-decoration:none!important;transition:.15s}
.lp-chip i{width:8px;height:8px;border-radius:50%;background:var(--pc)}.lp-chip:hover{border-color:color-mix(in srgb,var(--pc) 45%,var(--border));background:color-mix(in srgb,var(--pc) 7%,var(--surface))}
.lp-table{overflow:hidden}.lp-table .tbl-wrap{border:0;border-radius:0;box-shadow:none}
.lp-svc{display:flex;align-items:center;gap:12px}.lp-svc b{display:block;color:var(--head);font-weight:600}.lp-svc small{color:var(--muted);font-size:12px}
.lp-price{font-weight:700;color:var(--primary);text-align:right;white-space:nowrap}
.lp-steps{padding:80px 0;background:color-mix(in srgb,var(--bg2) 55%,transparent);border-top:1px solid var(--border)}
.lp-steps .g{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.lp-step{padding:28px}
.lp-num{width:40px;height:40px;border-radius:12px;background:var(--primary-soft);border:1px solid var(--primary-line);color:var(--primary);font-weight:800;display:grid;place-items:center;margin-bottom:24px}
.lp-step h3{font-size:18px;font-weight:700;margin-bottom:8px}.lp-step p{color:var(--muted);margin:0;font-size:14px}
.lp-faq{max-width:896px;margin:0 auto;padding:0 32px}.lp-faq details{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;box-shadow:var(--shadow);overflow:hidden}
.lp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px;font-size:16px;font-weight:600;color:var(--head);cursor:pointer;list-style:none;user-select:none}
.lp-faq summary::-webkit-details-marker{display:none}.lp-faq summary i{width:32px;height:32px;border-radius:8px;background:var(--bg2);display:grid;place-items:center;color:var(--muted);font-style:normal;font-size:18px;transition:.2s;flex:none}
.lp-faq details[open] summary i{transform:rotate(45deg);color:var(--primary)}.lp-faq .ans{padding:16px 24px 24px;border-top:1px solid var(--border2);color:var(--muted);font-size:14.5px;line-height:1.75}
.lp-band{padding:64px 32px 80px}.lp-band .in{max-width:1216px;margin:0 auto;border-radius:24px;padding:64px 32px;text-align:center;background:linear-gradient(90deg,var(--cta-a),var(--cta-b));box-shadow:0 20px 40px -10px rgba(21,128,61,.3)}
.lp-band h2{color:#fff;font-size:clamp(28px,4vw,46px);font-weight:800;letter-spacing:-.025em;margin-bottom:14px}.lp-band p{color:#dcfce7;font-weight:500;margin-bottom:32px;font-size:16px}
.lp-band .btn{background:#fff;color:#15803d;font-weight:700;padding:16px 32px;font-size:16px;box-shadow:0 10px 25px -5px rgba(0,0,0,.25)}.lp-band .btn:hover{transform:scale(1.04);background:#fff}
.lp-foot{border-top:1px solid var(--border);background:var(--surface);padding:48px 0;text-align:center}.lp-foot .links{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;font-size:14px;font-weight:600;margin-bottom:24px}.lp-foot .links a{color:var(--text2);text-decoration:none!important}.lp-foot .links a:hover{color:var(--primary)}
.lp-foot p{color:var(--muted);font-size:12.5px;margin:0}.lp-foot p b{color:var(--text2);font-weight:600}
.lp-page{padding:40px 0 60px}.lp-page .lp-in{max-width:1240px}
/* ---- responsive ---- */
@media(max-width:1100px){.g4{grid-template-columns:repeat(2,1fr)}.order-grid{grid-template-columns:minmax(0,1fr)}.lp-feat{grid-template-columns:repeat(2,1fr)}.lp-hero .lp-in{grid-template-columns:1fr;gap:40px}.lp-hero{padding-top:48px}}
@media(max-width:960px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:284px;transform:translateX(-102%);transition:.25s;box-shadow:0 0 60px rgba(2,6,23,.4)}.sidebar.open{transform:none}
 .scrim.show{display:block;position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:35}.menu-btn{display:inline-flex}.topbar{padding:0 14px}.content{padding:18px 14px}
 .lp-nav{display:none}.lp-metrics .lp-in{grid-template-columns:repeat(2,1fr);gap:14px}.lp-steps .g{grid-template-columns:1fr}.lp-in{padding:0 20px}}
@media(max-width:700px){.g2,.g3,.g4,.row.c2,.row.c3,.row.c4,.lp-feat{grid-template-columns:1fr}.hide-sm{display:none}.stat-v{font-size:19px}.card-b{padding:16px}.chips{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}
 .page-h h1{font-size:20px}.lp-sec{padding:60px 0}.lp-hero{padding:32px 0 64px}.auth-card,.lp-login{padding:22px}.toolbar select,.toolbar input{width:100%}.lp-header .lp-in{height:68px}.lp-cta .btn{width:100%}.lp-faq{padding:0 16px}.lp-band{padding:40px 16px 56px}.lp-band .in{padding:44px 20px}.lp-actions .btn-ghost{display:none}}
/* ==================== HAREKET (animasyonlar) ==================== */
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spin-rev{to{transform:rotate(-360deg)}}
@keyframes spinburst{0%,76%{transform:rotate(0)}92%,100%{transform:rotate(360deg)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes drift1{0%,100%{transform:translate(-50%,0) scale(1)}50%{transform:translate(-42%,34px) scale(1.1)}}
@keyframes drift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-70px,44px) scale(1.12)}}
@keyframes drift3{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,-50px)}}
@keyframes gridmove{to{transform:translate(32px,32px)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 55%,transparent)}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes glow{0%,100%{box-shadow:0 4px 10px -2px color-mix(in srgb,var(--primary) 35%,transparent)}50%{box-shadow:0 8px 26px -2px color-mix(in srgb,var(--primary) 62%,transparent)}}
@keyframes shimmer{to{background-position:250% center}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3.6deg)}}
@keyframes bounce{0%,100%{transform:translateY(0)}35%{transform:translateY(-6px) rotate(-4deg)}70%{transform:translateY(0) rotate(3deg)}}
@keyframes pagein{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes shine{to{left:135%}}
@keyframes skel{to{background-position:-200% 0}}
@keyframes topload{0%{width:0}60%{width:78%}100%{width:93%}}
@keyframes gradmove{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes coreglow{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.18);opacity:1}}
/* arka plan: kayan ışıklar + akan ızgara */
.ambient:before{inset:-32px;animation:gridmove 14s linear infinite}
.ambient .a1{animation:drift1 24s ease-in-out infinite}.ambient .a2{animation:drift2 28s ease-in-out infinite}
.ambient .a3{left:-120px;bottom:-140px;width:720px;height:720px;background:radial-gradient(closest-side,color-mix(in srgb,var(--primary) 11%,transparent),transparent);animation:drift3 32s ease-in-out infinite}
.ambient.soft{opacity:.6}.ambient.soft:before{opacity:.5}
/* logo: çimen rüzgârda sallanır */
.logo-mark .gb{transform-box:fill-box;transform-origin:50% 100%;animation:sway 3.4s ease-in-out infinite}
.logo-mark .gb2{animation-duration:3.9s;animation-delay:-.7s}.logo-mark .gb3{animation-duration:3.1s;animation-delay:-1.4s}.logo-mark .gb4{animation-duration:4.2s;animation-delay:-2.1s}.logo-mark .gb5{animation-duration:3.6s;animation-delay:-.3s}
.logo:hover .logo-mark{animation:bounce .7s ease}
/* hero: yörünge, yüzen ikonlar, akan vurgu */
.lp-hero{position:relative;overflow:hidden}.lp-hero .lp-in{position:relative}
.orbit{position:absolute;right:-70px;top:50%;width:680px;height:680px;margin-top:-340px;pointer-events:none;z-index:0}
.orbit .core{position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 26%,transparent),transparent 68%);animation:coreglow 6s ease-in-out infinite}
.ring{position:absolute;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--primary) 30%,var(--border));animation:spin var(--t) linear infinite}
.ring.r1{inset:0;--t:78s}.ring.r2{inset:118px;--t:52s;animation-direction:reverse}
.ring i{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)))}
.ring.r1 i{--r:340px}.ring.r2 i{--r:222px}
.ring i b{display:grid;place-items:center;width:100%;height:100%;border-radius:16px;background:var(--surface);border:1px solid var(--border);color:var(--pc);box-shadow:var(--shadow);animation:spin-rev var(--t) linear infinite}
.ring.r2 i b{animation-name:spin}
.lp-login{position:relative;z-index:2;background:color-mix(in srgb,var(--surface) 94%,transparent)}
.lp-hero .lp-in>div:not(.orbit){position:relative;z-index:2}
.lp-h1 span{background:linear-gradient(90deg,var(--primary),#14b8a6,#84cc16,var(--primary));background-size:250% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 7s linear infinite}
.lp-badge i{animation:pulse 2.2s ease-out infinite}
.lp-ico{animation:float 5.5s ease-in-out infinite;animation-delay:calc(var(--i,0) * -.7s)}
.lp-ico .bic{animation:spinburst 9s ease-in-out infinite;animation-delay:calc(var(--i,0) * 1.1s)}
.lp-ico:hover{transform:translateY(-4px) scale(1.08)}
/* katman ipuçları: yalnızca transform ile hareket eden öğeler ayrı katmana alınır */
.ambient:before,.ring,.ring i b,.mq-track,.lp-ico,.logo-mark .gb{will-change:transform}
/* düğmeler: parlama süpürmesi + basma hissi */
.btn-primary{position:relative;overflow:hidden}
.btn-primary::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-20deg);pointer-events:none}
.btn-primary:hover::after{animation:shine .85s ease}
.btn:active{transform:scale(.97)}.btn{transition:.15s,transform .12s}
/* kartlar: fare ışığı, ikon hareketi */
.lp-card,.stat{position:relative}
.lp-card::before,.stat::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--primary) 13%,transparent),transparent 62%)}
.lp-card:hover::before,.stat:hover::before{opacity:1}
.lp-fi,.lp-num,.stat-ic{transition:transform .3s cubic-bezier(.3,1.6,.5,1),box-shadow .3s}
.lp-card:hover .lp-fi{transform:rotate(-8deg) scale(1.12);box-shadow:0 10px 22px -8px color-mix(in srgb,var(--primary) 55%,transparent)}
.lp-step:hover .lp-num{transform:scale(1.14) rotate(-6deg)}.stat:hover .stat-ic{transform:rotate(-8deg) scale(1.08)}
.lp-card:hover{transform:translateY(-4px)}.lp-card{transition:.25s}
/* platform bandı (marquee) */
.mq{overflow:hidden;margin:0 -32px 12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:flex;gap:12px;width:max-content;animation:marquee 46s linear infinite;padding:6px 0}
.mq.rev .mq-track{animation-direction:reverse;animation-duration:54s}.mq:hover .mq-track{animation-play-state:paused}
.mq .lp-chip{flex:none;color:var(--pc)}.mq .lp-chip{color:var(--text2)}.mq .lp-chip .bic{color:var(--pc);transition:transform .3s}.mq .lp-chip:hover .bic{transform:rotate(360deg) scale(1.2)}
/* CTA bandı */
.lp-band .in{position:relative;overflow:hidden;background-size:220% 100%;animation:gradmove 12s ease infinite}
.lp-band .in i{position:absolute;border-radius:50%;background:rgba(255,255,255,.11);pointer-events:none;animation:float 8s ease-in-out infinite}
.lp-band .in .c1{width:220px;height:220px;left:-60px;top:-70px}.lp-band .in .c2{width:140px;height:140px;right:8%;bottom:-50px;animation-delay:-3s}.lp-band .in .c3{width:90px;height:90px;right:22%;top:14px;animation-delay:-5s}
.lp-band .in>*:not(i){position:relative}
/* sayfa girişi + kaydırınca beliren öğeler */
html.js .rv{opacity:0;transform:translateY(20px) scale(.985);transition:opacity .75s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .75s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
html.js .rv.in{opacity:1;transform:none}
.content>*{animation:pagein .55s cubic-bezier(.2,.7,.2,1) both}
.content>*:nth-child(2){animation-delay:.05s}.content>*:nth-child(3){animation-delay:.1s}.content>*:nth-child(4){animation-delay:.15s}.content>*:nth-child(5){animation-delay:.2s}.content>*:nth-child(n+6){animation-delay:.25s}
.auth-card{animation:pagein .6s cubic-bezier(.2,.7,.2,1) both}
.lp-header{transition:box-shadow .3s,background .3s}.lp-header.scrolled{box-shadow:0 10px 28px -14px rgba(15,23,42,.3)}
/* panel mikro-etkileşimleri */
.nav-item{transition:.15s,transform .2s}.nav-item:hover{transform:translateX(3px)}.nav-item .ic{transition:transform .25s cubic-bezier(.3,1.6,.5,1),color .15s}.nav-item:hover .ic{transform:scale(1.15) rotate(-6deg)}
.chip{transition:.15s,transform .2s}.chip:hover{transform:translateY(-2px)}.chip:hover .bic{animation:spin .7s ease 1}
.tbl tbody tr td:first-child{transition:box-shadow .15s}.tbl tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--primary)}
.icon-btn:hover .ic{animation:spin .6s ease 1}
.bal-chip{transition:transform .2s}.bal-chip:hover{transform:translateY(-1px)}
/* yükleme: iskelet + üst çizgi */
.skel{height:46px;margin:10px 12px;border-radius:10px;background:linear-gradient(90deg,var(--surface2) 25%,var(--bg2) 37%,var(--surface2) 63%);background-size:200% 100%;animation:skel 1.2s linear infinite}
.topload{position:fixed;top:0;left:0;height:3px;width:0;z-index:200;pointer-events:none;background:linear-gradient(90deg,var(--primary),#14b8a6);opacity:0;border-radius:0 3px 3px 0}
html.loading .topload{opacity:1;animation:topload 9s cubic-bezier(.1,.6,.3,1) forwards}
/* hafif mod (JS, yavaş cihazı ölçüp ekler): ağır sürekli animasyonlar durur, içerik yerinde kalır */
html.lite .orbit .ring,html.lite .orbit .ring i b,html.lite .ambient i,html.lite .ambient:before,html.lite .mq-track,html.lite .lp-h1 span,html.lite .lp-band .in,html.lite .lp-ico,html.lite .lp-ico .bic{animation:none!important}
html.lite .orbit{opacity:.55}html.lite .lp-h1 span{color:var(--primary);background:none}
/* küçük ekranlarda ağır efektleri azalt */
@media(max-width:1100px){.orbit{right:50%;transform:translateX(50%) scale(.7);top:auto;bottom:-140px;margin-top:0}}
@media(max-width:700px){.orbit,.ambient .a3{display:none}.lp-card::before,.stat::before{display:none}.mq{margin:0 -20px 10px}.lp-card:hover{transform:none}}
/* hareket azaltma tercihi: her şeyi durdur (erişilebilirlik) */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.js .rv{opacity:1!important;transform:none!important}.orbit{opacity:.5}}