.types-content{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:80px 20px 40px}.types-header{text-align:center;margin-bottom:40px}.types-header p{color:#ffffffe6;font-size:1.125rem}.group-filter{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.filter-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff;border-radius:25px;padding:10px 20px;font-size:1rem;font-weight:600;transition:all .3s}.filter-btn:hover{background:#fff3;transform:translateY(-2px)}.filter-btn.active{color:#667eea;background:#fff;transform:scale(1.05)}.types-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto 60px;display:grid}.type-card{cursor:pointer;background:#fff;border:3px solid #0000;border-radius:16px;flex-direction:row;min-height:180px;padding:0;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.type-card-content{z-index:1;flex-direction:column;flex:1;justify-content:center;padding:24px 20px 24px 24px;display:flex}.type-card-bg{z-index:0;pointer-events:none;justify-content:flex-end;align-items:stretch;width:48%;height:100%;display:flex;position:absolute;top:0;right:0}.type-card-bg-img{filter:drop-shadow(0 2px 8px #0000001a);transition:transform .3s}.type-card:hover .type-card-bg-img{transform:scale(1.07)rotate(2deg)}.type-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #00000040}.type-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.type-code{color:#1e293b;font-size:1.5rem;font-weight:700}.type-group{border-radius:12px;padding:4px 12px;font-size:.875rem;font-weight:600}.type-subgroup{color:#334155;margin-bottom:12px;font-size:1.25rem;font-weight:700}.type-description{color:#64748b;font-size:.9375rem;line-height:1.6}.type-card.analyst{border-color:#8b5cf6}.type-card.analyst .type-group{color:#fff;background:#8b5cf6}.type-card.diplomat{border-color:#10b981}.type-card.diplomat .type-group{color:#fff;background:#10b981}.type-card.sentinel{border-color:#3b82f6}.type-card.sentinel .type-group{color:#fff;background:#3b82f6}.type-card.explorer{border-color:#f59e0b}.type-card.explorer .type-group{color:#fff;background:#f59e0b}@media (max-width:768px){.types-content{padding:60px 8px 24px}.types-header h1{font-size:2rem}.types-header p{font-size:1rem}.types-grid{grid-template-columns:1fr;gap:16px}.type-card{flex-direction:column;min-height:140px}.type-card-content{padding:20px 12px 20px 16px}.type-card-bg{justify-content:center;align-items:stretch;width:100%;height:100%;position:absolute;inset:0}.type-card-bg-img{object-fit:contain!important;object-position:center right!important;width:100%!important;height:100%!important}}