.cin-object{aspect-ratio:1.62;perspective:1200px;width:min(460px,100%);margin:clamp(48px,6vw,72px) auto 0;position:relative}.cin-glow{filter:blur(30px);animation:cin-glow 2.4s var(--ease) .3s both;pointer-events:none;background:radial-gradient(50% 50%,#d93a458c,#d93a4500 70%);position:absolute;inset:8% -30% -40%}.cin-tilt{height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease);will-change:transform;position:relative}.cin-object[data-lit] .cin-tilt{transition-duration:.12s}.cin-sheen{border-radius:inherit;pointer-events:none;background:radial-gradient(42% 60% at var(--mx,50%) var(--my,0%), #ffffff29, #fff0 70%);opacity:0;transition:opacity .4s var(--ease);position:absolute;inset:0}.cin-object[data-lit] .cin-sheen{opacity:1}.cin-card{text-align:left;transform-origin:50% 100%;height:100%;animation:cin-rise 1.6s var(--ios) .15s both;background:radial-gradient(120% 90% at 0 0,#ffffff17,#fff0 55%),linear-gradient(150deg,#29292c 0%,#161618 52%,#0c0c0d 100%);border-radius:28px;flex-direction:column;padding:clamp(18px,4.6%,26px) clamp(20px,5.4%,30px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff24,0 40px 80px #0009}.cin-card-top{justify-content:space-between;align-items:center;display:flex}.cin-card-brand{letter-spacing:-.02em;font-size:17px;font-weight:650}.cin-card-net{color:var(--muted);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff29}.cin-card-k{color:var(--muted);margin-top:auto;font-size:13px}.cin-card-bal{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:clamp(44px,12vw,60px);font-weight:250;line-height:1.05}.cin-card-sub{color:var(--muted);font-size:13px}.cin-card-rules{color:var(--muted);border-top:1px solid #ffffff1a;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;font-size:13px;display:flex}.cin-card-rules b{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:4px;font-weight:600}.cin-chip{white-space:nowrap;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:cin-chip .9s var(--spring) both;background:#2c2c2ec7;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;display:inline-flex;position:absolute;box-shadow:inset 0 0 0 1px #ffffff1a,0 16px 40px #00000080}.cin-chip b{font-variant-numeric:tabular-nums;font-weight:600}.cin-chip.c1{animation-delay:1.1s;top:30%;left:-36%}.cin-chip.c2{animation-delay:1.4s;top:40%;right:-44%}.cin-chip.c3{animation-delay:1.75s;bottom:-7%;left:-24%}.cin-chip.bad b{color:var(--muted);position:relative}.cin-chip.bad b:after{content:"";transform-origin:0;height:1.5px;animation:cin-strike .4s var(--ease) 2.1s both;background:#ff453ad9;border-radius:1px;position:absolute;top:52%;left:-2px;right:-2px}.cin-chip em{color:#ff6961;animation:cin-why .5s var(--ease) 2.35s both;font-size:12.5px;font-style:normal}@keyframes cin-strike{0%{transform:scaleX(0)}to{transform:none}}@keyframes cin-why{0%{opacity:0}to{opacity:1}}.cin-ok,.cin-no{background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.cin-no{background:var(--bad)}@media (max-width:760px){.cin-chip{padding:7px 11px;font-size:12.5px}.cin-object{margin-bottom:116px}.cin-chip.c1{top:auto;bottom:-60px;left:0}.cin-chip.c2{inset:auto auto -104px 0}.cin-chip.c3{bottom:-60px;left:auto;right:0}}@keyframes cin-rise{0%{opacity:0;transform:translateY(70px)rotateX(38deg)scale(.9)}to{opacity:1;transform:none}}@keyframes cin-glow{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes cin-chip{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:none}}.cin-object[data-tone=day] .cin-glow{opacity:.55;background:radial-gradient(50% 50%,#d93a4566,#d93a4500 70%)}.cin-object[data-tone=day] .cin-card{color:#f5f5f7;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff24,0 30px 70px #00000047}.cin-object[data-tone=day] .cin-card :is(.cin-card-k,.cin-card-sub,.cin-card-rules){color:#86868b}.cin-object[data-tone=day] .cin-card-rules b{color:#f5f5f7}.cin-object[data-tone=day] .cin-chip{background:color-mix(in srgb, var(--card) 88%, transparent);color:var(--ink);box-shadow:0 0 0 1px #0000000d,0 14px 34px #00000024}.cin-object[data-tone=day] .cin-chip.bad b{color:var(--muted)}.cin-object[data-tone=day] .cin-chip em{color:var(--bad)}.cin-object[data-tone=day] .cin-chip.bad{white-space:normal;border-radius:18px;flex-wrap:wrap;row-gap:0;max-width:200px}.cin-object[data-tone=day] .cin-chip.bad em{flex-basis:100%;padding-left:16px}.cin-object[data-tone=day] .cin-card-net{color:#a1a1a6}.cin-object[data-tone=day] .cin-card{animation-name:cin-rise-soft;animation-duration:1.2s}@keyframes cin-rise-soft{0%{opacity:0;transform:translateY(36px)rotateX(16deg)scale(.97)}to{opacity:1;transform:none}}.cin-object[data-tone=day] .cin-chip.c1{animation-delay:.7s}.cin-object[data-tone=day] .cin-chip.c2{animation-delay:1.4s}.cin-object[data-tone=day] .cin-chip.c3{animation-delay:3s}@media (prefers-reduced-motion:reduce){.cin-glow,.cin-card,.cin-chip,.cin-chip em,.cin-chip.bad b:after{animation:none}.cin-tilt{transition:none;transform:none}.cin-sheen{display:none}}
