/* ==== card-g3.css (guvenem3 gerçek CSS'inden) ==== */
:root{--color-primary-main:#f54298;--color-primary-dark:#eb2477;--color-primary-light:#f96db7;--color-text-muted:rgba(255,255,255,.72);--color-background-card:#312429;}
*,::before,::after{--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;}
@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}
.absolute { position:absolute }
.bg-\[linear-gradient\(110deg\,transparent_25\%\,rgba\(255\,255\,255\,0\.3\)_50\%\,transparent_75\%\)\] { background-image:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.3) 50%,transparent 75%) }
.bg-\[var\(--color-background-card\)\] { background-color:var(--color-background-card) }
.bg-clip-text { -webkit-background-clip:text;background-clip:text }
.bg-gradient-to-b { background-image:linear-gradient(to bottom,var(--tw-gradient-stops)) }
.bg-gradient-to-br { background-image:linear-gradient(to bottom right,var(--tw-gradient-stops)) }
.bg-gradient-to-r { background-image:linear-gradient(to right,var(--tw-gradient-stops)) }
.block { display:block }
.border { border-width:1px;border-color:rgba(245,66,152,.3) }
.bottom-0 { bottom:0 }
.duration-200 { transition-duration:.2s }
.flex { display:flex }
.flex-1 { flex:1 1 0% }
.flex-col { flex-direction:column }
.flex-shrink-0,.shrink-0 { flex-shrink:0 }
.font-black { font-weight:900 }
.font-bold { font-weight:700 }
.from-primary-400 { --tw-gradient-from: var(--color-primary-light) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.from-primary-600 { --tw-gradient-from: var(--color-primary-dark) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.from-transparent { --tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.from-white { --tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.from-white\/10 { --tw-gradient-from: rgb(255 255 255 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.from-white\/15 { --tw-gradient-from: rgb(255 255 255 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.from-white\/\[0\.04\] { --tw-gradient-from: rgb(255 255 255 / .04) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.from-white\/\[0\.08\] { --tw-gradient-from: rgb(255 255 255 / .08) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.gap-1 { gap:.25rem }
.gap-1\.5 { gap:.375rem }
.gap-2 { gap:.5rem }
.gap-2\.5 { gap:.625rem }
.group:hover .group-hover\:-translate-y-0\.5 { --tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.group:hover .group-hover\:translate-x-0\.5 { --tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.group:hover .group-hover\:scale-105 { --tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.group:hover .group-hover\:scale-110 { --tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.group:hover .group-hover\:scale-\[1\.01\] { --tw-scale-x: 1.01;--tw-scale-y: 1.01;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.group:hover .group-hover\:scale-\[1\.02\] { --tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.group:hover .group-hover\:animate-\[shine_1\.5s_ease-in-out_infinite\] { animation:shine 1.5s ease-in-out infinite }
.group:hover .group-hover\:animate-shimmer { animation:shimmer 2s infinite }
.group:hover .group-hover\:bg-black\/60 { background-color:#0009 }
.group:hover .group-hover\:bg-white { --tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1)) }
.group:hover .group-hover\:from-primary-500 { --tw-gradient-from: var(--color-primary-main) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.group:hover .group-hover\:to-primary-400 { --tw-gradient-to: var(--color-primary-light) var(--tw-gradient-to-position) }
.group:hover .group-hover\:text-\[var\(--color-primary-main\)\] { color:var(--color-primary-main) }
.group:hover .group-hover\:text-amber-400 { --tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1)) }
.group:hover .group-hover\:text-primary-400 { color:var(--color-primary-light) }
.group:hover .group-hover\:text-white { --tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.group:hover .group-hover\:text-white\/90 { color:#ffffffe6 }
.group:hover .group-hover\:opacity-100 { opacity:1 }
.group:active .group-active\:scale-95 { --tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.group:active .group-active\:scale-\[0\.98\] { --tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.group:active .group-active\:scale-\[0\.99\] { --tw-scale-x: .99;--tw-scale-y: .99;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.h-\[32px\] { height:32px }
.h-\[40px\] { height:40px }
.h-full { height:100% }
.h-px { height:1px }
.hover\:bg-gradient-to-r:hover { background-image:linear-gradient(to right,var(--tw-gradient-stops)) }
.hover\:to-transparent:hover { --tw-gradient-to: transparent var(--tw-gradient-to-position) }
.inset-0 { inset:0 }
.inset-0\.5 { inset:.125rem }
.items-center { align-items:center }
.justify-center { justify-content:center }
.leading-tight { line-height:1.25 }
.left-0 { left:0 }
.min-w-0 { min-width:0px }
.mt-0\.5 { margin-top:.125rem }
.opacity-0 { opacity:0 }
.overflow-hidden { overflow:hidden }
.px-1 { padding-left:.25rem;padding-right:.25rem }
.px-1\.5 { padding-left:.375rem;padding-right:.375rem }
.px-2 { padding-left:.5rem;padding-right:.5rem }
.px-2\.5 { padding-left:.625rem;padding-right:.625rem }
.px-3 { padding-left:.75rem;padding-right:.75rem }
.px-4 { padding-left:1rem;padding-right:1rem }
.py-0\.5 { padding-top:.125rem;padding-bottom:.125rem }
.py-1\.5 { padding-top:.375rem;padding-bottom:.375rem }
.py-3 { padding-top:.75rem;padding-bottom:.75rem }
.relative { position:relative }
.rounded-md { border-radius:.375rem }
.rounded-xl { border-radius:.75rem }
.self-center { align-self:center }
.shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) }
.text-\[10px\] { font-size:10px }
.text-\[11px\] { font-size:11px }
.text-\[7px\] { font-size:7px }
.text-\[9px\] { font-size:9px }
.text-\[var\(--color-text-muted\)\] { color:var(--color-text-muted) }
.text-center { text-align:center }
.text-transparent { color:transparent }
.text-white { --tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1)) }
.text-white\/20 { color:#fff3 }
.text-white\/30 { color:#ffffff4d }
.text-white\/40 { color:#fff6 }
.text-white\/50 { color:#ffffff80 }
.text-white\/60 { color:#fff9 }
.text-white\/70 { color:#ffffffb3 }
.text-white\/80 { color:#fffc }
.text-white\/90 { color:#ffffffe6 }
.to-primary-500 { --tw-gradient-to: var(--color-primary-main) var(--tw-gradient-to-position) }
.to-primary-600 { --tw-gradient-to: var(--color-primary-dark) var(--tw-gradient-to-position) }
.to-white { --tw-gradient-to: #fff var(--tw-gradient-to-position) }
.to-white\/10 { --tw-gradient-to: rgb(255 255 255 / .1) var(--tw-gradient-to-position) }
.to-white\/15 { --tw-gradient-to: rgb(255 255 255 / .15) var(--tw-gradient-to-position) }
.to-white\/20 { --tw-gradient-to: rgb(255 255 255 / .2) var(--tw-gradient-to-position) }
.to-white\/5 { --tw-gradient-to: rgb(255 255 255 / .05) var(--tw-gradient-to-position) }
.to-white\/\[0\.02\] { --tw-gradient-to: rgb(255 255 255 / .02) var(--tw-gradient-to-position) }
.top-0 { top:0 }
.tracking-widest { letter-spacing:.1em }
.transition-all { transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1) }
.transition-all { transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s }
.transition-opacity { transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s }
.truncate { overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.uppercase { text-transform:uppercase }
.via-primary-200 { --tw-gradient-to: rgb(165 243 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #ffffff var(--tw-gradient-via-position), var(--tw-gradient-to) }
.w-0\.5 { width:.125rem }
.w-\[120px\] { width:120px }
.w-full { width:100% }
.z-10 { z-index:10 }
/* eksik opacity/variant class'lar (green, guvenem3 değerleri) */
.from-primary-500\/20{--tw-gradient-from:rgba(245,66,152,.06);--tw-gradient-to:rgba(245,66,152,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-primary-700\/20{--tw-gradient-to:rgba(201,36,101,.06)}
.border-primary-500\/30{border-color:rgba(245,66,152,.3)}
.from-white\/8{--tw-gradient-from:rgba(255,255,255,.08);--tw-gradient-to:rgba(255,255,255,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-white\/3{--tw-gradient-to:rgba(255,255,255,.03)}
.from-white\/20{--tw-gradient-from:rgba(255,255,255,.2);--tw-gradient-to:rgba(255,255,255,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.text-primary-400\/70{color:rgba(249,109,183,.7)}
.hover\:from-primary-500\/10:hover{--tw-gradient-from:rgba(245,66,152,.1);--tw-gradient-to:rgba(245,66,152,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.hover\:to-transparent:hover{--tw-gradient-to:transparent}
.active\:bg-primary-500\/10:active{background-color:rgba(245,66,152,.1)}
.group:hover .group-hover\:border-primary-500\/30{border-color:rgba(245,66,152,.3)}
.group:hover .group-hover\:from-primary-500{--tw-gradient-from:var(--color-primary-main);--tw-gradient-to:rgba(245,66,152,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.group:hover .group-hover\:to-primary-400{--tw-gradient-to:var(--color-primary-light)}
.bg-\[var\(--color-background-card\)\]{background-color:var(--color-background-card)}
.text-\[var\(--color-text-muted\)\]{color:var(--color-text-muted)}

/* border-style: Tailwind preflight almadığımız için border'lara solid ver (satır çizgisi + logo kenarı görünsün) */
.border-t{border-top-style:solid;border-top-color:rgba(255,255,255,.08)}