:root{
  --bg:#060608;--bg2:#0a0a0e;--card:#0d0d12;--card2:#12121a;--line:#1c1c26;--line2:#2a2a38;
  --txt:#f5f5f7;--mut:#8d8d9c;--mut2:#5f5f6e;
  --red:#e11d2e;--red2:#ff4455;--red3:#a30f1c;--glow:rgba(225,29,46,.38);
  --ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;
  --r:14px;--ease:cubic-bezier(.2,.8,.2,1);
  --font:Inter,"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--txt);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
::selection{background:var(--red);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#22222c;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#34343f}
.hidden{display:none!important}
.mute{color:var(--mut)}
.mono{font-family:var(--mono)}

/* butonlar */
.btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;border-radius:999px;border:1px solid var(--line2);background:var(--card2);color:var(--txt);font-weight:600;font-size:14px;cursor:pointer;transition:transform .2s var(--ease),background .2s,border-color .2s,box-shadow .2s;white-space:nowrap}
.btn:hover{border-color:#3a3a4a;background:#181822;transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn.primary{background:linear-gradient(180deg,var(--red2),var(--red) 60%,var(--red3));border-color:#ff6b78;box-shadow:0 8px 30px -8px var(--glow),inset 0 1px 0 rgba(255,255,255,.28);color:#fff}
.btn.primary:hover{box-shadow:0 12px 40px -6px rgba(255,50,70,.6),inset 0 1px 0 rgba(255,255,255,.35)}
.btn.sm{height:34px;padding:0 14px;font-size:13px}
.btn.danger{border-color:#5a1620;color:#ff7684;background:#1a0b0e}.btn.danger:hover{background:#26101a;border-color:var(--red)}
.btn[disabled]{opacity:.5;pointer-events:none}
.arrow{display:inline-block;transition:transform .2s var(--ease)}.btn:hover .arrow{transform:translateX(3px)}

/* kart / form */
.card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:var(--r);padding:20px}
.input{width:100%;height:44px;padding:0 14px;background:#08080c;border:1px solid var(--line2);border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s}
.input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(225,29,46,.18)}
textarea.input{height:auto;padding:10px 14px;resize:vertical}
label.lbl{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--mut);margin:0 0 6px;text-transform:uppercase}
.err{color:#ff7684;font-size:13px;min-height:18px}
.ok-t{color:var(--ok)}

/* üst menü */
.nav{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:50;width:min(1060px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px 8px 16px;border-radius:999px;background:rgba(10,10,14,.62);border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .3s,border-color .3s,top .3s}
.nav.scrolled{background:rgba(8,8,11,.88);border-color:rgba(255,255,255,.1)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;font-size:16px}
.brand img{width:26px;height:26px;filter:drop-shadow(0 0 10px var(--glow))}
.brand b{color:var(--red2)}
.links{display:flex;gap:4px}
.links a{padding:7px 13px;border-radius:999px;color:var(--mut);font-size:14px;font-weight:500;transition:color .2s,background .2s}
.links a:hover,.links a.on{color:#fff;background:rgba(255,255,255,.06)}
.nav .r{display:flex;align-items:center;gap:6px}
.nav .login{padding:8px 14px;color:var(--mut);font-weight:600;font-size:14px}.nav .login:hover{color:#fff}
.burger{display:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);background:transparent;cursor:pointer;align-items:center;justify-content:center}
.burger i,.burger i::before,.burger i::after{display:block;width:16px;height:2px;background:#fff;border-radius:2px;position:relative;transition:transform .25s var(--ease),opacity .2s}
.burger i::before,.burger i::after{content:"";position:absolute;left:0}
.burger i::before{top:-5px}.burger i::after{top:5px}
.nav.open .burger i{background:transparent}.nav.open .burger i::before{transform:translateY(5px) rotate(45deg)}.nav.open .burger i::after{transform:translateY(-5px) rotate(-45deg)}
@media(max-width:820px){
  .links{position:absolute;top:calc(100% + 8px);left:0;right:0;flex-direction:column;background:rgba(10,10,14,.97);border:1px solid var(--line2);border-radius:18px;padding:8px;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s,transform .2s}
  .nav.open .links{opacity:1;pointer-events:auto;transform:none}
  .links a{padding:12px 14px}
  .burger{display:inline-flex}.nav .login{display:none}
}

/* sütunlu arka plan + imleç ışığı */
.pillars{position:absolute;inset:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.pillars i{position:absolute;bottom:-5%;width:11vw;min-width:90px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015) 40%,transparent);border:1px solid rgba(255,255,255,.04);border-bottom:0;transform:skewY(-4deg);animation:float 9s ease-in-out infinite}
.pillars i:nth-child(1){left:-2%;height:62%;animation-delay:-1s}.pillars i:nth-child(2){left:8%;height:78%;animation-delay:-3s}.pillars i:nth-child(3){left:19%;height:52%;animation-delay:-5s}
.pillars i:nth-child(4){right:19%;height:55%;animation-delay:-2s;transform:skewY(4deg)}.pillars i:nth-child(5){right:8%;height:80%;animation-delay:-4s;transform:skewY(4deg)}.pillars i:nth-child(6){right:-2%;height:64%;animation-delay:-6s;transform:skewY(4deg)}
@keyframes float{50%{translate:0 -14px}}
.glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px circle at var(--mx,50%) var(--my,25%),rgba(225,29,46,.16),transparent 60%);transition:background .2s}
.aura{position:absolute;left:50%;top:-180px;width:900px;height:520px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(225,29,46,.28),transparent);filter:blur(30px);pointer-events:none;animation:pulse 6s ease-in-out infinite}
@keyframes pulse{50%{opacity:.6;transform:translateX(-50%) scale(1.08)}}

/* kaydırınca görünme */
.rv{opacity:0;transform:translateY(26px);filter:blur(6px);transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none;filter:none}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none;filter:none}html{scroll-behavior:auto}
}
.toast{position:fixed;right:18px;bottom:18px;z-index:100;background:#15151d;border:1px solid var(--line2);border-left:3px solid var(--red);padding:12px 16px;border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.6);animation:toast .3s var(--ease)}
@keyframes toast{from{opacity:0;transform:translateY(10px)}}
.d08s{--d:.08s}.d1s{--d:.1s}.d12s{--d:.12s}.d16s{--d:.16s}.d2s{--d:.2s}.d24s{--d:.24s}.d3s{--d:.3s}