.tb-animation-card{min-width:0}
.tb-animation-card-link{display:block;height:100%;border:1px solid var(--tb-line);border-radius:12px;overflow:hidden;background:#fff;transition:transform .22s,box-shadow .22s}
.tb-animation-card-link:hover{transform:translateY(-4px);box-shadow:var(--tb-shadow)}
.tb-preview{position:relative;aspect-ratio:1.52;background:#070a10;overflow:hidden}
.tb-preview-poster,.tb-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tb-preview-video{z-index:2;opacity:0;transition:opacity .18s}
.tb-preview.is-playing .tb-preview-video{opacity:1}
.tb-preview-play{position:absolute;z-index:5;left:10px;bottom:10px;width:24px;height:24px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-size:8px;padding-left:1px;transition:opacity .18s}
.tb-preview.is-playing .tb-preview-play{opacity:.2}
.tb-preview-art,.tb-preview-art:before,.tb-preview-art:after{position:absolute;content:"";display:block}
.tb-preview--ripple .tb-preview-art{width:86px;height:42px;border:3px solid #1777ff;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #116dff}
.tb-preview--ripple:hover .tb-preview-art:before,.tb-preview--ripple:hover .tb-preview-art:after{inset:-16px;border:2px solid #146dff;border-radius:50%;animation:tb-pulse 1.8s ease-out infinite}.tb-preview--ripple:hover .tb-preview-art:after{inset:-30px;animation-delay:.35s}
@keyframes tb-pulse{50%{opacity:.18;transform:scale(1.15)}100%{opacity:0;transform:scale(1.35)}}
.tb-preview--split .tb-preview-art{inset:0}.tb-preview--split .tb-preview-art:before{content:"HELLO";left:50%;top:50%;transform:translate(-50%,-50%);font-size:29px;font-weight:900;letter-spacing:.05em;color:#eaf7ff;text-shadow:0 0 18px #4fc6ff}.tb-preview--split:hover .tb-preview-art:before{animation:tb-split .65s both}@keyframes tb-split{30%{letter-spacing:.34em;filter:blur(1px)}100%{letter-spacing:.05em}}
.tb-preview--distort .tb-preview-art{inset:18% 28%;background:linear-gradient(145deg,#bfc4cc,#4c5360 50%,#cfd2d6);clip-path:polygon(24% 0,100% 8%,78% 100%,0 75%);filter:grayscale(1)}.tb-preview--distort:hover .tb-preview-art{animation:tb-jitter .45s steps(2) infinite}@keyframes tb-jitter{50%{transform:translate(6px,-3px) skewX(-6deg)}}
.tb-preview--morph .tb-preview-art{left:50%;top:50%;width:60px;height:80px;border-radius:14px;background:linear-gradient(160deg,#654cff,#10204c);transform:translate(-50%,-50%) rotate(-10deg);box-shadow:0 0 28px #5c49ff}.tb-preview--morph:hover .tb-preview-art{animation:tb-morph 1.2s ease-in-out infinite alternate}@keyframes tb-morph{to{border-radius:50%;transform:translate(-50%,-50%) rotate(15deg) scale(1.12)}}
.tb-preview--liquid .tb-preview-art{left:50%;top:50%;width:94px;height:38px;border-radius:999px;background:linear-gradient(90deg,#2a36ff,#00a6ff);transform:translate(-50%,-50%);box-shadow:0 0 24px #226bff}.tb-preview--liquid:hover .tb-preview-art{animation:tb-liquid .9s ease-in-out infinite alternate}@keyframes tb-liquid{to{border-radius:38% 62% 55% 45%/56% 38% 62% 44%;transform:translate(-50%,-50%) scaleX(1.15)}}
.tb-preview--glitch .tb-preview-art{inset:0}.tb-preview--glitch .tb-preview-art:before{content:"GLITCH\A TEXT";white-space:pre;left:50%;top:50%;transform:translate(-50%,-50%);font-size:23px;line-height:.85;font-weight:900;color:#fff}.tb-preview--glitch:hover .tb-preview-art:before{text-shadow:-4px 0 #10d9ff,4px 0 #ff35c8;animation:tb-glitch .25s steps(2) infinite}@keyframes tb-glitch{50%{transform:translate(-47%,-53%) skewX(7deg)}}
.tb-preview--pixel .tb-preview-art{left:18%;right:12%;top:48%;height:3px;background:linear-gradient(90deg,#ff6a4d,#6c89ff,#d6c5ff);box-shadow:0 0 14px #467dff}.tb-preview--pixel:hover .tb-preview-art:before{width:10px;height:10px;background:#ff6a4d;box-shadow:22px -13px #608cff,45px 6px #c2b6ff,66px -8px #4d90ff,86px 12px #e97aff,110px -4px #8eb6ff;animation:tb-pixels 1.2s ease-in-out infinite alternate}@keyframes tb-pixels{to{transform:translate(16px,-10px) rotate(8deg)}}
.tb-preview--tilt .tb-preview-art{left:50%;top:50%;width:62px;height:82px;background:linear-gradient(145deg,#ececec,#b8b8b8);transform:translate(-50%,-50%) perspective(250px) rotateY(-24deg) rotateX(12deg);box-shadow:18px 18px 25px rgba(0,0,0,.4)}.tb-preview--tilt:hover .tb-preview-art{transform:translate(-50%,-50%) perspective(250px) rotateY(22deg) rotateX(-6deg)}
.tb-preview--magnetic .tb-preview-art{left:50%;top:50%;width:72px;height:58px;border:2px solid #fff;border-radius:10px;transform:translate(-50%,-50%);box-shadow:0 0 18px rgba(255,255,255,.45)}.tb-preview--magnetic .tb-preview-art:before{inset:13px;border:1px solid #7e8aff;border-radius:50%;box-shadow:0 0 18px #6779ff}.tb-preview--magnetic:hover .tb-preview-art{transform:translate(-45%,-56%)}
.tb-preview--parallax .tb-preview-art{inset:20% 18%;background:linear-gradient(180deg,#d9e6f8 0 38%,#697684 38% 45%,#263846 45% 100%);clip-path:polygon(0 76%,25% 46%,42% 65%,64% 33%,100% 73%,100% 100%,0 100%)}.tb-preview--parallax:hover .tb-preview-art{transform:scale(1.08) translateY(-4px)}
.tb-preview--wave .tb-preview-art{inset:0}.tb-preview--wave .tb-preview-art:before{content:"WAVE";left:50%;top:50%;transform:translate(-50%,-50%);font-size:30px;font-weight:900;color:#8690ae}.tb-preview--wave:hover .tb-preview-art:before{animation:tb-wave .85s ease-in-out infinite alternate}@keyframes tb-wave{to{letter-spacing:.18em;transform:translate(-50%,-55%) skewY(-5deg)}}
.tb-preview--scale .tb-preview-art{left:50%;top:50%;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 33% 30%,#95c9ff,#203a66 60%,#081221);transform:translate(-50%,-50%);box-shadow:0 0 20px rgba(83,153,255,.4)}.tb-preview--scale:hover .tb-preview-art{transform:translate(-50%,-50%) scale(1.28)}
.tb-preview-art{transition:.35s}
.tb-animation-card-body{padding:12px 12px 14px}.tb-animation-id{display:block;color:#7a8595;font-size:9px;font-weight:800;letter-spacing:.04em}.tb-animation-card h3{margin:4px 0 10px;font-size:14px;line-height:1.25}

.tb-category-card{min-height:132px;padding:22px 10px 18px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .2s,box-shadow .2s}.tb-category-card:hover{transform:translateY(-4px);box-shadow:var(--tb-shadow)}.tb-category-symbol{display:grid;place-items:center;height:40px;margin-bottom:8px;font-size:27px;font-weight:800}.tb-category-card strong{font-size:13px}.tb-category-card small{margin-top:2px;color:#71798a;font-size:9px}.tb-category-card--text{background:#edf5ff;color:#4d8cf7}.tb-category-card--button{background:#fff0f3;color:#ff4165}.tb-category-card--image{background:#edfbf5;color:#20b776}.tb-category-card--card{background:#f2efff;color:#7458ff}.tb-category-card--cursor{background:#eef8ff;color:#2795e9}.tb-category-card--scroll{background:#fff4ea;color:#ff7d32}.tb-category-card--menu{background:#f2efff;color:#875dff}.tb-category-card--loading{background:#fff8e7;color:#f09b00}.tb-category-card--background{background:#fff0fb;color:#d85bd7}

.tb-collection-card{position:relative;min-height:180px;border-radius:12px;overflow:hidden;color:#fff;background:#07101c}.tb-collection-visual{position:absolute;inset:0}.tb-collection-content{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.tb-collection-content strong{font-size:22px;line-height:1.1}.tb-collection-content small{margin-top:6px;color:#d3d9e3;font-size:11px}.tb-round-arrow{margin-top:auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#111}.tb-collection-card--cursor .tb-collection-visual{background:radial-gradient(circle at 60% 70%,#156dff33,transparent 35%),linear-gradient(145deg,#051220,#091224)}.tb-collection-card--cursor .tb-collection-visual:after{content:"";position:absolute;width:160px;height:3px;left:36%;top:62%;background:linear-gradient(90deg,transparent,#67a5ff,#fff);transform:rotate(-15deg);box-shadow:18px -16px 0 #675cff,-24px 14px 0 #ff62ac}
.tb-collection-card--text .tb-collection-visual{background:linear-gradient(145deg,#0d0f15,#141923)}.tb-collection-card--text .tb-collection-visual:after{content:"Motion";position:absolute;right:8%;bottom:12%;font-size:44px;font-weight:900;color:#5fa5ff;text-shadow:0 8px 18px rgba(0,0,0,.4);transform:rotate(-6deg)}
.tb-collection-card--minimal{color:#10131a;background:#edf0f4}.tb-collection-card--minimal .tb-collection-content small{color:#5c6675}.tb-collection-card--minimal .tb-collection-visual:after{content:"";position:absolute;width:170px;height:90px;right:6%;bottom:4%;border:24px solid rgba(22,28,37,.25);border-radius:50%;transform:rotate(-25deg)}
.tb-collection-card--experimental .tb-collection-visual{background:radial-gradient(circle at 72% 64%,#6b45ff55,transparent 34%),linear-gradient(145deg,#0c0d15,#141021)}.tb-collection-card--experimental .tb-collection-visual:after{content:"";position:absolute;right:8%;bottom:17%;width:16px;height:16px;background:#74a6ff;box-shadow:-26px 12px #ff75af,-55px -8px #8d67ff,30px -20px #c2d1ff,58px 8px #5265ff;transform:rotate(18deg)}

.tb-tech-card{min-height:74px;border:1px solid var(--tb-line);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:14px;background:#fff;transition:.2s}.tb-tech-card:hover{transform:translateY(-3px);box-shadow:var(--tb-shadow)}.tb-tech-mark{display:grid;place-items:center;min-width:34px;height:34px;border-radius:8px;background:#eef5ff;color:#2479ff;font-weight:900;font-size:13px}.tb-tech-card strong{font-size:13px}