.cat-page-root{position:relative;min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(99,102,241,.08) 0,transparent 60%),radial-gradient(circle at 100% 40%,rgba(241,129,231,.05) 0,transparent 50%),radial-gradient(circle at 0 70%,rgba(56,189,248,.05) 0,transparent 50%),var(--bg);overflow-x:hidden;padding-bottom:60px}.cat-grid-backdrop{position:absolute;inset:0;background-image:linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:40px 40px;mask-image:radial-gradient(circle at 50% 25%,#000 40%,transparent 80%);-webkit-mask-image:radial-gradient(circle at 50% 25%,#000 40%,transparent 80%);pointer-events:none;z-index:0}.cat-container{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:32px 20px 48px}.cat-hero{text-align:center;max-width:780px;margin:0 auto 40px}.cat-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.25);font-size:.8rem;font-weight:750;color:#98bbff;letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px}.cat-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:850;letter-spacing:-.03em;line-height:1.15;margin:0 0 14px;color:#fff}.cat-subtitle{font-size:1.05rem;line-height:1.6;color:var(--muted);margin:0}.cat-bento-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:48px}.cat-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:18px;background:hsla(0,0%,100%,.025);border:1px solid hsla(0,0%,100%,.08);text-decoration:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.cat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5),transparent);opacity:0;transition:opacity .25s ease}.cat-card:hover{transform:translateY(-4px);background:hsla(0,0%,100%,.05);border-color:rgba(99,102,241,.35);box-shadow:0 16px 36px -10px rgba(0,0,0,.6),0 0 24px rgba(99,102,241,.15)}.cat-card:hover:before{opacity:1}.cat-card-header{display:flex;align-items:center;justify-content:space-between}.cat-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);transition:transform .25s ease}.cat-card:hover .cat-card-icon{transform:scale(1.1)}.cat-card-arrow{color:var(--muted);font-size:1rem;transition:all .2s ease}.cat-card:hover .cat-card-arrow{color:#98bbff;transform:translateX(3px)}.cat-card-label{font-size:1.15rem;font-weight:800;letter-spacing:-.015em;color:#fff;margin:0}.cat-card-blurb{font-size:.82rem;line-height:1.5;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-section-header{display:flex;align-items:center;gap:10px;margin:36px 0 16px}.cat-section-header h2{font-size:1.35rem;font-weight:850;letter-spacing:-.02em;color:#fff;margin:0}.cat-tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}.cat-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:9999px;background:hsla(0,0%,100%,.035);border:1px solid hsla(0,0%,100%,.09);color:var(--text);font-size:.86rem;font-weight:650;text-decoration:none;backdrop-filter:blur(8px);transition:all .2s ease}.cat-chip:hover{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.4);transform:translateY(-2px);color:#fff}.cat-chip-icon{font-size:.95rem}.hub-card-bg{border-radius:20px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);backdrop-filter:blur(12px);transition:all .2s ease}:root[data-theme=light] .hub-card-bg{background:#fff;border-color:rgba(16,20,35,.08);box-shadow:0 4px 16px rgba(16,20,35,.04)}.hub-card-title{color:#fff;font-weight:800}:root[data-theme=light] .hub-card-title{color:#0f172a}.hub-card-body{color:#cbd5e1;line-height:1.65}:root[data-theme=light] .hub-card-body{color:#334155}.about-mission-box{padding:32px;border-radius:24px;background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(241,129,231,.06) 50%,rgba(15,23,42,.8));border:1px solid hsla(0,0%,100%,.12);box-shadow:0 20px 50px -15px rgba(0,0,0,.5);backdrop-filter:blur(16px);margin-bottom:40px}:root[data-theme=light] .about-mission-box{background:linear-gradient(135deg,rgba(99,102,241,.07),rgba(241,129,231,.04) 50%,#fff);border-color:rgba(99,102,241,.2);box-shadow:0 16px 36px -10px rgba(16,20,35,.08)}.guide-action-box{display:flex;gap:14px;flex-wrap:wrap;padding:24px;border-radius:20px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(15,23,42,.8));border:1px solid hsla(0,0%,100%,.12);align-items:center;justify-content:space-between;margin-bottom:32px}:root[data-theme=light] .guide-action-box{background:linear-gradient(135deg,rgba(99,102,241,.08),#fff);border-color:rgba(99,102,241,.2);box-shadow:0 10px 30px rgba(0,0,0,.05)}.cat-header-banner{padding:24px 28px;border-radius:20px;background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(15,23,42,.75));border:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(16px);margin-bottom:32px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}:root[data-theme=light] .cat-header-banner{background:linear-gradient(135deg,rgba(99,102,241,.08),#fff);border-color:rgba(16,20,35,.1);box-shadow:0 12px 32px rgba(16,20,35,.05)}.cat-banner-icon{width:64px;height:64px;border-radius:16px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 0 20px rgba(99,102,241,.25);flex-shrink:0}:root[data-theme=light] .cat-banner-icon{background:#fff;border-color:rgba(99,102,241,.2);box-shadow:0 4px 16px rgba(99,102,241,.1)}.cat-banner-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:850;letter-spacing:-.025em;margin:0 0 6px;color:#fff}:root[data-theme=light] .cat-banner-title{color:#0f172a}.cat-banner-sub{margin:0;color:#94a3b8;font-size:.95rem;line-height:1.5;max-width:780px}:root[data-theme=light] .cat-banner-sub{color:#475569}.cat-crumb-active{color:#fff;font-weight:600}:root[data-theme=light] .cat-crumb-active{color:#0f172a}:root[data-theme=light] .cat-page-root{background:radial-gradient(circle at 50% 0,rgba(99,102,241,.06) 0,transparent 60%),radial-gradient(circle at 100% 40%,rgba(241,129,231,.04) 0,transparent 50%),radial-gradient(circle at 0 70%,rgba(56,189,248,.04) 0,transparent 50%),#f8fafc}:root[data-theme=light] .cat-grid-backdrop{background-image:linear-gradient(90deg,rgba(16,20,35,.04) 1px,transparent 0),linear-gradient(180deg,rgba(16,20,35,.04) 1px,transparent 0)}:root[data-theme=light] .cat-badge{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.25);color:#4338ca}:root[data-theme=light] .cat-title{color:#0f172a}:root[data-theme=light] .cat-card{background:#fff;border-color:rgba(16,20,35,.08);box-shadow:0 4px 16px rgba(16,20,35,.04)}:root[data-theme=light] .cat-card:hover{background:#fff;border-color:rgba(99,102,241,.35);box-shadow:0 16px 36px -10px rgba(16,20,35,.1),0 0 20px rgba(99,102,241,.06)}:root[data-theme=light] .cat-card-icon{background:rgba(16,20,35,.03);border-color:rgba(16,20,35,.08)}:root[data-theme=light] .cat-card-label,:root[data-theme=light] .cat-section-header h2{color:#0f172a}:root[data-theme=light] .cat-chip{background:#fff;border-color:rgba(16,20,35,.08);color:#334155;box-shadow:0 2px 6px rgba(0,0,0,.03)}:root[data-theme=light] .cat-chip:hover{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.35);color:#4338ca}