.glossary-page{background:#060610;color:#e0e0e0;min-height:100vh;font-family:Zen Kaku Gothic New,sans-serif}.glossary-hero{padding:140px 40px 80px;text-align:center;position:relative;overflow:hidden}.glossary-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 600px 400px at 30% 20%,rgba(125,211,232,.06) 0%,transparent 70%),radial-gradient(ellipse 500px 300px at 70% 60%,rgba(232,125,211,.04) 0%,transparent 70%);pointer-events:none}.glossary-animate-in{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.glossary-animate-in.glossary-visible{opacity:1;transform:translateY(0)}.glossary-animate-in:nth-child(1){transition-delay:0s}.glossary-animate-in:nth-child(2){transition-delay:.1s}.glossary-animate-in:nth-child(3){transition-delay:.2s}.glossary-animate-in:nth-child(4){transition-delay:.3s}.glossary-animate-in:nth-child(5){transition-delay:.4s}.glossary-animate-in:nth-child(6){transition-delay:.5s}.glossary-animate-in:nth-child(7){transition-delay:.6s}.glossary-animate-in:nth-child(8){transition-delay:.7s}.glossary-animate-in:nth-child(9){transition-delay:.8s}.glossary-animate-in:nth-child(10){transition-delay:.9s}.glossary-animate-in:nth-child(11){transition-delay:1s}.glossary-animate-in:nth-child(12){transition-delay:1.1s}.glossary-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.glossary-particle{position:absolute;border-radius:50%;opacity:.3;animation:glossary-float 8s ease-in-out infinite}@keyframes glossary-float{0%,to{transform:translateY(0) scale(1);opacity:.2}50%{transform:translateY(-20px) scale(1.1);opacity:.4}}.glossary-hero-back{display:inline-flex;align-items:center;gap:8px;color:#7dd3e8;text-decoration:none;font-size:14px;letter-spacing:.5px;margin-bottom:40px;opacity:.8;transition:opacity .3s}.glossary-hero-back:hover{opacity:1}.glossary-hero-label{font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#7dd3e8;margin-bottom:16px}.glossary-hero-title{font-size:36px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:2px}.glossary-hero-subtitle{font-size:14px;color:#567;letter-spacing:4px;text-transform:uppercase;margin-bottom:32px}.glossary-hero-desc{font-size:16px;color:#89a;line-height:2;white-space:pre-line;max-width:500px;margin:0 auto}.glossary-category-visual{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:0 auto;padding:0 40px 60px}.glossary-category-card{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1;cursor:pointer;transition:all .4s ease;border:1px solid rgba(255,255,255,.06)}.glossary-category-card:hover{transform:translateY(-4px);border-color:#7dd3e84d;box-shadow:0 8px 32px #7dd3e81a}.glossary-category-card.active-cat{border-color:#7dd3e880;box-shadow:0 4px 24px #7dd3e826}.glossary-category-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.glossary-category-card:hover img{transform:scale(1.08)}.glossary-category-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 16px 16px;background:linear-gradient(transparent,#060610e6);text-align:center}.glossary-category-label{font-size:14px;font-weight:600;color:#fff;letter-spacing:1px}.glossary-category-label-en{font-size:10px;color:#ffffff80;letter-spacing:2px;text-transform:uppercase;margin-top:4px}.glossary-filter{display:flex;justify-content:center;gap:12px;padding:0 40px 60px;flex-wrap:wrap}.glossary-filter-btn{padding:8px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#89a;font-size:13px;cursor:pointer;transition:all .3s;font-family:inherit}.glossary-filter-btn:hover{border-color:#7dd3e84d;color:#7dd3e8}.glossary-filter-btn.active{background:#7dd3e81a;border-color:#7dd3e866;color:#7dd3e8}.glossary-terms{max-width:900px;margin:0 auto;padding:0 40px 80px;display:flex;flex-direction:column;gap:16px}.glossary-term-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:28px 32px;cursor:pointer;transition:all .3s}.glossary-term-card:hover{background:#ffffff0a;border-color:#ffffff1a}.glossary-term-card.expanded{background:#ffffff0a;border-color:#7dd3e833}.glossary-term-header{display:flex;align-items:center;gap:16px}.glossary-term-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff08;flex-shrink:0}.glossary-term-titles{flex:1;min-width:0}.glossary-term-name{font-size:20px;font-weight:600;color:#fff;margin-bottom:4px;word-break:break-word;overflow-wrap:break-word}.glossary-term-name-en{font-size:12px;color:#567;letter-spacing:1px;text-transform:uppercase}.glossary-term-reading{font-size:12px;color:#7dd3e8;margin-left:8px;opacity:.7}.glossary-term-category{font-size:10px;padding:4px 10px;border-radius:10px;letter-spacing:1px;text-transform:uppercase;font-weight:600;flex-shrink:0}.glossary-term-expand{color:#567;font-size:18px;transition:transform .3s;flex-shrink:0}.glossary-term-expand.open{transform:rotate(180deg)}.glossary-term-body{overflow:hidden}.glossary-term-definition{font-size:15px;color:#abc;line-height:1.8;margin-bottom:16px;padding-left:64px}.glossary-term-usage-label{font-size:11px;color:#567;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;padding-left:64px}.glossary-term-usage{font-size:14px;color:#7dd3e8;font-style:italic;line-height:1.6;padding-left:64px;opacity:.8}.glossary-closing{text-align:center;padding:60px 40px 80px;border-top:1px solid rgba(255,255,255,.04)}.glossary-closing-image{max-width:680px;margin:0 auto 40px;border-radius:16px;overflow:hidden;position:relative}.glossary-closing-image img{width:100%;height:auto;display:block;object-fit:contain}.glossary-closing-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,#0F1923,transparent);pointer-events:none}.glossary-closing-quote{font-size:18px;color:#abc;line-height:2;font-style:italic;max-width:500px;margin:0 auto 32px}.glossary-closing-cta{display:inline-flex;align-items:center;gap:8px;color:#7dd3e8;text-decoration:none;font-size:14px;letter-spacing:.5px;opacity:.8;transition:opacity .3s}.glossary-closing-cta:hover{opacity:1}@media (max-width: 768px){.glossary-category-visual{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 24px 40px}.glossary-category-overlay{padding:12px 10px 10px}.glossary-category-label{font-size:13px}.glossary-hero{padding:120px 24px 60px}.glossary-hero-title{font-size:26px}.glossary-hero-desc{font-size:14px}.glossary-filter{padding:0 24px 40px;gap:8px}.glossary-filter-btn{padding:6px 14px;font-size:12px}.glossary-terms{padding:0 24px 60px;gap:12px}.glossary-term-card{padding:20px}.glossary-term-icon{width:40px;height:40px;font-size:20px;border-radius:10px}.glossary-term-name{font-size:16px;word-break:break-word;overflow-wrap:break-word}.glossary-term-reading{display:block;margin-left:0;margin-top:2px;font-size:11px}.glossary-term-header{flex-wrap:wrap;gap:10px}.glossary-term-titles{min-width:0;overflow:hidden}.glossary-term-definition,.glossary-term-usage-label,.glossary-term-usage{padding-left:0}.glossary-term-definition{font-size:14px}.glossary-closing{padding:40px 24px 60px}.glossary-closing-image{max-width:100%;margin:0 auto 28px;border-radius:12px}.glossary-closing-quote{font-size:16px}}@media (max-width: 480px){.glossary-category-visual{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 16px 32px}.glossary-category-label{font-size:11px}.glossary-category-label-en{font-size:9px}.glossary-hero{padding:100px 16px 40px}.glossary-hero-title{font-size:22px}.glossary-terms{padding:0 16px 40px}.glossary-term-card{padding:16px}.glossary-term-header{gap:12px}.glossary-term-name{font-size:14px;word-break:break-word;overflow-wrap:break-word}.glossary-term-reading{display:block;margin-left:0;font-size:10px}}