.keywords-section{overflow:hidden;padding-bottom:100px;background:radial-gradient(ellipse at 70% 65%,#eaf2ff 0,transparent 55%),#fbfcff}
.keywords-heading{margin-bottom:30px}.keyword-list{position:relative;display:block;height:680px;perspective:1100px;opacity:1;translate:none;transition:none;isolation:isolate}
.keyword-list li{position:absolute;left:var(--x);top:var(--y);margin:0;padding:0;flex:none;background:none;border:0;white-space:nowrap;transform-style:preserve-3d;transform:translate3d(var(--dx,0px),var(--dy,0px),var(--z)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotateZ(var(--angle));transition:none;will-change:transform}
.keyword-list li:hover{background:none;color:inherit;transform:translate3d(var(--dx,0px),var(--dy,0px),var(--z)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotateZ(var(--angle))}
.keyword-face{display:flex;align-items:center;gap:12px;padding:20px 25px;min-height:66px;border-radius:var(--radius,22px);color:#12376b;border:1px solid #ffffffd9;background:linear-gradient(145deg,#fff,#e9f1ff);box-shadow:inset 0 2px 2px #fff,0 7px 0 #d6e1ef,0 18px 25px #193f7620;backface-visibility:hidden;position:relative;transform:translateZ(3px);font-size:clamp(12px,1.1vw,17px);font-weight:750;letter-spacing:-.035em}
.keyword-face svg{width:25px;height:25px;flex:none;color:var(--icon,#0871ff);stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.keyword-back{position:absolute;inset:0;display:grid;place-items:center;border-radius:var(--radius,22px);background:linear-gradient(140deg,#e0ebfc,#a9bedb);border:1px solid #fff9;color:#ffffffb3;font-size:11px;letter-spacing:4px;box-shadow:inset 0 2px 3px #fff9,0 10px 24px #16397120;backface-visibility:hidden;transform:rotateY(180deg) translateZ(3px)}
.keyword-sticker{position:absolute;width:44px;height:47px;object-fit:contain;left:-14px;top:-31px;transform:rotate(-12deg);filter:drop-shadow(0 4px 3px #12335c25);pointer-events:none}.keyword-ornament{position:absolute;width:20px;height:20px;left:-8px;top:-10px;border-radius:6px;background:linear-gradient(135deg,#98dfff,#0866ff);transform:rotate(30deg);box-shadow:inset 2px 2px 2px #ffffffb0,3px 4px 0 #004fd8,0 7px 10px #0866ff30}.keyword-list li:nth-child(12) .keyword-ornament{border-radius:50%;background:linear-gradient(135deg,#ccfff5,#1eafa0);box-shadow:inset 2px 2px 2px #fff,0 5px 8px #00857730}.keyword-list li:nth-child(20) .keyword-ornament{border-radius:2px;background:#b9a0ff;transform:rotate(45deg);width:15px;height:15px}
.keyword-list li[data-material="glass"] .keyword-face{background:linear-gradient(130deg,#ffffffb0,#b8d4ff65);border-color:#ffffff;box-shadow:inset 2px 2px 3px #fff, inset -2px -3px 8px #abcaff80,0 8px 0 #b9cfeb88,0 20px 30px #3169b526;backdrop-filter:blur(12px)}
.keyword-list li[data-material="blue"] .keyword-face{color:white;background:linear-gradient(135deg,#54adff 0,#0866ff 50%,#0047d6);border-color:#72b7ff;box-shadow:inset 0 2px 4px #b8e1ff,0 8px 0 #0042ba,0 22px 32px #0866ff40;--icon:#e3f4ff}
.keyword-list li[data-material="metal"] .keyword-face{background:linear-gradient(155deg,#fff 0,#d9e1ee 30%,#f8fbff 48%,#b7c6de 100%);border-color:#e0e8f3;box-shadow:inset 0 2px 2px #fff,0 7px 0 #a8b8d0,0 18px 25px #15396726;--icon:#345274}
.keyword-list li[data-material="mint"] .keyword-face{background:linear-gradient(135deg,#f1fffb,#a9e7db);color:#115e62;--icon:#008d91;box-shadow:inset 0 2px 2px #fff,0 7px 0 #85c8bd,0 18px 25px #087b6e20}
.keyword-list li[data-material="lilac"] .keyword-face{background:linear-gradient(135deg,#f8f3ff,#d6caff);color:#504485;--icon:#8262d8;box-shadow:inset 0 2px 2px #fff,0 7px 0 #b9a9e3,0 18px 25px #57449b20}
.keyword-list li[data-material="ink"] .keyword-face{background:linear-gradient(135deg,#313438,#080a0d);color:#fff;border-color:#4a4f56;--icon:#fff;box-shadow:inset 0 2px 2px #5b6068,0 7px 0 #020305,0 20px 30px #06163130}
@media(min-width:1500px){.keyword-list{max-width:1350px;margin:auto}}
@media(max-width:1050px){.keyword-list{height:800px}.keyword-face{padding:17px 18px;gap:9px;font-size:13px}.keyword-face svg{width:22px;height:22px}}
@media(max-width:760px){.keywords-section{padding-bottom:70px}.keywords-heading{margin-bottom:32px}.keyword-list{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px;padding:15px 3px 35px;perspective:900px}.keyword-list li{position:relative;left:auto;top:auto;--z:0px!important}.keyword-face{font-size:11px;padding:15px 10px;gap:7px;min-height:58px;white-space:normal}.keyword-face svg{width:20px;height:20px}.keyword-list li:nth-child(4n+2){top:15px}.keyword-list li:nth-child(5n){margin-left:9px}.keyword-back{font-size:9px}}
@media(prefers-reduced-motion:reduce){.keyword-list li{will-change:auto}}
.keyword-face{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;outline:none}
.keyword-face:focus-visible{outline:2px solid #0866ff;outline-offset:7px}
.keyword-face::after{content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;border:1px solid #acd9ff;box-shadow:0 0 12px #75baff70,inset 0 0 8px #b0dfff55}
.is-pulsing .keyword-face::after{animation:keyword-light .65s ease-out}
@keyframes keyword-light{0%{opacity:0}20%{opacity:1}55%{opacity:.65}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.is-pulsing .keyword-face::after{animation-duration:.3s;box-shadow:none}}
@media(max-width:760px){.keyword-list{perspective:none}.keyword-list li,.keyword-list li:hover{transform:rotate(var(--angle))!important;transform-style:flat;will-change:auto}.keyword-back{display:none}.keyword-face{transform:none;backface-visibility:visible}.keyword-list li[data-material="glass"] .keyword-face{backdrop-filter:none}}